原标题:搭建内容管理系统CMS(3):从原理、需求到设计,一文看懂动态化页面
Sue前面分享的两篇文章,介绍了内容管理系统(CMS)关于和的部分。那么被生产出来并通过过滤的内容,如何呈现给我们的内容消费者呢?
我们都知道,在客户端上的开发实现,版本一旦发布了出去,如果有东西需要调整,那就要再修改代码,就算是再小的改动,都需要经过测试后再更新,而每一次的更新本身又存在可能出现各种各样问题的风险。
如果我们能提供动态可配置的能力,通过模板化来实现内容的呈现,那就可以减少开发的成本,同时也能够更高效地进行不同产品/运营方案的对比试验。
由此可知,页面动态配置是内容管理系统(CMS)关于如何更灵活地呈现内容的解决方案。
1. 页面拆解&组成部分
在这个“潮流眼镜专场”页面,Sue截了三张图,我们来一一拆解,看看这个页面都有什么:
像这样一个动态化的页面,我们可以按以下3层次来拆分:页面——卡片——组件。
三者之间的层级关系见下图:
2. 实现原理
弄清楚了动态页面的组成部分,那他们仨是如何联合起来工作的,最终呈现出我们所看到的页面内容呢?
当用户访问某页面,到最后呈现出完整的页面内容,主要是通过以下三步完成的:
概括的说,就是:首先按照布局去解析出各组件位置,然后再去解析组件的内容(样式、图片、背景、链接等),最终解析出对应的自定义页面内容。
3. 要点说明
在聊动态化页面具体的配置流程之前,想和大家再多聊聊,Sue在学习和工作的过程中,总结和整理一些要点,然后通过这些来加深对整体的理解。
3.1 组件
它不是指显示的一行小字、一个明显扎眼的按钮,也不是一张帅哥美女的明星图片。它是需要提前定义好,并写入到框架(代码)中的。而组件定义的标准就是业务化,要求是能承担一定业务能力的最小复合单元。
这也基本可以说是作为PM定义需求的一大通用原则。
每个组件都需要单独设计,定义其规则和样式。
组件的基本样式:组件背景、组件外边距/内边距、组件的宽高比,除此之外还可能有额外的自定义样式如:字体颜色、字体大小、组件间的空隙,对应的跳转链接等等。
不同的组件有不同的功能,表示不同类型的内容。
组件的常见种类:搜索栏、公告、列表导航、富文本、标题栏、按钮组图文、按钮组文字、单张图片、图片轮播、优惠券等等。
3.2 卡片
卡片负责对组件进行布局。卡片不需要布局模板,只需要描述卡片的类型即可,卡片的类型也是注册在框架里的。
动态化页面指的是布局动态化,是通过布局嵌套组件的形式搭建整个页面。一个页面内嵌套了多个卡片,一个卡片又嵌套了多个组件。
4. 步骤概要
明确了页面动态化的实现原理,那我们如果需要配置这么一个页面,需要提前准备什么,做什么?
这里分前、中、后三个环节,来跟大家聊聊配置工作所涉及到的流程。
4.1 开始配置前
1)明确目的和重点
2)确认已有设计和是否需要补充
1)选择/创建页面
总体来说,页面需要支持动态化配置的情况有两种:
2)选择卡片、然后选择组件进行布局排版
根据页面想呈现的内容和内容想突出的信息,在已有的卡片库(布局样式)和组件库,选择合适的布局样式和组件。
3)组件配置(定义样式、配置信息)
1)效果预览——确认发布
2)预览提交——审核发布
预览,是必须要有的一个步骤。Sue在这一步说的预览,是指在页面配置完成后最终效果的预览,还可能会涉及到时间维度(比如对双十一零点活动页面提前设置定时发布的预览)。另外还有一种预览,是指在配置过程中的边配边看,主要是针对样式细调的效果预览(比如组件换不同的背景颜色)。
让操作人员在完成配置后,在进行发布前,对页面的配置效果先进行预览,以确保最终呈现的页面满足需求和符合要求。
预览完效果后,进行提交,等待审核发布,则可以依据公司/团队具体的情况,进行步骤细化。
通常,初创型公司由于运营团队的组建较为精简,常见的流程是:运营人员完成配置后,预览一下效果,确认没问题就操作发布了。没有中间审核的这一步,预览到发布,通常是同一个人。
但在对内容管理有明确的流程和规范,并且人员配备完善的公司,流程通常是第2)种。
这中间涉及到多个不同的角色,以及角色背后的权限细分。有的人负责配置,预览后提交审核,对呈现效果负责。有的人负责审核,最终确认发布,对整体进行把控。
所以具体的流程是:效果预览——提交审核——进行审核——确认发布。
附:整体的配置步骤说明图
5. 需求提取
明确了页面动态化的实现原理,以及配置页面的工作流程,那接下来就是PM最熟悉的内容了:提取需求,完成产品设计。
产品设计和后期不断迭代优化,都应该始终围绕以下几个方向:
基于实现原理、配置流程和产品设计方向,Sue提炼出了以下6大需求点:
(1)管理
(2)编辑(配置)
在配置不同类型的页面时,提供对应的配置功能:
1)对固有页面的配置
2)对创建页面的配置
3)除此之外,还应该提供复制创建等满足高效配置的功能
(3)预览
配置预览:对应的是配置过程中的效果查看,主流的交互是拖动到相应位置,设置内容后实时预览。
白名单预览:对应的是预发布状态,在此状态下,可通过白名单预览,提前查看效果。
时间机器预览:
(4)审核
这个过程和一般的申请审核大致相同,需要支持和满足的需求点应包含但不仅限:
(5)发布
通常完成配置后,不建议直接发布,以免存在问题的配置,直接影响到线上用户。
到了发布阶段,有以下两个发布功能是应当去满足的:
(6)ABtest
俞军老师在书中分享过:由于信息的不完备性,所以所有自以为经过审慎考察做出的判断和行为,客观上说都是在试错。
同样我们所设计的内容管理系统(CMS),也应该具备这样的试错能力。
(Sue前段时间刚好梳理和搭建了所在项目的ABtest系统,有专门深入去学习和做了一些总结。后面也想和大家来聊聊,在这里就算先预告一下下)
附需求点梳理脑图(但还是那句话:需要结合具体情况去定义,设计出来的产品才符合需求)
6. 思路&理念
最后来总结一下,内容管理系统(CMS)通过动态化页面对内容进行呈现的基本思路和设计理念。
基本思路:
内容管理系统(CMS)通过动态化页面对内容进行呈现的基本思路:分离内容的管理和页面的设计。页面设计存储在模板里,而内容存储在数据库中。当用户请求页面时,各部分联合动态生成一个标准的页面。
设计理念:
而灵活性则体现在:
我们都明白页面动态化配置对运营、营销等方面重要意义,一方面确确实实是在减少重复性、不必要的开发工作,避免了开发资源的争夺和漫长的排期等待。但另一方面,也灵活的配置方案、便捷的配置工具,对技术的要求就相对较高了。如何在这两个方面更好地平衡,就是产品需要思考的问题了。
关于这几个问题,Sue思考的答案是:并不是所有的页面都需要支持动态配置,没这个必要。
符合以下条件的页面需要支持动态化配置:
符合以下条件的页面无需支持动态化配置:
符合以下条件的页面不宜支持动态化配置:
以上,就是Sue对于内容管理系统CMS在内容呈现环节的总结与分享。
真正到开展对应工作的时候,要思考的远不止本文所分享的这一些,希望Sue所分享的内容能起到一个抛砖引玉的作用。
坚持更文分享个人一些思考与想法,使自己保持输入转化、总结输出的学习习惯。如有不成熟、不正确的地方,希望有小伙伴指点赐教。欢迎讨论,共同进步。
本文由 @素小白 原创发布于人人都是产品经理,未经许可,禁止转载
题图来自 Unsplash,基于 CC0 协议游戏网
相关下载 |
原标题:一文详解:为什么“快递柜”收不收费都难? 图片来源@全景视觉 文丨零售氪星球(ID:LS-KXQ),作者丨赵骐 最近吵得不可开交的“快递柜收费”为什详情>>
最新进展:#奔驰维权女车主称收到恐吓信息# 西安女车主表示,她的手机号被泄露出去,短信微信全都是陌生人的信息,甚至有恐吓,还有人在网上捏造一些关于她的事详情>>
原标题:一文了解视频号背后的微信生态 文 | 时趣 视频号是微信团队今年年初推出的新功能,目前已经灰度测试将近3个月了,据说5月有机会全部放开。详情>>
[PConline 资讯]GMIC已经举办12个年头,而今年受疫情影响,GMIC采用了线上的形式举行。汇量科技Mobvsita旗下子牌子Nativex和Mintegral也在GMIC Live亮相,在会上分别围绕疫情期详情>>
原标题:2020年路由器推荐 一文看懂不踩雷 在家庭娱乐活动离不开网络世界的今天,路由器的家庭地位越来越重要,无论是刷短视频还是看电影玩游戏,都离不详情>>
这段时间,很多人真切体会到了宅在家里不能出去耍的感觉,在家里怎么找乐子成为网友们共同的课题。这个时候,游戏就开始释放出它独特的价值了。闲下来的详情>>
原标题:一文看懂:骁龙865为何能成为游戏手机的幕后英雄 这段时间,很多人真切体会到了宅在家里不能出去耍的感觉,在家里怎么找乐子成为网友们共同的课详情>>
原标题:一文了解设计规范的前世今生 设计规范是遵循一定的设计原则,在产品周期下不断进行迭代和升级。变化的用户习惯,以及新的交互模式,因此需要不详情>>
原标题:一文详解To B业务调研 公司新来了两位实习生小朋友(99年的,突然发现90的快成为了叔叔了),部门把两位小朋友分配给我,让我好好带一带。正好手里详情>>
原标题:2020年,至关重要的八大商业趋势,一文看懂! ◎作者 | 沈帅波 ◎来源 | 进击波财经(jinbubo) 已获授权 我们的初衷是尽可能拓宽商业认知边疆,而详情>>
近日,相信很多人都看到了《我们为什么要警惕电竞狂热》这篇文章,而它也成为了微博、知乎等社交媒体议论的话题。总的来看,它带给人的第一感觉就在于过分“浅显”,详情>>
原标题:《警惕电竞狂热》一文,教会了我们不要怀揣偏见去看待电竞 近日,相信很多人都看到了《我们为什么要警惕电竞狂热》这篇文章,而它也成为了微博、详情>>
原标题:一文讲透八大行业中的消费升级趋势 | CBNData报告 咖啡偏爱手冲,装修必须简洁精致风,穿着小众中带有设计感……对“多金又会花”的当代年轻人详情>>
原标题:直播狂欢夜最强预告!一文在手,羊毛薅走 大家好,我是土鸡 离双11狂欢,还有不到8个小时 在这个商家拼了命割肉 买者拼了命薅羊毛的日子里 首先要详情>>
原标题:一文详解运营商“携号转网”申请流程及问题 IT之家11月9日消息 据山东移动官方客户端了解到,目前“携号转网”已经开启,具体的操作流程也已经详情>>
原标题:@程序员,一文掌握 Web 应用中的图片优化技巧! 作者 | fecoder 责编| 郭芮 这篇文章,我们将一起探讨,Web应用中能对图片进行什么样的优化,以及反详情>>
原标题:抖音小程序怎么注册?一文看懂抖音小程序注册开发流程! 企业或者个人想要做抖音小程序开发,首先要做的就是注册,在字节跳动小程序登陆之后填写资详情>>
今天下午,国产游戏手机领航者黑鲨科技“指尖主宰”全球新品发布会在北京正式召开。在小米科技创始人、董事长雷军,李宁集团执行董事、非凡中国体育CEO李详情>>
原标题:都市鉴宝第一文,阅文IP《黄金瞳》为打造爆款游戏而生 作为泛娱乐产业链上的排头兵,根据《2018年中国游戏产业报告》数据显示,2018年中国游戏市场总收入达到详情>>
原标题:刺激战场: 大神最钟爱的四把武器, 可惜在菜鸟眼中却一文不值! 游戏,随人类而造。在人类社会中,游戏不仅仅保留着动物本能活动的特质,更重要的是作为高等动物详情>>
在外服已经更新的9.3版本因为暴击装备的大改和OP,ADC的出装顺序再一次变动,同时在9.3也出现了很多有意思的高胜率黑科技,接下来就为大家带来最新的出装和打法。 ADC新出装顺序详情>>
原标题:一文梳理:中美女主播对话实录 showVrsPlayer({ 详情>>
原标题:硬件盛宴!一文看尽Computex 2019台北电脑展:芯片大战+游戏本井喷 图片来源:Computex Taibei官网截图 2019年台北国际电脑展Computex现已正式拉开序幕,来自详情>>
《权力的游戏》已经正式完结,但对于该剧的争议却没有停止,这部剧的结局显然没有让所有人满意,粉丝们在网上发起的“要求HBO重拍第八季”的请愿签名已超过130万,狼家长女“珊详情>>
Game234问答中心有网友提出了一个比较有代表性的问题【蜜蜂一文最后一句表达了作者的什么心情】,【蜜蜂一文最后一句表达了作者的什么心情】具体问题如下:铚滆渹涓?枃鏈?悗涓?彞琛ㄨ揪浜嗕綔鑰呯殑浠详情>>
3月14日上午10点,腾讯UP2019新文创生态大会在北京国家会议中心举行。今年的大会主题为“一花一世界”,意在探讨每一个灵感、IP作品背后所蕴藏的巨大能量,以及对社会的积极意义。今年的UP大会扩展到详情>>
由穿越火线项目联合斗鱼直播平台举办的第一届斗鱼KOC枪王大奖赛将于3月22日拉开序幕。这是2019年年后CFM项目的第一个大型赛事,同样也为后续到来CFM详情>>
作为泛娱乐产业链上的排头兵,根据《2018年中国游戏产业报告》数据显示,2018年中国游戏市场总收入达到了2144.4亿元,占全球市场的23.6%。伴随版号陆续发放,预计2019年国内游戏市详情>>
抖音可爱在性感面前一文不值下一句是什么?还不是很了解的朋友们,下面Game234游戏门户网游戏小编详情>>
抖音可爱在性感面前一文不值是什么意思?还不是很了解的朋友们,下面Game234游戏门户网游戏小编就详情>>
G联赛穿越火线枪战王者16强晋级赛将于1月11日13点进行至21点,届时16支队伍将争夺G联赛八强名额,职业队伍以及民间队伍之间将展开更为激烈的对决。率先上演九详情>>
那么我们今天就一起来看看这把武器在荒野行动中究竟如何呢? 我们在界面的武器中可以看到,十字弩被分类在副... 详情>>
十年聚散,再回天龙!天龙八部端游原班人马打造的,全新3DMMO武侠手游《天龙八部手游》5月16日不删档开启在即。由游戏知名NPC“掌柜”的“赵天师典当行”,今日 详情>>
与此同时,电竞出海、大厂入局、和富二代扎堆逐渐成为趋势。努力探索变现模式,脚踏实地的电竞人,正在让电竞从热门生意离稳定赚钱越来越近。 2019年,电竞中下游能否... 详情>>
游戏化的设计效果优秀而显著,所以我们在产品设计中,合理的利用游戏的设计手法,去达成产品或业务的一系列目标。 详情>>
之前在负责一块WEBGAME产品的公测,对一些数据格外敏感。这里面有一组比较核心的数据,就是所谓的留存率。留存率又分为好几个层面,目前我们主要关注的是:1.月有详情>>
随着CFS2018世界总决赛抽签结束,确定了四支队伍的对阵情况,其中中国队伍情久与九五将在小组赛内遭遇,这意味着中国队伍仅有一支才可进入最终的总决赛环节中,那么详情>>
提到VR,大多数人都会第一时间想到Oculus公司,它将OculusRift和OculusGo等热门产品推向世界,下面我们来详细了解一下Oculus。OculusQuest有什么新配置?在加详情>>
大家好,囧王者来告诉大家买那个版本的PS4。现在已经接近PS4游戏机的生命末期,各种大厂商已经差不多快吃详情>>
本文由网易大神独家授权转载昨天出了钓鱼的玩法,凉音属于100%纯佛系妹子,所以对这种休闲的玩法还是很感兴详情>>