电商活动会场想做得更快更好?你需要模块化思路 - 优设网 - UISDC

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

2018/08/23 9518评论区

电商活动页面数量急剧增加,几乎每天都有新活动上线,大到双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

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

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/event-venue-modularity

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 设计师干货 排版布局 职场 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 海报设计 用户体验设计 设计规范 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里