“一次改版,我让点击率暴涨73%”

产品设计的过程总是循环往复。

前段时间,我们为京东APP「逛」频道做了改版设计,如今这个改版方案已经上线了一段时间,我们将其与旧版进行了AB测试,以获得数据反馈。

基于这些数据,我们得出了以下5个有效的产品设计策略:

01.用拇指热区降低用户操作门槛

在这次改版中,我们将创作入口从顶部下移至屏幕拇指热区作为悬停按钮。

经测试发现,下移至屏幕拇指热区后,创作按钮点击率比旧版提升了62.5%。

根据屏幕拇指原则,屏幕下方2/3区域为易操作区,当按钮所在区域越往上则越难被点击到。

创作按钮下移至屏幕中下部的易操作区时,操作门槛的下降让点击率有了明显提升。

可能有人会发现,相比旧版创作按钮,新版按钮除了位置下移之外,面积也放大了。

那么,“放大”是否是一个有效的设计策略呢?

02.放大并不是最有效的方法

这次改版中,其实许多模块都有所放大。

但在AB测试中发现,“放大”虽然是一种最简单直接的方式,但其带来的转化效果并不明显。

比如上图中看到的tab区、用户头像、feeds卡片,这些只经过“放大”举措的模块,点击率的提升平均只能维持在7%左右。

如果放大并不能带来很好的转化效果,那什么设计策略才能有效提升点击转化呢?

03. 信息排布清晰更利于点击

针对这次改版中的话题模块,我们用了以下3种布局,来测试其带来的转化差异:

最后发现,图文分离的卡片布局反而获得最高的点击率;而大图布局(左一),即使其图片面积最大,但点击率仍低于面积较小的、图文分离布局的卡片。

类似的例子还有这次改版中的列表页设计。

做了图文分离的设计后,新版列表即使面积变小,平均单卡片点击率仍比旧版提升了37.5%。

从产品角度看,选择图文分离的小图布局,不仅点击率更佳、屏效也更高。

04. 信息层级是影响点击的关键因素之一

这次改版我们将详情页中的热爱榜模块,从页面的头部下移至底部,作为一个吸底浮层。

经测试后发现,改为吸底浮层的热爱榜模块,点击率提升了73.8%。

其实,模块不出现在界面中心、甚至放在底部并不等于其优先级低。

模块的层级反而是比位置更关键的影响因素:是否为屏幕绝对位置、是否有投影强化点击感、是否有清晰边界与背景拉开..这些才是让模块更显眼的设计策略。

为了让大家更明显的感受层级设计对模块的影响,下图展示了热爱榜模块在相同位置、相同内容的情况,大家觉得哪边的设计更显眼呢?

05.沉浸式让用户看的更久,但更少

这次改版将关注页中的feeds卡片,从时间流调整为沉浸流样式。

经测试后发现,相同的内容,采用沉浸式时卡片点击率提升了7.65%,用户停留时长提升了33.1%,但用户内容消费数下降2.9%。

这说明,沉浸式让用户看的时间更久,而时间流让用户看的内容更多。

两种内容卡片样式各有优缺点,这让我们更需要结合自身产品特性和具体场景来选择,使用“时间流“还是”沉浸流“卡片。

沉浸流更适用于:

  • 半开放域内容
  • 深度互动的场景
  • 强下单转化诉求

比如在关注页这种半开放域内容场景下,我们更希望用户能对自己已关注的内容,有更深度的互动来促成下单,则使用沉浸流设计更适合;

时间流更适用于:

  • 全开放域内容
  • 外部引流的场景
  • 增加曝光诉求

比如,在推荐页这种以系统推荐为主的全开放域内容场景,我们更希望用户看更多的内容,来达成引流增加曝光量,则更适合用时间流设计。

下周我将更详细地为大家分享,过去几年我在不同App产品中,如何应用认知行为学,推动用户行为、提升产品转化。

作者:洪草莓 10年产品体验设计专家(公众号: 洪草莓)

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部