设计改版怎么做呢?基础UGC(User generated-content,用户生产内容)产品又该如何积极面对年轻化的内容趋势?又兼顾十数年来养成的用户习惯呢?
淘宝这几页设计改版,暴露实力了
The following article is from 淘宝设计 Author 改进体验的
#01
透过「情绪设定」,团队对评价、问大家这类平台基础UGC产品有了这样的体验发展期待:
因此交流、个性、活力,3个关键词成为了体验衡量标准,作为评价、问大家40多个界面改版的指导原则,影响:
设计主要目标制定
用户浏览动线调整
持续发展的迭代方向
UGC用户满意度是综合性的指标,包含了内容可信度、内容参考性、发布便捷性,根据用户行为可以拆分得更细:
浏览体验-点击率、停留时长、互动深度
发布体验-发布成功率、有内容率、优质内容率
「看」改善-优化字号行距、减少样式 ,舍弃图文穿插让阅读体感更简单、舒适
「写」升级-统一评价/问大家发布器,重组简化结构让用户能写得更有品质、写得更多
「互动」促进-鼓励评论,將「有用」升级为「表态」,使用户之间更能相互激励
#03
改版实践根据目标及「交流、个性、活力」的出发点,在为期近一年几十个版本反复沟通与线上实验,我们不断地调整及权衡效果确保从图标组件到框架链路,逐步实现的体验效果。01.视觉系统焕新链路感受简单、去雕饰的直观感受,让用户能够便利且舒适地使用产品各项功能。移除过往复杂的视觉噪声,注重清晰的功能表达、符合内容浏览的易用性,建立一套可以满足各式各样图文、视频展示的视觉样式逻辑。
字级放大、适合长文阅读的1.6行距等优化外,并在符合平台规范的同时,增添渐变等细节,呈现新颖感。内容列表-强调发言以卡片突出「交流内容」,内容缩进的做法使用户信息更加明显。
内容详情-用户的个性往往在图片中一览无遗,其他人通过图片也能更快的接收到信息,所以相比图文穿插的专业感,先图后文更加适合我们想提供的简单体验。 内容互动-UGC产品自然是鼓励用户评论,除此提供更轻量的表态互动,以活泼的表情设计来激发用户表达情绪。
长期内容发展趋势显示图片、视频必然是比文字更能提升阅读者体验,在展示突出图片的背后,我们采取了重组发布器交互框架,来鼓励用户多发布图片、视频等富媒体内容。
评价、问大家发布器与一般的创作型发布器不同。
其内容发布具有独特的电商特色,是用户之间基于商品的内容交流,如用户发布评价是为了给其他用户选购提供经验分享,购买种草;问大家产品则是用户与用户之间的直接互助。因此,针对不同的内容交流场景,发布器进行了相应的改造升级。
评价发布器在鼓励富媒体内容发布的基础上,尊重不同用户的输入习惯,用户可以自行选择打分与评价描述的输入顺序,并根据用户输入意愿与能力,提供快速打分、沉浸书写、进阶编辑的分层能力,让不同的用户更愿意发布评价,愿意发布有信息价值的评价。
问大家产品主要为文本内容交流场景,因此在交互上便利文字输入任务,直接拉起键盘减少用户操作。同时,突出“人”与“对话感”,强化用户之间的情感连结。此外,我们发现在生产引导方面,问更好才能答更好,提问精细化能帮助用户获得更精准的回答。
针对不同发布情况生产出的用户内容,在评价内容详情(首次评价、追加评价)、问大家问答详情,设计了强调时序的阅读动线,提高内容可信度。兼容各种状态,尽最大可能保障未来几年内框架适用性,不去反复改版折腾用户。
兼顾多样人群需求,提升每一个人的体验才能做到我们的初衷,真正打造出让大家都能参与的活力UGC社区。
为了持续且稳定地提供良好体验,也为了避免重蹈覆辙过去样式复杂,产生的负面感受。
有些设计是隐形的。
平时UGC产品的用户根本不在意界面设计,它应该让用户专注于UGC内容而不是引起注意。
评价、问大家改版仅仅是个起点,开始改变了老化感受来打好年轻化基础,提高愉悦体感。用户满意度及关键数据的提升,激励我们持续打磨阅读及发布体验,挖掘促进交流的互动可能性,甚至是结合电商特色提供创新的功能。希望对大家有所启发,请记得把文章转发到你的朋友圈,点个在看,咱们一起加油吧!推荐阅读
(点击标题可跳转阅读)
携程这次首页改版后,立马年轻了10岁好多按钮悬停不变色了,这是大势所趋?AI进化的更快了,Midjourney最近都更新了什么?点个 “ 在看” 好文不断