电商活动会场想做得更快更好？你需要模块化思路

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

文章主要包含4部分：

• 为什么要做「活动会场模块化」
• 什么是「会场模块化」
• 「会场模块化」的3大好处
• 「会场模块化」需要考虑哪些内容

一、为什么要做「活动会场模块化」

今天的电商平台，活动作为较为日常的运营模式，呈现出页面基数大、上线时间短、更新速度快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个方面，如下图所示：

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

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

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

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

总结

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

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

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

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

欢迎关注作者的微信公众号：「未知素设计」

图片素材作者：Kostia Osadchy

「提升效率的组件化设计」

• 《为什么我们都应该学会组件化设计思维？》
• 《这篇8000字长文，能帮你学会组件化设计与开发的思维方式》
• 《网易设计师：如何打造一个方便高效的交互组件库？》