电商活动会场想做得更快更好?你需要??榛悸?- 优设-UISDC

电商活动会场想做得更快更好?你需要??榛悸?/span>

2018/08/23 5860评论区

电商活动页面数量急剧增加,几乎每天都有新活动上线,大到双11、小到「格力电器日」,活动已经成为一种常见的运营模式?;诖?,结合行业内的观察,我们提出了「活动会场的??榛顾悸?。

文章主要包含4部分:

  • 为什么要做「活动会场??榛?/li>
  • 什么是「会场??榛?/li>
  • 「会场??榛沟?大好处
  • 「会场??榛剐枰悸悄男┠谌?/li>

一、为什么要做「活动会场??榛?/h4>

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

二、什么是「会场??榛??

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

三、「会场??榛沟?大好处

1. 提升内部效率

通过「会场??榛悸贰?,可以将一些??楣袒吕?,做成前端写好的???,以可视化、简单、易操作的方式,方便运营在没有产品、交互、开发等资源的情况下,快速搭建活动页,为业务赋能。

2. 提高统一性

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

3. 提升活动质量

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

四、「会场??榛剐枰悸悄男┠谌?/h4>

1. ??椴鸾?amp;灵活组合

一般来说,不建议将会场拆分的过于琐碎,每个??橹辽俣际恰赣泻濉沟?。 比如以京东618主会场为例,??槎际恰缚游蛔楹稀?,如下图所示,其中包含了「会场——1行1个/2个/3个/4个」等???。通过对「会场、品牌、关键词」等元素进行组合拼装,结合业务场景,快速产出了3套会场楼层组合。

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

2. ??槿绾问褂?/h5>

除了??椴鸾?,??榈氖褂靡彩种匾?。如果设计出来的组件库没有人使用,也无法真正提高效率。如何依托现有的平台,将??榧虻ジ咝У耐绞褂?,也是??榛蟹浅V匾奈侍?。

有的??槭褂檬旨虻?,比如小组内某位同学整理了一份模版,将 Sketch 文件在组内同步应用,其他设计同学只需要复制就好。这是只涉及设计层面的「??榛悸贰?。有的??榛岫杂Φ揭桓鱿低?,功能更强大,使用起来也更复杂。以京东内部工具体系中,对类似系统做了大致的梳理,如下图所示。因为过于复杂,所以进行了简化以帮助理解。

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

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

3. 如何优化

??榈挠呕悸饭采婕?个方面,如下图所示:

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

不管??榛涞毓婺H绾?,是简单的 Sketch/PS 文件复用,还是以复杂系统落地,必然会有相应的使用流程。如何提升内部员工的使用效率,是核心优化点之一。 除此之外,通过收集??槟诓康氖褂檬?,比如「3C哪个??橛玫淖疃唷?、「哪个??榈某山皇荼硐指谩?,给出参考意见,帮助他们更好的搭建页面,但这对系统要求会更高一些。

面向外部——??楸旧淼牡?/strong>

面向 C端的用户,??楸旧硪残枰欢涎橹?、迭代,优化我们的设计。 这就需要我们的「??榛低场构δ鼙匦氚甘萃臣?amp;查看」的功能,通过统计用户操作的数据,为后期的迭代提供基础数据支持。

总结

关于「活动会场??榛沟乃伎即蟾啪褪钦庑?。??榛乃悸房纱罂尚?,不管是简单的 Sketch 集合,还是庞大的系统,只要是沿着??榛乃悸方惺崂?,都可以帮助我们提升自己的效率。

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

最后,大家在工作中有什么??榛暮媒ㄒ榛蚝霉ぞ?,热切期盼留言分享!

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

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

图片素材作者:Kostia Osadchy

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

优设大课堂

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

发表评论 加载中....

评论加载中....

uisdc

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

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

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

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