赞助商
立即赞助

上亿人都在用的58 App全新升级,官方设计团队揭秘背后思路!

产品经验3年前 (2021)发布 流光
2K 0 0

58UXD:在互联网的下半场中,用户增长乏力的形势益凸显,充分挥用户的流量价值变得尤为重要。而对用户单一业务度的满已经不以支撑住用户益增高的验诉求,只有围绕用户诉求打造场、精细化、一致的验,才能打破用户对产品工具属的定位,对平台形成更高程度的依赖。基此,我们次首页 9.0 版的改版,希望达成「你所需,予你所求」的战略目标。

上亿人都在用的58 App全新升级,官方设计团队揭秘背后思路!

我们通挖掘用户场来建立规则,并刺激业务生产更有价值的内容反哺给用户,周而复始来满用户的场使用验。与此同时,对目标进行拆,通提升信息容量、富展现形式以及拓展内容度,对结构及各个模块进行造。从而现无论是供给端还是用户的决策,以从该通道抵达相同的目标。

基于此,我们从多维度展的分析作,围绕分析结果制设策略,通过设原则执行策略,终应用到设中的各环节。这让产品聚焦于当所解决的问题,让目标加清晰明朗,让终结果的呈加贴合各方诉求。

希望通过体系化的计方式破产品属性的壁垒,将产品背后交织的复杂逻辑数据通过用户的行为进行类和归整。计体系的存在即是在中间环节进行协调,让呈现的结果备科学性。既能足业的需求,能从中延展出不同的形式来激励业,使之产生更多的可能性。

千人千面需要从用户的多元需求去深挖,用户想要什么比我们能给什么更重要

想要实现千人千面的目标,让每个用户都能找其兴趣的细化的内容,要求对用户景的充理解深挖,在用户的使用流程中,定制化每一个景,帮助用户解决生活中的每一个重要刻。

前我们都是根据户在务线的行为推测户当前需求,根据需求向户推送单一的务线专题或相的通知,但是这样做就会成推荐的场景单一、信息够丰富的问题。为了改善这个问题,我们这次从场景发,挖掘户更多的需求。只有深刻地了解户及生需,并将户的行为通过场景转为信息,方带来前未有的体验。

上亿人都在用的58 App全新升级,官方设计团队揭秘背后思路!

我们调整了信息的聚合方式,将务为中心调整为户需求为中心来推荐容,通过对户群体的挖掘,我们发现户的需求往往是在态流转的,这时我们除了要满足户的核心诉求之外,要尝试满足户的衍生需求及潜在需求,但户对这些边缘需求往往缺预期。

以找工作为例,用户 58 预期是能够从海量岗位找到合适工作,是于确定择业、判断企业优劣、入职相关事宜等衍生需求以及租房、交友、搬家等潜在需求感知较弱,这时我们要尝试让用户在完成核心诉求时去发现这些边界需求,用户使用路径也由前单线状变成了网状,以此打破业务屏障。

上亿人都在用的58 App全新升级,官方设计团队揭秘背后思路!

上亿人都在用的58 App全新升级,官方设计团队揭秘背后思路!

与此同时,我们梳了典户的体验流程,基于大量的户画像观测并总结户在流程节点上的共性需求,同时结合务线的务,为户推荐符合需求的容或务。

上亿人都在用的58 App全新升级,官方设计团队揭秘背后思路!

为了户更好地发现这些场景,我们在首页上增了大量场景透传的入口。首先将首页的顶打为务打区,对集团的创项目进行突展示,并应画效果来引起户的注意。同时为了页面更灵丰富,icon 区及占据首屏约 70% 的背景图都支持配置,可为大的营供承载。

上亿人都在用的58 App全新升级,官方设计团队揭秘背后思路!

次将腰区域定义为场景感知区,我们将分散的推荐信息进行整合,通过户画像匹配容信息来满足户同的场景。而在户的使路径中,场景感知区的容及形式会随着户的场景进行变。

再,将底部区域作为生态拓展区,将业务信息、UGC、PGC、专题、运等多维度信息以用户诉求为维度进聚合,作为场景感知区补充,满足用户长尾需求。时让用户能有更多内容可看,刷新服务能力固有认知。

上亿人都在用的58 App全新升级,官方设计团队揭秘背后思路!

千人千面要求设计师不只是设计一套页面,而是设计一套生成页面的规则

想要页面具有承载多元场景的,这对页面的灵性和信息承载了更的要求。这要求设计师在处页面信息时,再是给务线「分蛋糕」,而是为户「做蛋糕」,就是基于户的诉求定制容。

首先我们需要增加页可定制部分,时要求页结构足够模块化,让海量信息以以统形进展现,而不让页显过于凌乱。其是增加页信息承载容量,从而提高命用户会。在增加信息容量,是增加信息静态容量,增加更多荐入口,另是提高信息动态容量,在入口内提高信息展现频,即在有限空内,形成限组合。

为更的让首页做到「千人千面」,次改版的一个主要目标是将推荐在首屏能够露出部分内容,因此场感区的高度就要降低。为决内容越来越,但空间却越来越小的问题,我们在设计中用到「七巧板」理论。

七巧板理论 – 有空间内,无的组合

之前我们需要什么模块或频道,就在场感区给个模块开辟一个位置,即使模块内的信息做到千人千面,但模块的样式、形状和相对位置是固定的。果我们以需要添加更的信息类型,个区域越来越高,样的结构能承载的信息是有的。

上亿人都在用的58 App全新升级,官方设计团队揭秘背后思路!

么,何让有的空间承载更的信息?思考个问题的程中,我们联想到七巧板,即在固定空间内,通基图形的拼接,能组合成百上千种不同图案。根据样的一个启,我们换一种思考方式,把场感区域当成七巧板,划分出几种基形状,将信息根据自己的特填充到基模块中,模块以排列组合,产生种组合样式。样一来,不仅信息千人千面,模块身的样式和顺序也能有所不同,从而做到「结构越来越简单,内容越来越富」。

上亿人都在用的58 App全新升级,官方设计团队揭秘背后思路!

通过信息管理设计系统将视觉语言「编码化」,实现展现样式的千人千面

在 58APP 9.0 版本,我们赋予了它更加独特身份。在继承时与下潮流保持着步。在新版本我们开始引用「信息管理设计系统」,并将设计系统四原则──独特、效率、智能、丰富贯穿至首页。我们希望,在用户使用品个要时刻,都可过我们设计,指引他们触更深层场景。

上亿人都在用的58 App全新升级,官方设计团队揭秘背后思路!

我们将原则贯彻到设计处,使品最终呈现紧密围绕着设计原则。不仅如此,我们将设计原则提升至更高层级,最终全平台及各业务进覆盖;系统性设计犹如个「容」,裹着所有元素,使品最终呈现更加统,过设计容,我们在业务构了平衡生态关系。

上亿人都在用的58 App全新升级,官方设计团队揭秘背后思路!

在新版本设计,我们定义了图形标识框架及色范围。过提取58同城 LOGO 中的弧,延展了的图形标识框架,在该框架对图形进行设计,这使每一个标识都具备了58同城的属性。页面中的元素更贴合牌且更具有凝聚。

上亿人都在用的58 App全新升级,官方设计团队揭秘背后思路!

我们通过建立图标库来对有图标进行分类管,并将有图标进行编码。在实现上,我们可通过编码来调取图标到页面中并与样式进行拼接。

上亿人都在用的58 App全新升级,官方设计团队揭秘背后思路!

在色彩库中,我们根据牌色进行延展,原有的色基础上扩展至二十七种相色及渐变样式,并在中增了适于暗黑模式的配色。经过对色彩的调试,这些颜色的应使产更有,在屏幕上的显示更为。

上亿人都在用的58 App全新升级,官方设计团队揭秘背后思路!

本在产中的应极广泛,通过梳,我们将现有字号和字色进行衔接并将纳入编码库中,在使中更捷。

论是基于品属性 DNA,是过荐而来内容信息,我们将其理解为数据信息,是单或者成组数据串联到起结。我们细分到个元素,使用元素编码形,将编码与编码进连接,至拼装成模块,从而覆盖用户大部分场景。

以场感区为例,我们将模块中呈现的信息进行拆,通读数据来源匹资源库中的图形、彩、框、文及文值等信息,将细分元素进行编号,编号与编号之间拼接形成编码,而编码则对应着最终呈现。

上亿人都在用的58 App全新升级,官方设计团队揭秘背后思路!

那些出乎意料的关怀,源自对用户每一个细微场景下的感同身受

  1. 获取、理解、决策,信息的构建依赖于使用者的诉求

上亿人都在用的58 App全新升级,官方设计团队揭秘背后思路!

我们希望户够聚焦于当前执行的任务,无论是页面层级,亦或者信息层级,恰当合的分布可有效地控制户的注意,并将引导至需的容。在本次首页改版中,我们了卡片的方式来对信息做聚合的处。它的核心任务是将丰富,多样和持久的容,聚焦在模中展现,并激励户参与到容中。

2. 唯有与户感同身受,方使体验更整

在设计中,我们试图唤醒使者的感官体验,最终在使者和产之间产生共鸣。技术在这个时代日月异,通过技术的变革来丰富人们的生,同时对产生了依赖。产应只有冰冷的数据信息及直白的功,我们设计的节气系列一直在为户传达着「生简单美好」的概念。

上亿人都在用的58 App全新升级,官方设计团队揭秘背后思路!

3. 理解你的劳累,所以知道如何帮你放下夜晚的疲惫

同随着暗黑模式的来,也为此进行了计。让用户在任何间都可以轻且舒适地浏览所提供的内容。

上亿人都在用的58 App全新升级,官方设计团队揭秘背后思路!

上亿人都在用的58 App全新升级,官方设计团队揭秘背后思路!

总结

内容在无时无刻地驱动着产品走向用户的内心。我们在互联网急速展的时代里一路狂奔,与此同时对产品和用户的理也在不断加深。

直至今日,我们明确的知道用户需什么内,甚至能够用户对内的敏感度出预判。这些预判回顾过往的历程中所沉淀下的验以及与今用户需求的结合。了好的激活多元场景体验,我们也试通过机制体系的构建激发业务线参与的,同时也作构建体系化设系统的根基。当我们加沉冷静思考解决方案时,使用者与产品之间的连接关系会加稳固牢靠。

随着58同城 9.0 版本的发布,将全新的品牌体验赋能于所有业中。在不久的将来,用户会在日常的使用中受前所未有的变化。而在全新的程中,58同城不止步于当下,更思考长远的未来。

注「58UXD」的微信公众号:

上亿人都在用的58 App全新升级,官方设计团队揭秘背后思路!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

编者按:大厂的改版设计都是怎么做的?今天腾讯这篇干货用一个完整的设计流程告诉你,一个优秀的改版案例应该这么来! 一、定...
App改版
每一次学习改版案例,不仅仅只是去看在视觉层面的变化,更多的应该是要学习到作者改版背后的思考。为什么要这么改,原因是什...
改版设计
阿里巴巴副总裁、中国内贸事业部总经理汪海在对外分享时提出 1688 已经从信息平台时代进入数字化营销平台时代,让 1688 用户...
实战案例
表情面板是百度APP互动场景中非常重要的基础输入体验功能。本文以三个核心设计环节为例,分享在不同设计阶段,对表情面板体验...
改版设计
金山 WPS Office 移动端是金山公司打造的、运行于多平台上的全方位全功能办公软件,国内同类产品长期排名领先,支持查看、创...
WPS
@途家UED :从设计目标到方案落地,带你了解途家App 的核心流程改版思路。 途家网是全球民宿预订平台,与传统酒店住宿不同,...
实战案例
一个产品从起步到日趋成熟通常要经历多次迭代。在这个过程中,对于视觉设计师而言,如何在不断变化的产品中保持设计的延续,...
品牌升级
提到这个话题有两层不同的讨论方向,在工作中对公司项目进行设计改版和利用业余时间进行自由主题的改版练习。这次我们主要以...
App设计