原副标题:学UI内部结构设计,小厂这使用者新体验内部结构设计更新事例啊绝了!
在文本消费需求态势当中,使用者愈发在乎下载文本的新体验与赢得的商业价值。
借以萌发了淘宝网赞扬、问他们商品的更新设想。
▲ 问他们(左)赞扬(右)
内部结构设计更新怎么做呢?此基础UGC(User generated-content,使用者制造文本)商品又该怎样积极主动直面平民化的文本态势?又兼具数年来教养的使用者生活习惯呢?
#01
焦虑预设协助新体验更新
01.考验:老商品更新疑虑多
老商品新体验更新的技术难度是冲破产业发展史拘束,项目组须要汇聚一致意见,找出两个打下基础来作出发生改变,纯粹的式样强化和工具栏代替并无法劝服项目组资金投入天然资源。
因此他们期望透过找出他们都有感于的「觉得」,不但是刻画出蓝图,更能做为更新依照,辅导内部结构架构、下载动线、听觉镜头等各方面的改良。
▲ 赞扬UGC卡牌(更新前)
▲ 问他们UGC卡牌(更新前)
02.积极主动的觉得:沟通交流、性格、生机
借由「焦虑预设」,项目组对赞扬、问他们这类网络平台此基础UGC产品有了这种的新体验产业发展期盼:
消费需求社区新体验是呈现出好多人讨论、真诚地分享自己对商品的觉得,两个他们共同沟通交流的生机UGC社区。
赞扬商品一直以来承载了消费需求者购买商品后,包含评分以及对商品及店家的设想,是潜力消费者决定购买的因素之一。
如果使用者的困惑在赞扬商品无法得到答案时,问他们商品让使用者能直接对已购买者发起回答邀约,形成更加宽泛甚至玩梗的氛围。
业务商品产业发展至今早不只是网络平台评估店家贩售好坏的工具,更有着「使用者帮使用者 User helps user」气息,新体验更新就是想塑造一套更适合这股积极主动力量的架构。
▲ 焦虑版
因此沟通交流、性格、生机,3个关键词成为了新体验衡量标准,做为赞扬、问他们40多个界面更新的辅导原则,影响:
内部结构设计主要目标制定 使用者下载动线调整 持续产业发展的迭代方向#02
目标结合业务指标
对于此基础UGC商品而言,存在两种经典的使用者行为即「下载消费需求文本」及「制造发布文本」。
01.业务指标是内部结构设计更新推动的关键
从此基础新体验的改善到略大幅度的架构重组,他们努力在业务指标预期提升的前提下,兼具老使用者生活习惯,尽量缩短更新阵痛期,逐步迭代逐渐达到从「仅消费需求决策」到「逛文本种草」的心智变化。
UGC使用者满意度是综合性的指标,包含了文本可信度、文本参考性、发布便捷性,根据使用者行为能拆分得更细:
下载新体验-点击率、停留时长、互动深度 发布新体验-发布成功率、有文本率、优质文本率02.内部结构设计目标要带来直接或间接的指标提升
对应使用者行为,除了改善下载新体验跟升级发布新体验以外,还加强了互动功能,让写文本的人收获更多正向反馈,看文本的人更容易发现有商业价值的文本,让「鸡生蛋—蛋生鸡」的文本循环得更快。
「看」改善-强化字号行距、减少式样 ,舍弃图文穿插让阅读体感更简单、舒适▲ 下载新体验内部结构设计目标
「写」升级-统一赞扬/问他们发布器,重组简化内部结构让使用者能写得更有品质、写得更多▲ 发布新体验内部结构设计目标
「互动」促进-鼓励评论,將「有用」升级为「表态」,使使用者之间更能相互激励▲ 互动新体验内部结构设计目标
#03
更新实践
根据目标及「沟通交流、性格、生机」的出发点,在为期近一年几十个版本反复沟通与线上实验,他们不断地调整及权衡效果确保从工具栏组件到框架链路,逐步实现的新体验效果。
01.听觉系统焕新链路感受
简单、去雕饰的直观感受,让使用者能够便利且舒适地使用商品各项功能。移除过往复杂的听觉噪声,注重清晰的功能表达、符合文本下载的易用性,建立一套能满足各式各样图文、视频展示的听觉式样逻辑。
字级放大、适合长文阅读的1.6行距等强化外,并在符合网络平台规范的同时,增添渐变等细节,呈现新颖感。
▲ 听觉式样制定
针对文本下载,他们调研了年轻使用者的文本阅读喜好,且结合了业务强调「人」的需求,调整与统一赞扬、问他们商品架构:
文本列表-强调发言以卡牌突出「沟通交流文本」,文本缩进的做法使使用者信息更加明显。 文本详情-使用者的性格往往在图片中一览无遗,其他人透过图片也能更快的接收到信息,因此相比图文穿插的专业感,先图后文更加适合他们想提供的简单新体验。文本互动-UGC商品自然是鼓励使用者评论,除此提供更轻量的表态互动,以活泼的表情内部结构设计来激发使用者表达焦虑。▲ 文本下载链路
02.交互重组让文本好看好写
长期文本产业发展态势显示图片、视频必然是比文字更能提升阅读者新体验,在展示突出图片的背后,他们采取了重组发布器交互架构,来鼓励使用者多发布图片、视频等富媒体文本。
▲ 赞扬(左)问他们(右)更新前发布器界面
▲ 发布器交互重组
赞扬、问他们发布器与一般的创作型发布器不同。
其文本发布具有独特的电商特色,是使用者之间基于商品的文本沟通交流,如使用者发布赞扬是为了给其他使用者选购提供经验分享,购买种草;问他们商品则是使用者与使用者之间的直接互助。因此,针对不同的文本沟通交流场景,发布器进行了相应的改造升级。
赞扬发布器在鼓励富媒体文本发布的此基础上,尊重不同使用者的输入生活习惯,使用者能自行选择打分与赞扬描述的输入顺序,并根据使用者输入意愿与能力,提供快速打分、沉浸书写、进阶编辑的分层能力,让不同的使用者更愿意发布赞扬,愿意发布有信息商业价值的赞扬。
▲ 赞扬发布器升级界面
问他们商品主要为文本文本沟通交流场景,因此在交互上便利文字输入任务,直接拉起键盘减少使用者操作。同时,突出“人”与“对话感”,强化使用者之间的情感连结。此外,他们发现在制造引导各方面,问更好才能答更好,提问精细化能协助使用者赢得更精准的回答。
▲ 问他们发布器升级界面
针对不同发布情况制造出的使用者文本,在赞扬文本详情(首次赞扬、追加赞扬)、问他们问答详情,内部结构设计了强调时序的阅读动线,提高文本可信度。兼容各种状态,尽最大可能保障未来几年内架构适用性,不去反复更新折腾使用者。
▲ 赞扬(左)问他们(右)更新前详情界面
▲ 详情交互重组
▲ 弹性的架构内部结构设计
#04
初衷:为每两个人内部结构设计
纵使更新起始于「平民化」,但包容性是他们非常在乎的,透过大屏手机适配、暗黑模式适配、无障碍版适配、长辈版大字适配,提供语音输入能力、连续多拍图片等功能。
兼具多样人群需求,提升每两个人的新体验才能做到他们的初衷,真正打造出让他们都能参与的生机UGC社区。
▲ 暗黑模式适配
要营造生机十足的UGC社区感,上线了全新的表态功能,是原有的「有用」功能的升级版。他们期望这个轻量的功能能激发使用者在评论时有更多的互动设想和文本灵感。
探索了每个人不同正负向焦虑,以及有电商特色的沟通交流表情。
▲ 全新表态功能
为了持续且稳定地提供良好新体验,也为了避免重蹈覆辙过去式样复杂,产生的负面感受。
迭代过程里内部结构设计资产管理不但起到在两个业务商品双轨同步产业发展中,内部结构设计师、商品经理及研发之间的协作顺畅,更能保持住使用者新体验的理解认知及一致。
▲ 内部结构设计资产管理
写在最后
有些内部结构设计是隐形的。
平时UGC商品的使用者根本不在乎界面内部结构设计,它应该让使用者专注于UGC文本而不是引起注意。
赞扬、问他们更新仅仅是个起点,开始发生改变了老化感受来打好平民化此基础,提高愉悦体感。使用者满意度及关键数据的提升,激励他们持续打磨阅读及发布新体验,挖掘促进沟通交流的互动可能性,甚至是结合电商特色提供创新的功能。