原创投稿
  1. 趣知天下事首页
  2. 产品

淘宝订单页改版分析：如何提高支付转化率

洛雪儿 • • 产品, 营销 • 阅读 48
最近用淘宝买东西，选好商品后点击「立即购买」按钮，随后出现的「订单确认」页让我大呼惊喜！
界面信息展示十分清晰，并且优惠信息占据了最显眼的黄金位置。
这个改动，不仅是巧妙的创新，更能直击用户的爽点。
淘宝订单页改版分析：如何提高支付转化率
对于淘宝这个国内最大的电商平台，仍然不断进取，持续创新，真的要点赞淘宝订单页改版分析：如何提高支付转化率
下面我们来详细说说。
  感觉更省钱了
改版后的界面，最明显的改动，是把优惠信息提到了最显眼的黄金位置。
具体来说，新版界面中，设计师把与价格相关的信息都集中起来，做成一个卡片；
使用「icon + 文字」的形式去表达优惠信息的部分，使这部分信息在视觉上更突出，强化了省钱的印象👇
淘宝订单页改版分析：如何提高支付转化率
页面的CTA（行为召唤）按钮，即「提交订单」按钮旁边，设计师还不忘将优惠信息再次展示，以促进该按钮的点击。
看到这么多的省钱信息，我的内心有个真实的声音在呼喊：省到就是赚到！

淘宝订单页改版分析：如何提高支付转化率

这种省到钱的感觉，对于购物体验是核心的、也是爽到心里的。
单是这一个改变，就可以断言新版界面肯定能提升这个页面的转化率。
Why？
因为前人早已经总结过影响用户行为的因素，它们是：
用户的行为 = 动机 * 能力 * 触发
这个模型被命名为福格模型
淘宝订单页改版分析：如何提高支付转化率
新版的界面里，优惠信息给了用户付款更大的动机；
淘宝订单页改版分析：如何提高支付转化率
胶囊形状的「提交订单」按钮，较之前的界面里变得更为显著，这给了用户产生触发的视觉提醒。
这样的改版数据还不提升？
那还有王法吗。。。
从这个改版的方向，我们也能看到淘宝在购物体验上的一些变化：
淘宝一开始，主打「万物皆可淘」：要在网上买东西？直接淘宝就好；
后来淘宝率先把兴趣推荐引入电商，并积极搭建内容社区。
再后来，随着各种新兴类型电商的崛起，电商这块大蛋糕也被网易严选、毒、拼多多等更具垂类特色的app所瓜分。
就是在这种背景下，淘宝也悄然上线了淘宝省钱卡。
淘宝订单页改版分析：如何提高支付转化率
不得不说，这个省钱卡的确会起到提升留存的作用。
沐风现在买东西，很多时候因为这个省钱卡的存在，会更倾向在淘宝买。
省钱作为一个刚需，在淘宝的新界面得到了放大。
这种放大，通过设计师的巧思就能够完成的。
不得不说，这是一个非常棒的设计优化案例。

除了感觉更省钱了，新版界面从直观的角度来说，右边的界面一眼看上去，就有一种清爽的感受👇

淘宝订单页改版分析：如何提高支付转化率
这种清爽，主要归功于3个改动：
分类，简化，视觉重点优化。
  分类
人的大脑喜欢归类。当一大堆物体被分门别类放在你面前，你会自然而然的心情愉悦，因为这样一来，大脑处理信息会容易很多。
淘宝订单页改版分析：如何提高支付转化率
淘宝的订单确认页，使用卡片的形式，分别呈现：

  • 收货信息

  • 价格明细

  • 商品信息

  • 分期信息

这种分类，减轻了大脑处理信息的负担，使界面看起来更有条理。
  简化
新版界面，将旧版中一些非必需元素进行了简化，比如「收货人」文案、「收货地址」文案、收货信息下方的条纹图案。
淘宝订单页改版分析：如何提高支付转化率
这些简化，是电商在培养用户心智多年之后，才可以进行的：
用户刚开始接触电商的时候，对一切都还不熟悉，需要非常明确的提示信息，像「收货人」、「收货地址」这些文案，都保证了用户清楚地知晓这里要填写什么信息。
收货信息下方、类似信件的条纹，也是在传达「这里是收货的信息哈」这样的提醒。
然而，随着用户对网上购物的日渐熟悉，大家都很清楚顶部的姓名和地址、电话都是用于收货用的，所以这些辅助信息就可以删掉了。
此外，界面中的分割线也被统一去掉，转而使用更大的行间距来进行区分，使视觉效果更简约。
  视觉重点优化
新版界面里，将顶部的品牌色去掉，使页面更突出内容本身，同时也使底部最重要的CTA按钮「提交订单」成为页面最显著的元素。
淘宝订单页改版分析：如何提高支付转化率
另外，界面的字号都进行了合理加大，降低了阅读负担。
总结一下：
合理的分类 + 大间距 + 更少的元素 + 更大的字号。
这样更清爽的界面，谁不爱呢？

不得不说，这个页面的设计改版很优秀了。改版中没有增加页面的功能，在实际工作中，是完全可以由设计师主动提出的。

这样能够带动页面转化率的改版，不论放在什么样的公司，都必然是大受领导欢迎的。
原因也很简单：能够带来直接的现金收益。
公司是以盈利为目的的组织。谁创造的盈利多，谁的话语权就大，工资就高，这是很自然的道理。
要能够做出这样的方案，只掌握形、色、字、构、质的UI界面设计技能，显然是远远不够的。
设计师还需要对用户场景有了解、对心智模型有积累、对交互原则有掌握、对用户行为有感知，才能做出更能促进用户行为转化的界面。
这也是为什么，我一直推荐大家学习一下交互设计的原因。
因为交互设计就是在同时思考公司的业务需求和用户的行为和场景，从而做出能够既带来数据提升、又让用户喜欢用的方案。
大家如果想系统学习交互，可以阅读我写的《步步为赢》。
微信读书和豆瓣评分都还阔以淘宝订单页改版分析：如何提高支付转化率
淘宝订单页改版分析：如何提高支付转化率
以上为大家分析了淘宝「确认订单」页的改版。感谢大家阅读。

发布者：洛雪儿，转载请注明出处：https://www.qztxs.com/archives/product/8086

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
洛雪儿洛雪儿用户
0 0
上一篇 2022年5月19日 下午9:24
下一篇 2022年5月21日 下午2:36

相关推荐

  • 产品工具书｜7-产品经理如何培养商业化变现能力？

    这是产品工具系列第7篇。 每天1分钟，收获一个产品解决思路。 Part.1 话题背景 很多产品经理工作一段时间后，便自嘲自己是一个画图仔。   不安于现状的产品经理们，寻求新的岗位时，常常会发现有一类商业化产品经理待遇好，大概是每月20-30K，要求也高，而招聘岗位的能力要求上，常常会要求有类似“根据市场需求，做出决定，实现平台盈利”。   即要求产品经理需...

    糖太宗 糖太宗
    产品 2022年6月14日
    6700

  • 关于找项目，你需要知道这些！！！

    1、和小组成员确定行业方向 行业：电商、金融、社交、医疗、游戏、内容、互联网＋ 注意：所在地互联网环境（当地互联网环境决定着产品从业人员的工作氛围、产品的文化等） 当地的市场环境（市场环境非常重要） 不要找巨头型（不要跟巨头抢生意，除非你是主角光环加持的天才） 下载量在1000w左右（下载量反映着一个APP的用户情况）   2、通过七麦、鲸准查看数...

    糖太宗 糖太宗
    产品 2022年5月16日
    2300

  • 需求评审会议时你还在被怼吗？？？

    需求评审会议在产品经理的工作中可谓是密不可分，时时刻刻都在我们的工作中，而需求评审会议呢，有需要其他同事来一起进行探讨，如果产品需求文档做的不够好，那需求评审会议是会很难受的。   一、什么是需求评审会议 对于产品经理而言：需求评审产品经理的噩梦，大概率会被怼的很惨，而且时间很长。 对于程序员而言：对产品进行全方位的论证和推敲的过程。，程序员以及团...

    糖太宗 糖太宗
    产品 2022年5月16日
    2600
  • 大厂裁员大刀落下了，互联网民工的几点思考 产品

    大厂裁员大刀落下了，互联网民工的几点思考

      01   最近大家或多或少都听到一些大规模裁员的新闻。今日就有了中国网信网的访谈大厂的新闻。 网信中国2022-04-08 11:00 近期，网传多家大型互联网企业进行大规模裁员并引发舆论热议。对此，中国网信网对腾讯，阿里巴巴，美团．京东等12家互联网企业用工和业务发展情况进行访谈。企业纷纷表示，互联网行业人员流动普遍较快，目前员工数...

    糖太宗 糖太宗
    2022年6月14日
    2400
  • 色彩心理学在设计中的应用 产品

    色彩心理学在设计中的应用

      颜色是一种美丽的东西，会在人类中产生不同的情感。我们通过使用颜色来看待事物并区分相似的对象。人们在看到不同颜色时会产生不同的情感。在人类大脑的视觉系统中产生对应的颜色。在现实生活中，颜色不存在。我们的大脑创造颜色，这意味着颜色在本质上保持主观，而不是客观。 在设计中，颜色充当吸引用户注意力的关键。当用户遇到新事物时，颜色是最容易记住的。设计的颜色总是与产...

    洛雪儿 洛雪儿
    2022年5月12日
    4800

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

联系我们

400-800-8888

在线咨询： QQ交谈

邮件：admin@example.com

工作时间：周一至周五，9:30-18:30，节假日休息

关注微信