新知一下
海量新知
6 7 0 1 6 8 4

这个交互思路,居然将转化率提升50%

摹客 | 让设计和协作更快更简单 2022/09/30 10:16

哈喽,小摹来啦~

我以前有段时间经常做运营活动页的交互设计。

说实话,一般的公司根本不会找交互来做这种页面,通常一个 UI 不就搞定了吗?

谁叫鹅厂不缺人手,只要稍微复杂一点的页面,都可以加个交互设计环节……

做多了这些运营页之后,我也渐渐摸索出一些方法来,效率和质量都一起提高了。

最近看到一个 vivo 游戏大会员的案例 ,思路跟我有共通之处,关键是改了几个小点就把转化率提升 50%!

新知达人, 这个交互思路,居然将转化率提升50%

我今天就借由这个案例,给大家分享一下我做运营页交互设计的思路:

?️ 明确设计目标

? 场景分析

? 展示价值点

⚖️ 价值对比

⏰ 适当的时机

?️  明确设计目标

运营页和其它产品页面不一样,它的目标特别清晰:

  • 要么吸引用户花钱:买东西

  • 要么吸引用户花钱时间:做任务

例如 vivo 这个案例,就明显是让用户花钱的:

新知达人, 这个交互思路,居然将转化率提升50%

vivo 游戏大会员-灰度版本

让用户花钱是很难的,比让用户花时间难多了。 哪怕是几块钱,也没人会无缘无故在网上花出去的。

所以这个付费场景就要非常分析得清晰。

? 场景分析

如果是普通用户,平时用用免费功能就得了,只要能继续用下去就不会付钱。

所以视频平台的会员就比较难卖,因为大部分内容已经免费提供了:

新知达人, 这个交互思路,居然将转化率提升50%

腾讯视频会员页

什么情况用户会心甘情愿地买会员呢?

最简单的场景就是,用户平时已经在花钱购买其它的服务了,但是通过购买这个会员,能够让他们的整体花费减少了。

例如外卖平台的会员就比较好卖,大部分用户基本都在上面花过钱了,只要证明买了这个会员能够省钱,很多人都愿意试试:

新知达人, 这个交互思路,居然将转化率提升50%

美团外卖会员页

? 展示价值点

既然场景明确了,那么接下来就要确保目标用户进来时,能够快速 理解付费价值 ,然后下单。

vivo 原本的这个方案,肯定是不合格的,只是简单地把所有权益平铺出来而已:

新知达人, 这个交互思路,居然将转化率提升50%

vivo 游戏大会员-灰度版本

经常在平台上消费的用户,对价格肯定是很敏感的,几乎每次掏钱都会想:还有没有什么优惠券可以用的?

所以,我们可以在会员的各项权益里,找到跟优惠券直接相关的强调出来:

新知达人, 这个交互思路,居然将转化率提升50%

这样不用多说废话,就能让目标用户快速 get 到价值点。

⚖️ 价值对比

就算能看到买会员比不买会员要划算,但用户也不一定购买。

因为尝试新事物肯定有风险的,商家的话多有夸大其词,不能全信。

那么怎么让用户愿意承担这一风险呢?

麻烦一点的方法,就是解释清楚各个风险点,适合保险类比较昂贵的商品。

对于每月十几二十块的会员,更简单一点的方法就是:让用户感觉买了之后获得的额外价值够高,哪怕有风险也可以尝试一下。

例如很多会员购买页会把不同档位的套餐拿出来对比一下:

新知达人, 这个交互思路,居然将转化率提升50%

by Erşad Başbağ @ Dribbble

vivo 这个案例的解决办法很简单,就是帮用户算了一下总金额:

新知达人, 这个交互思路,居然将转化率提升50% 新知达人, 这个交互思路,居然将转化率提升50%

对于平时不怎么在平台消费的用户来说,这个数字可能写出来也没什么用。

但是对于平时在平台消费已经接近甚至超过这个数的用户来说,价值对比还是挺明显的。

果不其然, vivo 这个案例改版后, 点击购买率提升了 50%

新知达人, 这个交互思路,居然将转化率提升50%

⏰ 适当的时机

前面都在讲页面内部的事情,其实要促使用户下单,用户什么时候进入页面也是非常关键的。

如果每个新用户注册,都把这个页面弹出一下,那转化率恐怕千分之一都不到。

但如果在用户付费进行其它消费时,告知用户如果购买会员,就可以省XX钱,那么转化率就会要高很多。

例如饿了么的订单支付页:

新知达人, 这个交互思路,居然将转化率提升50%

饿了么订单支付页

知乎的盐选内容也是:

新知达人, 这个交互思路,居然将转化率提升50%

知乎盐选内容

总结

不论是 UI 还是交互,在做运营页设计时,就不能光想着用户体验,也需要有 运营思维

虽然不背 KPI,但工作价值肯定要从转化率进行体现的。 

更多“交互思路”相关内容

更多“交互思路”相关内容

新知精选

更多新知精选