活动会场模块化，也可以理解为活动会场组件化

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

文章主要包含4部分：

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

2.什么是“会场模块化”

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

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

预计阅读时间10分钟

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

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

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

不管模块化落地规模如何，是简单的Sketch/PS文件复用，还是以复杂系统落地，必然会有相应的使用流程。如何提升内部员工的使用

来源【企业推广】自媒体，更多内容/合作请关注「辉声辉语」公众号，送10G营销资料！