阿里20周年年会,设计如何让全球小二“在一起栏目:电商资讯   发布于:2019-10-04 20:47

——阿里巴巴集团二十周年年会项目设计总结

在刚刚结束的阿里巴巴20周年年会上,全球阿里小二欢聚一堂,共同度过了一个难忘夜晚。而在年会背后,是整个项目组数月的付出与准备,这其中就包含了一群有颜有实有情怀的阿里设计师们。让我们沿着20周年的旅程,来看一下阿里设计师们的故事。

背景

从最初不到20人,历20年发展到小二超10W,业务遍布全球的多生态、多领域国际化数字经济体。适逢价值观升级,今年的20周年年会不仅是阿里人欢聚一堂的生日派对,更是全体小二和关注集团成长的社会各界深度感受公司文化氛围,零距离接触公司发展成果,携手奔赴更好未来的契机。通过一体化产品模式,将20周年的文化理念、会务功能、氛围互动、资讯触达等方面整合为产品交付,为年会运营团队提供灵活的运营工具,为所有与会人员提供全程沉浸式的优秀体验,是本次年会项目的必达使命。

为达使命,方向的输入和咀嚼必不可少。今年高层传递了对整个年会项目的期待:温暖,可信赖,有担当。同时集团品牌结合经济体内多家生态公司VI色设定了本次年会的Logo和主KV。两者分别从抽象思考和具象传达两个层面为整个项目的设计工作提供了指引和照明,但同时也带来了具象的约束与挑战。便好似老师出了个作文命题,能不能拿满分就看大家的功底。设计师们迎难前行,风檐刻烛的冒险故事由此开启。

It's show time,20周年之设计师的故事

从满杯到空杯

万事开头难,项目依照产品维度对设计资源进行分割。设计师们来自不同的业务团队,汇聚在此做的也是不同的模块。仅靠一张主KV是无法做到规范协作,步调一致的。大家都尽快的调整到空杯心态,摒弃以前的惯性思维和业务禁锢,把眼光统一放到整个年会的大氛围中,统一思路和规范。根据前期确定好的关键词和元素拆解、发散、归纳、聚合、统一。形成一套适合线上使用的新规则,于线上相得益彰,与线下一脉相承。

线上线下场景的使用区别:

线下:大多以营造氛围为主,内容为辅,突出标题类信息,形状可多样化,规范约束适当限制。上线时间在接近年会开始时或会中,时间较短,气氛较浓郁、热烈。

线上:多以内容为主,氛围为辅,形状较统一,有限定的容器和使用规则,规范约束力较强。上线时间可分阶段展开,随着年会渐进气氛逐渐升温。

主KV的拆解与组合:

形:本次主KV画面元素呈三种结构形:圆、水滴、流线。整体圆润,富有亲和力。线上使用时,多以渐变和流线做底,圆形、水滴点缀。

色:不同色彩比例有着不同的心理意向,“橙”色温暖、快乐、激情、活力,不但是阿里VI色,也是阿里“橙”文化的代名词。本次年会主打:温暖、信赖、担当,所以我们以橙色为主,其它色彩相辅。这样的用色规范为后续工作减少许多沟通成本,提升了审核通过率。

字:字体的选用既要有设计美感、还要兼顾庞大的阿里经济体各场景需求、更要“能传达阿里精神”,同时还要严格避免侵权使用的问题。因此我们选用了阿里自创的普惠体。细体适于大篇幅阅读,粗体适于标题吸睛。设置多种规格满足9个常见业务场景。banner、大标题、固定文案等一应齐全。

构:画面布局线上统一。以内容为主,背景+流线形铺底,球形、水滴形点缀。在需要重点吸睛的场合也会使用单个大元素+多个小元素点缀设计。

质:质感上我们选用了气球、软糖这类的富有亲和力的选项。在线上使用时依据具体场景增减透明度,达到区分主次强弱的效果。

问题解析

欲行千里,先究其宗,今年摆在面前的现状源头归纳起来就是“扩张”,谓之人员组织规模更庞大,生态中的经济体数量更多,跨域文化更多样。随之而来的就是“触动难”,主要体现在:

1、触达基数大:单从人数来讲,较两年前18周年的五位数已经上升到6位数(包含现场和直播总人数)。给抽奖、票务、差旅、场馆、互动、同传都给系统和会务带来了极大的负荷压力。

2、触动渠道多:今年在前期跨端快产品的预热宣传透,线下园区互动活动,以及年会现场的周年直播和互动活动都能看到传递介质的属性升级,种类也更丰富,;

3、触动内容升级:整体价值观的升级和跨域文化的多样性都促成了更长的预热周期和更足量的内容模式上都下足功夫。让每个人都能与年会产生共鸣。

这几点现状结合不同的年会场景会酵变出各式各样的困难。事抓重点,就场景而言,大的阶段可拆分为会前、会中和会后。团队成员深入分析后定义出了与会观众的整体用户体验流程图。并从中拆解出几个关键的体验制高点:分别是会前的抽签、差旅、票务以及会中的直播和互动。后续整个项目的主要体验突破也围绕这几个点展开。

潜心会前

场景1:一站式抽签+差旅——信赖

年会会场可安全容纳人数少于公司总员工数,于是就诞生了抽签系统。后台随机抽选员工现场参会。设计工作针对整条链路优化,通知抽签结果的同时就联动采集差旅信息,让个流程环环相扣。降低反复通知的繁琐度,提升转化率,为后续节点争取更多宝贵时间。

在该段链路中,提升用户体验感知的重点抓手在两方面:

全渠道信息触达

无论是中签结果,还是差旅信息,都会在第一时间通过全渠道告与会人。大基数触达,我们除了使用“邮件+工作通知”外。还借由补充了其他触达渠道,包括年会portal、内外小蜜的主动服务能力等,将年会相关问题打包,在第一时间解决用户的参会咨询。

结果知会支持多端查阅,对于中签的同学,我们在界面设计上增强了中签的惊喜。针对未中签同学则在结果页面上预设了直播直通车和关怀slogan。并有后续其他现场人员招募活动积极跟进。

差旅信息一站式收集

用户可通过底部主按钮一键直达差旅信息填写界面。该模块设计难点在于业务规则繁杂,3个主界面会衍生出了140+用户路径。而落地到单个用户感知到的只会是1-2条。我们借鉴了2B类产品的设计方法,将繁杂的业务逻辑留在后台,我们在界面设计上主引导用户选择“公司统一安排”,以便减少用户认知和操作负担。同时,我们在表单设计上设置了用户行为预判,例如为全球用户出行需要的证件做了自动关联设计。统一安排里,通过工作地推荐 x 出发地选择 x 用户国籍(国家或地区)x 出行时间段(标准、弹性、自主),直接匹配出所需要填写的行程表单字段,如需要的证件、申请等等。

场景2:用心打磨线上票务——担当

为了让员工感知到年会的温暖氛围,同时帮助大家现场快速入会,精心打造了主移动端的线上门票。通过对线下实体票和竞品的分析,同步考量了移动端的承载效果,我们将门票的构成进行了拆分:

1、底层模板:使用主KV背景和镭射球体元素铺垫;

2、左侧主题区,主打年会氛围渲染,并利用主kv元素和颜色心理意向来强化票类区分;

3、右侧内容区,凸显座位信息、人脸信息采集按钮等关键内容;

区域划分不但使票面更规整,同时能更好的拓展国际化排版的需求。细节之处,方显信赖与担当。

场景3:渐进式氛围营造——温暖

前期制定规范的益处在这个场景得到了极大彰显。为了达成前期预热效果,会务方通过线上内外、钉钉、邮件,线下闸机、广告张贴全渠道立体式轰炸。随着日期的临近,氛围营造的方式和视觉传达的力度也在多端渠道不断的加强。

移动端全面覆盖

移动端能够灵活的布局在钉钉端的阿里内外上。因此能够更全面的深入到毛细血管层。在移动端portal上,不同时期模块承载不同内容,也有着完全不同的结构和布局。每次更新内容不确定。需要融合新的内容模块,设计上要力求每个阶段每个需要重点传达的内容都能结构清晰,视觉吸睛。

一期-早期触达:早期运营诉求是门户通知功能:把年会资讯、关键通知推送给用户。考量到后面还有长达数月持续推送,一开始不宜过分张扬,以免用户审美疲劳。所以一期设计上我们刻意收敛,力求内容简单,使用大留白和间距,主保视觉流畅度和整体性。

二期-预热活动:主办方开启了橙TALK专题栏目,通过游戏互动、话题交流等方式确保持续升温。我们利用卡片逐步增加年会内容在Portal上的透出,卡片的优势在于内容区块化比较强烈,能够有效降低对portal原有内容及重要通知的冲击;

三期-营造氛围:元素全面铺开,卡片的数量继续增加。更多年会相关应用陆续加入,例如门票、中奖通知等,会一直持续到活动结束;

pc端主打运营

PC端与移动端相比,灵活不足而体量可观,专题页有大量的篇幅可用来做氛围渲染的主阵地。迎合运营的不断加深扩大,年会主色调和元素在Portal及专题页中的占比越来越多。

多硬件端锦上添花

除了PC和移动两块主阵地,我们还见缝插针的在周边不断制造小惊喜。例如园区随处可见的人脸门禁,被我们换上了年会主题的待机和欢迎画面,随时随地渲染年会氛围。

燃爆会中

年会现场毋庸置疑会精彩纷呈,氛围高涨。我们要做的就是做好基础保障,于细节之处点睛;

场景4:大年会有小惊喜——温暖

黑科技检票入场——担当

数万人的入场对会务安排人员是一个巨大的挑战,首先,我们鼓励大部分与会人员使用电子门票,现场网络情况复杂,在查看门票阶段就面临了考验。在设计上,提前一天就在年会portal上主动透出了门票信息,同时将信息缓存。可以大大提高当天打开的效率。

另一大考验是检票。今年我们将内部日常黑科技——刷脸入园运用到年会入场中,大大提高了入场的效率,缓解了检票人员的压力。截止X时X分,所有人员均已检票进场。

多维互动手环——温暖

阿里巴巴18周年年会由现场手环组成的星辰大海还历历在目,配合节目组成幻变的画面,引导会场气氛进入高潮。跟自己关系最亲密的互动记忆最深刻,今年手环的升级点在于朝“互动”进一步深挖,追求更自然的交互交流。

早期团队成员脑暴了大量的互动的设计:例如一旦关联用户就有互动的笑脸和反馈。按区域响应不同BU员工入场反馈。特定时间点,关键用户可以点燃周围用户,或者相同特征的用户群体集体互动发声等。除了配合表演的效果,还有通过动作感应、心跳感应、声音感应来营造多维度的互动体感。

设计上需要解决的最核心问题的是匹配行为进行自然的响应,强化观众情绪和行为的表达。如戴上手环朝不同的方向运动,光效会有不同方向的运动,摇晃越强烈灯光越亮变化越快。以及匹配用户的认知模型,如心跳想到的是跳跃的波浪线,大声呐喊则是一个音波辐射扩散的效果等。虽然最终因为种种原因导致手环生产周期变短,设计的交互特效没能全部实现,但相信这些优秀的体感交互效果已足矣让大家记忆深刻。

场景5:不管在哪,心在一起就是年!——温暖

内外直播是提供给集团内部使用的直播平台,连接业务、组织和人,用于提升组织管理效能,促进内部沟通、文化传承及员工成长。20周年给直播提的诉求是要全面打通线上能力,通过清晰流畅的观看及丰富的互动体验,让不能到场的全球小二们如临其境的感受到浓烈的年会氛围和组织温度。让“在一起”的年会氛围更加圆满。

为此我们从四个纬度做了升级:

体验升级:观看体验清晰度由原本的480提升至蓝光8M。

能力升级:滚动公告栏,实时播报。独立主播专区,可以强引导小二互动,更好带动直播间整体氛围。

感官升级:在展现形式上,为了让小二们进入直播间时就感受到年会热烈气氛,更有带入感,年会当天上线直播间氛围皮肤,以及为20周年定制的点赞动效。

玩法升级:直播过程中,我们增加了天降礼盒的互动玩法。在倒计时结束后带有明显周年特征的礼盒会纷纷降落,极具视觉冲击力,放大年会刺激性和观众参与感。此外还有增加融入阿里土话的升级版阿里巴巴动物园表情包和3种全新定制礼物。

四维立体打造全面、沉浸式的感观直播体验。

总结:从空杯到满杯

整个项目我们沉淀总结了

一套规范体系

阿里内外承载着协同办公,组织管理及企业文化传达等使命。组织部每年都会有几次固定的大型文化活动(三节一书等)。而我们希望每一次的能力沉淀、升级,可以为下一次的文化活动做的更多。

20周年项目周期长,协作角色多。为保证整个项目的设计输出质量,我们建立了较完整的规范体系,并且项目进行中不断补充内容。并把常用中台基础组件纳入周年规范中打包,让供应商、外包同学也可以方便使用。通过这些规范和严格的视觉审核流程来保证视觉易用性、统一性、美观度。我们依赖中台搭建基础规则、提高效率。也希望模版化解决方案可沉淀中台。

一套全面的会务体系设计

经过这次年会的准备及演练,我们积累了一整套大型会议解决方案,从整体流程到单个节点,从会务功能到文化互动,从信息触达到一体化portal,逐一疏通过。这一次虽未尽善,却积累了大量的实战经验,相信以后再同样的项目背景下,团队的协作会更加流畅顺滑。

一个全新的运营媒介——橙TALK

年会结束了,但文化传承一直在前行。本次借年会项目我们开辟了一个全新的话题运营渠道——橙TALK。相比原来的工作圈更轻量、更年轻化。界面采用瀑布流布局的来呈现卡片内容,相较旧版工作圈的横向列表式呈现,卡片式会更吸睛,更精致。同时新增了分享卡片快照的功能,促进社交互动。借由这种新的形式,大量极具文化传播价值的内容已经在工作圈及钉钉群流动起来,相信这种富有活力的传播形式在以后的文化内容传达和运营上会持续发挥作用。

写在后面

温暖有多少种释义。

信赖有多少种释义。

担当,又有多少种释义。

我说,有多少种人生,就有多少种释义。

在童子何知的年岁赶上个雄州雾列,俊采星驰的时代,恰逢一场胜友如云,高朋满座的盛会,教人如何不有躬逢胜饯的激怀。

两年前,我们十八岁成人,两年后,我们鲲鹏展翅,挥斥方遒。二十岁,最好的年华,我们有一颗温暖的心,信赖这世间一切美好,我们站在一起,担起这时代赋予我们的责任。阿里设计师们,在此献上对温暖、信赖与担当的释义。

[ 标签:阿里年会 ]

相关文章