电商活动页面数量急剧增加，几乎每天都有新活动上线，大到双11、小到“格力电器日”，活动已经成为一种常见的运营模式。基于此，结合行业内的观察，我们提出了“活动会场的模块化”思路。

文章主要包含4部分：

1. 为什么要做“活动会场模块化”
2. 什么是“会场模块化”
3. “会场模块化”的3大好处
4. “会场模块化”需要考虑哪些内容

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

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

二. 什么是“会场模块化”？

活动会场模块化，也可以理解为活动会场组件化，指的是将活动会场拆解成一个一个可拼装组件，之后将多个组件聚类归纳和整理，形成一套“模版库”，并在多次活动中不断扩充迭代便于使用，提升活动搭建效率及设计品质。模块化思路落地可大可小，它可以小到一个Sketch文件，也可以大到一个系统。不管能实现到何种程度，它都能有效地提升效率。

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

1. 提升内部效率

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

2. 提高统一性

虽然不同活动存在一些差异，但通过选用模版库的组件，可以有效保证统一性，避免活动页面“各做各的”。

3. 提升活动质量

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

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

1. 模块拆解&灵活组合

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

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

2. 模块如何使用

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

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

在A系统中，运营需要提供原始素材，视觉需要上传坑位PSD视觉模版，系统组合生成坑位图片；之后图片被上传到B系统中，运营依据会场的框架，将图片收集到一起（比如楼层1中所有的图片、楼层2中所有的图片等）；再由B系统将图片传到C系统，运营通过该系统选择可交互的模块，搭建页面，系统自动填充从B系统获取的图片，最终页面上线。

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

3. 如何优化

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

（1）面向内部——内部人员使用体验优化 

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

（2）面向外部——模块本身的迭代

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

总结

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

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

最后，大家在工作中有什么模块化的好建议or好工具，热切期盼留言分享！

以上都是我的初步思考，还有很多地方不完善，欢迎大家批评指正。感谢大家的耐心阅读，么么哒～～

作者：小鱼儿，公众号：未知素设计

本文由 @小鱼儿 原创发布于人人都是产品经理。未经许可，禁止转载

题图来自 Pexels，基于 CC0 协议