以京东为例,电商会场应该如何实现模块化?

作者:小鱼儿来源?#20309;?#30693;素设计(ID:gh_49d55c1b69ec )本文为作者授权鸟哥笔记发布,转载请联系作者并注明出处。

活动会场模块化,也可以理解为活动会场组件化
以京东为例,电商会场应该如何实现模块化?

作者:小鱼儿

来源?#20309;?#30693;素设计(ID:gh_49d55c1b69ec

本文为作者授权发布,转载请联系作者并注明出处。

电商活动页面数量?#26412;?#22686;加,几乎每天?#21152;?#26032;活动上线,大到双11、小到?#26696;?#21147;电器日?#20445;?#27963;动已经成为一种常见的运营模式。基于此,结合行?#30340;?#30340;观察,我们提出了“活动会场的模块化”思路。

文章主要包含4部分:

1.为什么要做“活动会场模块化”

2.什?#35789;恰?#20250;场模块化”

3.“会场模块化”的3大好处

4.“会场模块化”需要考虑哪些内容

预计阅读时间10分钟

 


为什么要做“活动会场模块化”

今天的电商?#25945;ǎ?#27963;动作为较为日常的运营模式,呈现出“页面基数大”、“上线时间短”、“更新速度快”3大特征。原有的瀑布流式开发流程,涉及?#26041;?#20247;多,包括业务、产品、交互、视觉、前端、开发、测试等。如果每个活动都这样做,效率很低。基于此,结合行?#30340;?#30340;观察,我们提出了“活动会场的模块化”思路。

以京东为例,电商会场应该如何实现模块化?

 

什?#35789;恰?#20250;场模块化?#20445;?/strong>

活动会场模块化,也可以理解为活动会场组件化,指的?#22681;?#27963;动会场拆解成一个一个可拼装组件,之后将多个组件聚类?#27103;?#21644;整理,形成一套“模版库?#20445;?#24182;在多次活动中不断扩充迭代便于使用,提升活动搭建效率及设计品质。模块化思路落地可大可小,它可以小到一个Sketch文件,也可以大到一个系?#22330;?#19981;管能实现到何种程度,它都能?#34892;?#22320;提升效率。

以京东为例,电商会场应该如何实现模块化?

“会场模块化”的3大好处

以京东为例,电商会场应该如何实现模块化?

1.提升内部效率

通过“会场模块化思路?#20445;?#21487;以将一些模块固化下来,做成前端写好的模块,以可视化、简单、易操作的方式,方便运营在没有产品、交互、开发等资源的情况下,快速搭建活动页,为业务赋能。

2.提高统一性

虽然不同活动存在一些差异,但通过选用模版库的组件,可以?#34892;?#20445;证统一性,避免活动页面?#26696;?#20570;各的”。

3.提升活动质量

通过模块化思路,可以将各个活动的交互设计经验沉淀下来,?#34892;?#25351;?#35745;?#20182;活动的设计,提升整体品质。如果运营没有相关交互背景,也可以用低成本的方式搭建质量还不错的页面。

 

“会场模块化”需要考虑哪些内容

1.模块拆解&灵活组合

一般来说,不建议将会场拆分的过于琐碎,每个模块至少都是“有含义”的。 比如以京东618主会场为例,模块都是“?#28216;?#32452;合?#20445;?#22914;下图所示,其中包含了“会场——1行1个/2个/3个/4个”等模块。通过对“会场、品牌、关键词”等元素进行组合拼装,结合业务场景,快速产出了3套会场楼层组合。

以京东为例,电商会场应该如何实现模块化?

除此之外,模块梳理中,还需保留一定的灵活度。比如有的单品?#23567;?#31186;杀价、原价、销量、好评数”等信息,但有的单品是新品,没有大力度的优惠。这就要求我们在考虑基础模块时,留有一定的灵活度,可以在一定范围内隐藏/展示部分信息。如果完全是2种类别的?#28216;唬?#21017;可以考虑独立成一个新的模块。

 

2.模块如何使用

除了模块拆解,模块的使用也十分重要。如果设计出来的组件库没有人使用,也无法真正提高效率。如何依托现有的?#25945;ǎ?#23558;模块简单高效的同步使用者,也是模块化中非常重要的问题。

有的模块使用十分简单,比如小?#27103;?#26576;位同学整理了一份模版,将Sketch文件在?#27103;?#21516;步应用,其他设计同学只需要复制就好。这是只涉及设计层面的“模块化思路”。有的模块会对应到一个系?#24120;?#21151;能更强大,使用起来也更复杂。以京东内部工具体系中,对类似系统做了大致的梳理,如下图所示。因为过于复杂,所以进行?#24605;?#21270;以帮助理解。

以京东为例,电商会场应该如何实现模块化?

在A系统中,运营需要提供原始素?#27169;?#35270;觉需要上传?#28216;籔SD视觉模版,系统组合生成?#28216;煌计?#20043;后?#35745;?#34987;上传到B系统中,运营依据会场的框架,将?#35745;?#25910;集到一起(比如楼层1中所有的?#35745;?#27004;层2中所有的?#35745;?#31561;);再由B系统将?#35745;?#20256;到C系?#24120;?#36816;营通过该系统选择可交互的模块,搭建页面,系统自动填充从B系统获取的?#35745;?#26368;终页面上线。

其实不难看出,如果将运营作为一个用户,整个系统较复杂,系统和系统之间也存在一些壁垒,用起来并不是十分顺畅,后续还是有一些提升空间。

 

3.如何优化

模块的优化思路共涉及2个方面,如下图所示。

以京东为例,电商会场应该如何实现模块化?

a.面向内部——内部人?#31508;?#29992;体验优化

不管模块化落地规模如何,是简单的Sketch/PS文件复用,还是以复杂系统落地,必然会有相应的使用流程。如何提升内部员工的使用效率,是核心优化点之一。 除此之外,通过收集模块内部的使用数据,比如“3C哪个模块用的最多”、“哪个模块的成交数据表现更好?#20445;?#32473;出参?#23478;?#35265;,帮助他们更好的搭建页面,但这对系统要求会更高一些。

 

b.面向外部——模块本身的迭代

面向C端的用户,模块本身也需要不断验证、迭代,优化我们的设计。 这就需要我们的“模块化系?#22330;?#21151;能必须包含“数据统计&查?#30784;?#30340;功能,通过统计用户操作的数据,为后期的迭代提供基础数据支持。

 

总结

关于“活动会场模块化”的思考大概就是这些。模块化的思路可大可小,不管是简单的Sketch集合,还是庞大的系?#24120;?#21482;要是沿着模块化的思路进行梳理,都可以帮助我们提升自己的效率。

随着AI技术的发展,未来简单、重复性的工作必然会被取代。希望可以通过模块化的思路,解决一些重复性的工作,让自己有更多的精力投入?#20132;?#22120;无法替代?#27169;?#25972;合性更强,难度更大的活动设计中去。

 

写在结尾:

大?#20197;?#24037;作中有什么模块化的好建议or好工具,热切期盼留言分享!

以上都是我的初步思考,还有很多地方不完善,欢迎大家批评指正。?#34892;?#22823;家的?#25176;?#38405;读,么么哒~~

原创文章,作者:金香槟运营,如若转载,请注明出处:http://www.ptffy.club/27171.html

征服者入侵APP下载
南粤36选7 35选7 25选5 2014上证指数预测 上证指数历史走势图 股票配资平台排名 nba比分虎扑 云南快乐10分 投资理财平台 股票行情601299 期货配资公司名录 奥运会网球比分板 内蒙古11选5 快速赛车 国外股票指数期货 有没有靠谱的股票配资平台