在上一篇文章中,小编为您详细介绍了关于《vivo深入政企业务,G1以双域双模先发制人》相关知识。本篇中小编将再为您讲解标题搭建内容管理系统CMS(3):从原理、需求到设计,一文看懂动态化页面。
原标题:搭建内容管理系统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 协议游戏网
编后语:关于《搭建内容管理系统CMS(3):从原理、需求到设计,一文看懂动态化页面》关于知识就介绍到这里,希望本站内容能让您有所收获,如有疑问可跟帖留言,值班小编第一时间回复。 下一篇内容是有关《全球第一!固德威储能逆变器在WoodMackenzie权威排名中摘得桂冠》,感兴趣的同学可以点击进去看看。
小鹿湾阅读 惠尔仕健康伙伴 阿淘券 南湖人大 铛铛赚 惠加油卡 oppo通 萤石互联 588qp棋牌官网版 兔牙棋牌3最新版 领跑娱乐棋牌官方版 A6娱乐 唯一棋牌官方版 679棋牌 588qp棋牌旧版本 燕晋麻将 蓝月娱乐棋牌官方版 889棋牌官方版 口袋棋牌2933 虎牙棋牌官网版 太阳棋牌旧版 291娱乐棋牌官网版 济南震东棋牌最新版 盛世棋牌娱乐棋牌 虎牙棋牌手机版 889棋牌4.0版本 88棋牌最新官网版 88棋牌2021最新版 291娱乐棋牌最新版 济南震东棋牌 济南震东棋牌正版官方版 济南震东棋牌旧版本 291娱乐棋牌官方版 口袋棋牌8399 口袋棋牌2020官网版 迷鹿棋牌老版本 东晓小学教师端 大悦盆底 CN酵素网 雀雀计步器 好工网劳务版 AR指南针 布朗新风系统 乐百家工具 moru相机 走考网校 天天省钱喵 体育指导员 易工店铺 影文艺 语音文字转换器