设计沉思录|美事升级,不止于改版
在产品的迭代升级过程中,改版设计是常常会遇到的问题。文章对58集团内部协作平台——美事的升级改版进行了详细的梳理,对遇到的一些问题进行了分析总结,供大家参考学习。
01 背景
美事作为58集团的内部协作平台,服务全公司两万多名员工,如今发展了两年多,内容愈发庞杂,产品同学希望通过改版来提升用户体验。
“提升整体体验”是一个非常开放的命题,它不同于之前基于具体需求和目标设计任务。这也为我们挖掘更多设计机会,实现更多维设计服务进阶提供了机遇。
02 体验设计,以专业性支持业务
对于内部办公服务产品,好的体验能促进员工提升工作效率,对企业运作也是大有裨益。作为一个中台团队,设计师们沉淀了各种专业的体验设计流程,能够迅速支撑到业务需求。交互同学通过流程化设计为美事平台带来了更好的基础体验,也帮助产品建立了体验迭代机制。
兵马未动,粮草先行——用户研究是设计的关键储备
由于是初次合作,设计同学要找准用户体验提升的发力点,基础资料必不可少。于是通过敏捷访谈了解用户特质和使用场景,同时组织问题走查,梳理现有流程问题和功能BUG。
不仅如此,我们通过数据分析了解用户的热力分布,发现不同类型、职能的用户拥有不一样的工作流程。这帮助我们在提升体验这件事上探明了更可靠的方向。
结合以上调研的内容,我们整理了美事体验升级的几个关键点:功能认知,内容检索,场景分发。
磨刀不误砍柴功,透彻的分析是好设计的开始
在上述关键点里面,我们针对功能认知展开了卡片分类测试——了解用户对40多项功能的认知心理。帮助设计人员更好地梳理功能关系,节约用户的触达成本和记忆成本,提升使用效率。
对于场景分发,我们梳理了每个场景的用户需求,提炼了关键解决方案。
精益求精,打磨设计方案
在方案探索上,我们也花费了很多功夫。从最初的概念稿到落地方案,设计同学尝试了十多种方向,在层层评审下过关斩将。
美事首页的方案是关键争议之一,我们在首页框架层上,聚焦核心功能,新增高频应用的分发入口,提升核心功能的认知与曝光率。
在视觉展现上,增加间距和留白以更好区分模块,方便内容的浏览,提高阅读的舒适度。
基于前置的分析和调研,划分首页功能区,对不同优先级的功能进行重新排序整合,强化重点。
在确立了新的首页结构后,我们快速的围绕“活力”“高效”“严谨”构建出了新的美事视觉风格,并将之快速延展到全部的主体页面。
持续打磨,建立长效化体验迭代机制
我们推动建立了比较完善的数据埋点和跟踪基础建设,为持续的数据跟踪提供条件。然后建立体验问题池,将不连续的用户反馈片段汇总在一起,形成完整迭代需求;最后从用户层,搭建体验满意度体系,实现不同时期的平台满意度检测,了解用户的使用体验变化。
03 设计服务进阶,需求之外的专业探索
线上产品的设计是我们实现美事体验进阶的基础,在此基础上,我们还把视野放到了更加外围的设计服务上,从一个设计服务提供者的角度,思考我们还可以给美事带来哪些变化。团队挖掘了三个与员工生活息息相关的设计机会:品牌视觉、服务触点、人文关怀。
1. 品牌视觉
高频的办公场景对信息噪音有着严格的要求,视觉降噪是体验升级的目标,但降噪而不失品牌质感,也是设计团队努力的方向。
通过梳理当前现状与不足,我们提出了第一个设计进阶:视觉降噪、品牌升级。围绕视觉识别、产品体验等维度提升办公效率,传递公司品牌价值,深入员工内心!
经过视觉同学的品牌研究,确定了视觉目标——活泼、严谨、高效,并根据目标定义本次重点方向:强化识别主体、重新定义颜色、重塑图标设计。
(1)强化识别主体:
旧版LOGO在图形空间上不协调,重绘调整后的图标更平衡、稳定。不仅如此,还对品牌文字进行了重新设计——寻找与品牌性格及图形风格更加契合的字体骨架,同时兼顾原有字体的认知,在此基础上进行微调。比如:统一字体的粗细,以及切角的角度,使整体视觉更加协调。
(2)重新定义颜色:
随着美事上应用的增多,各个业务上的应用色彩繁多,并没有统一的规范整理、归类,我们基于现有业务的态势,整理归纳了应用,把所有应用分为两大类,重新定义色彩规范,以橙红色作服务属性的表达,以蓝色作流程化属性的表达。
(3)重塑图标设计:
图标沿用圆角基因,等宽线条,最简化图标造型,在斜面上选定了以45°射线方向切割的,结合品牌色形状填充渐变,强化图形识别度和品牌设计理念。
应用图标秉承极度简洁,高辨识度的理念进行轻量化设计。
2. 服务触点
在公司内部,美事平台不仅仅只是个APP,还包括线下会议室预定的引导牌、还有线上邮件的通知模版、纪念日通知模版等等。这些都与员工的办公生活息息相关。为此设计团队提出第二个设计进阶:触点升级。
我们对公司线上、线下触点进行盘点,对这些物料进行统一模板化设计,实现信息的高效推广和品牌的价值传递。
邮件是公司全员推送的重要渠道,我们对邮件进行响应式和模版化设计,方便传递公司信息,也会树立员工对美事的品牌化的认知。
趁新版美事上线之际,我们还利用这些触点测试信息传递效果,从美事新旧版覆盖速率来看,服务触点升级取得了优异成果。
3. 人文关怀
作为员工的一部分,深知企业与员工之间不能单维商业互动与劳力支持,还有生活、情感的关怀与支持。
58集团有员工的司龄纪念日、也有公司司庆纪念日,不仅如此,还有各类丰富的活动奖彰。借此机会,设计师提出第三个设计进阶:“人文关怀”,基于在职天数的场景,搭配精选的氛围图和励志文案,组合成一百多张情感海报,给员工传递正能量。
不仅如此,职场生活还有很多成就时刻,设计师们也一起为这个场景产出了各类勋章,只为员工们的“职场高光”。
这些功能上线后,印证了设计团队的猜想:不少同事均在朋友圈亮出了自己的工龄卡片和荣誉勋章。不仅是设计成果被认可,而且我们挖掘的文化要素也借此传播起来。
04 在新的起点上出发
在将近两个季度的时间里,设计师们实现了跨越项目、跨越媒介的进阶,在各方团队的通力配合下完成了美事平台的服务提效升级,而这仅仅是新的开始。
在铺垫了长效化体验监控体系、统一了视觉语言之后,我们还能继续挖掘更多办公提效场景,更多地为员工们提供自动化办公能力和服务,从更多元、更全面的视角来提供中台设计服务。
我们,还能做更多。
作者:环铁艺术家
本文来源于人人都是产品经理合作媒体@58用户体验设计中心(微信公众号@58UXD),作者@环铁艺术家
题图来自 Unsplash,基于CC0协议。
厉害啊