转化率翻5倍!资深设计师需要学会的「分层设计」 收藏

UI交互2022-11-02

今天为大家带来一个关于到家精选服务下单转化的项目总结。希望能以到家的服务型商品为例,带大家了解如何跳出页面设计本身,通过完整且有层次的设计思考,做出有效的设计解决方案,为业务增益。

关于 分层设计 的科普:

为什么大厂改版都在做用户分层设计?效果超明显! 我最近看了很多大厂/名企的改版复盘后,我发现一个很常用也很好用的设计思路,那就是: 用户分层 国内大厂的产品大多综合性越来越强,例如卖菜的打车 APP、做直播的音乐 APP、做家政的外卖 APP…

阅读文章 >

一、业务背景 到家是 58 业务线中不多的,以下单转化(非电话连接)为最终目标的业务。主要包含保洁、清洗、搬家、维修 4 大品类,涵盖 70+子品类和 80+页面。

而所有服务的下单流程,绕不开的其实就是服务的列表、详情和提单页。就是下面这样一套详情和提单页框架,在优化前已在线上停留了 18 个月,且样式几乎覆盖了所有的到家服务和页面。

长时间没改,不是我们不想改。

在去年也试过 2 版优化方案, 转化率 都没有原版好。

试了还不行,也不是真的没办法。

我们在春节大促时,做了优惠信息在下单路径中的透出,效果提升明显。

但对业务来说,这也只是权宜之计。

没有了优惠补贴,转化率很容易被打回原型。

二、转换思路 1. 重新思考设计核心

面对这样的僵局,再做优化,就一定需要转换思路了。追根究底,如果跳出纯页面设计的层面去看转化,我们设计的到底是什么?

到家服务的下单和普通商品的最大区别就是,它是服务类商品。

*服务类商品:服务类商品是指能够实现交易的无形商品,无需中间媒介(物流)的参与即可完成交易的商品。

2. 提炼用户关注点

那么对于服务类商品,用户到底关注的是什么呢?

为了解用户的关注点,我们和用研同学(感谢@王楠)一起进行了 8 场用户访谈和 12 项眼动测试。通过对用户反馈进行归纳整理后,我们发现:对于服务商品的下单流程,关注点主要集中在 5 个维度。

在理性上,用户主要关注的是服务的时间性、经济性和功能性;

时间性:指服务的速度,能否及时、准时、省时的满足服务需求能力。

经济性:为得到相应的服务,顾客所需费用的合理程度。

功能性:指服务实现的效能和作用。

在感性上,用户主要关注的是服务的安全性和舒适性。

安全性:指服务供方在对顾客进行服务的过程中,保证顾客的人身不受伤害,财物不受损害的能力。

舒适性:指服务对象在接受服务过程中感受到的舒适程度。

这 5 个维度其实大致能够代表整个到家的服务类商品的基础属性。

三、分层设计 基于这 5 个基础维度的新视角,我们不再聚焦于纯粹的页面设计,而是从服务类商品本身出发,进行整体的设计考量。

我们既需要关注外部共性,在大的服务商品属性下去进行整体的基础感知完善;也需要关照内部特性,针对多样的服务内容去关注不同场景间的差异,也就是去进行分层设计。

1. 基础层设计:完善用户基础感知

我们首先根据用户关注的信息,整体从服务商品的 5 个基础维度上完善用户的基本感知,也就是基础层的设计。基础层的设计能够让下单体验满足用户最低标准的诉求,保证服务商品在基础下单体验上的完整性。

① 在经济性维度,采用更优惠的价格形式:

我们革新了价格样式,在补贴不增加的情况下,让价格看起来更便宜;同时也简化了价格计算,让用户在计算比价时更简单。

② 在功能性维度,增加更好用的辅助信息:

比如增加了多种信息字段,帮助用户快速明确特色差异,简化阅读决策流程。

在功能性维度,提供更清晰的服务说明:

比如将长图场景化模块后置,项目说明、时长、参考须知模块前移,优先展示关键决策信息,有效提升了用户的转化效率。

③ 在时间性维度,展示更确定的服务能力:

我们挖掘了 B 端的时效信息,对应在 C 端进行了可视化展现,凸显了派单速度、人员配置等多维的优质服务能力。通过分模块的 ab 测试,验证出:能力和时效信息的展示对转化有正向影响。

④ 在安全性维度,突出更强势的保障展示:

我们在搬家、保洁和维修品类中,在列表、详情位置都进行了保障信息的重新梳理和强透出,同时也对年代久远的内部保障说明二级页进行了细化和更新。

⑤ 在舒适性维度,进行更有效的口碑展示:

我们将原本在页面底部的服务评价上移至 1 屏后优先展示,让服务更客观;同时增加阿姨信息模块,让服务更真实,整体帮助用户更快速和直观地了解到家舒适省心的体验。

通过整体对 5 项基础维度进行整体地综合设计优化后,不管是从详情-提单页,还是整体的详情-支付转化率,都有了大幅的提升。

但是,基础维度层的设计真的是万能的吗?

如果仅进行基础维度设计,并直接照搬到其他的品类上,结果可能会适得其反。比如,对日常保洁品类适用的单价展示模式会让清洗品类转化率下降,对老客适用的最近可约的时间展示会让新客转化率下降。

这说明:对于不同的品类,可能同样的价格模式并不适用;对于不同的用户,同样的展示策略并不适用。所以基础属性的 5 个维度在不同的类别、不同的页面、不同的用户场景下,所需要的设计是完全不一样的。

2. 差异层设计:考虑不同场景差异

因此,我们增加考虑了不同下单场景的差异性设计,也就是差异层。希望根据品类、页面、用户的不同做出更贴切当下,转化更高效的设计。差异层的设计能够让下单体验在满足用户基础感知的前提下,通过多场景洞察帮助业务完成更高效的转化提升。

① 品类差异

同样是这这 5 个基础维度,如果仅进行基础层设计,5 个维度应该在设计中是“雨露均沾”。但实际上,通过访谈和之前的设计研究能够发现:每个品类用户的关注点并不一样,也就更不应该用同样权重的去设计。

因此,我们可以根据每种品类的特性表现和用户的关注点差异,用两两对比的方式得出一个相对的维度权重差异。以图上的经济性维度为例,不同品类的表现和权重是完全不同的。(如果项目时间允许,可以采用 AHP 层次分析法进行更严谨科学的绘制)

比如日常保洁品类用户更关注优惠和价格优势,维修品类用户下单只需要支付上门费,它更关注的是价格是否清晰。所以相比之下,日常保洁在经济性维度上的权重会远高于维修。

以此类推,我们就能得到如下的品类差异的设计雷达图。

我们可以通过雷达图中的品类展现模式,从各个维度上去给不同的品类做定制化的差异设计。

单价式详情

像日常保洁和擦玻璃这种服务明确,客单价低,关注服务时效的品类,我们采用了单价式的详情。用单价进行前置吸引,把 SKU 选项进行了后置,同时突出时效性信息。率先上线后均带来了显著的转化提升。

筛选式详情

像品类保洁和清洗这种服务 SKU 特别多,客单价高且价格差异大的品类,我们采用了筛选式的详情。我们通过增加标签辅助决策的方式,并且在用户选择时进行信息的差异化展示,帮助用户明确需求,带来了转化的有效提升。

填写式详情

像搬家和维修这种品类,我们采用了填写式详情。因为维修品类需求紧急,填写式下单页可以快速转化;而搬家则是在增强保障的同时,需要利用用户的信息填写,快速帮助他们明确服务的内容和报价。上线后都带来了不错的转化提升。

② 页面差异

在到家的主要转化链路中,除了详情页,还有前置的列表页和后置的提单页。在页面内、页面间根据页面定位、载重、链路长短等进行差异化设计,都能够有效提升转化。

页面的定位:展示有效信息

不同的页面有不同的定位,我们需要根据当前页面的主要目标去展示最有效的信息,才能有效带领用户快速转化。

页面内载重:减少非必要任务数

页面内,还要考虑适合当前页面的载重,减少非必要任务数,避免信息过载,影响用户完成主线目标。比如在提单页“临门一脚”要下单时,同时给出 3 项和 2 项目标任务,2 项的明显页面载重更轻,转化更好。

页面间效率:减少步长/一步直达

提升页面之间的衔接效率,通过合并/直达的方式,也是提升转化的好方法。比如我们在清洗列表页通过列表页+详情页的步骤合并,避免用户来回跳出切换,每次加购至少可以减少 3 步步长。

③ 用户差异

除了品类和页面的差异,我们还可以进行用户差异设计。

挖掘新老用户的时效性认知差异

针对新客,不默认选择时间能够有更好的选择灵活性;对服务更熟悉的老客,他们则更倾向当天下单,增加“最近可约”更能有效提升转化。

挖掘新老用户对信息诉求的差异

新客列表页主要展示首次优惠以及服务间的不同特点;老客列表页则主要增加用户历史下单浏览行为字段,更快完成复购。

四、总结 效果小结:在大概 2 个 Q 的时间里,我们通过对到家服务的 4 大品类进行的 20 多次大小优化,从详情-支付的转化数据相对提升了 5.1 倍(多次优化合计计算数据,仅供参考),整体为业务的转化效率和单量带来了极大的提升。

方法小结:对于服务类商品,我们可以通过「基础层-5 项基础维度设计」加上「差异层-3 类场景差异设计」,帮助服务类产品带来有效和稳定的转化提升。

写在最后

实际设计的过程中,可能出现更复杂的情况和更多变的业务。但我们仍可以通过「分层」的思维方式:在纵向寻找基础和差异层次,横向寻找更多维度。去因地制宜地发挥设计的洞察力,用好设计为产品注入新活力。

欢迎关注「58UXD」的微信公众号:


让你的品牌快速脱颖而出,抢占市场份额,提升销量
免费获取方案及报价
*我们会尽快和您联系,请保持手机畅通