交互设计 » 将转化率提升50%的交互设计思路

将转化率提升50%的交互设计思路

发表于: 交互设计. 评论
Sponsor

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

说实话,一般的公司根本不会找交互来做这种页面,通常一个 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,但工作价值肯定要从转化率进行体现的。

作者 | 设计师ZoeYZ
来源 | 体验进阶(ID:Advanced_UX )

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }