最近用淘宝买东西，选好商品后点击「立即购买」按钮，随后出现的「订单确认」页让我大呼惊喜！界面信息展示十分清晰，并且优惠信息占据了最显眼的黄金位置。对于淘宝这个国内最大的电商平台，仍然不断进取，持续创新，真的要点赞改版后的界面，最明显的改动，是把优惠信息提到了最显眼的黄金位置。
具体来说，新版界面中，设计师把与价格相关的信息都集中起来，做成一个卡片；使用「icon + 文字」的形式去表达优惠信息的部分，使这部分信息在视觉上更突出，强化了省钱的印象👇页面的CTA（行为召唤）按钮，即「提交订单」按钮旁边，设计师还不忘将优惠信息再次展示，以促进该按钮的点击。看到这么多的省钱信息，我的内心有个真实的声音在呼喊：省到就是赚到！
这种省到钱的感觉，对于购物体验是核心的、也是爽到心里的。单是这一个改变，就可以断言新版界面肯定能提升这个页面的转化率。
胶囊形状的「提交订单」按钮，较之前的界面里变得更为显著，这给了用户产生触发的视觉提醒。从这个改版的方向，我们也能看到淘宝在购物体验上的一些变化：淘宝一开始，主打「万物皆可淘」：要在网上买东西？直接淘宝就好；
后来淘宝率先把兴趣推荐引入电商，并积极搭建内容社区。再后来，随着各种新兴类型电商的崛起，电商这块大蛋糕也被网易严选、毒、拼多多等更具垂类特色的app所瓜分。
沐风现在买东西，很多时候因为这个省钱卡的存在，会更倾向在淘宝买。
除了感觉更省钱了，新版界面从直观的角度来说，右边的界面一眼看上去，就有一种清爽的感受👇
人的大脑喜欢归类。当一大堆物体被分门别类放在你面前，你会自然而然的心情愉悦，因为这样一来，大脑处理信息会容易很多。这种分类，减轻了大脑处理信息的负担，使界面看起来更有条理。新版界面，将旧版中一些非必需元素进行了简化，比如「收货人」文案、「收货地址」文案、收货信息下方的条纹图案。这些简化，是电商在培养用户心智多年之后，才可以进行的：用户刚开始接触电商的时候，对一切都还不熟悉，需要非常明确的提示信息，像「收货人」、「收货地址」这些文案，都保证了用户清楚地知晓这里要填写什么信息。收货信息下方、类似信件的条纹，也是在传达「这里是收货的信息哈」这样的提醒。然而，随着用户对网上购物的日渐熟悉，大家都很清楚顶部的姓名和地址、电话都是用于收货用的，所以这些辅助信息就可以删掉了。
此外，界面中的分割线也被统一去掉，转而使用更大的行间距来进行区分，使视觉效果更简约。新版界面里，将顶部的品牌色去掉，使页面更突出内容本身，同时也使底部最重要的CTA按钮「提交订单」成为页面最显著的元素。
另外，界面的字号都进行了合理加大，降低了阅读负担。
合理的分类 + 大间距 + 更少的元素 + 更大的字号。
不得不说，这个页面的设计改版很优秀了。改版中没有增加页面的功能，在实际工作中，是完全可以由设计师主动提出的。
这样能够带动页面转化率的改版，不论放在什么样的公司，都必然是大受领导欢迎的。公司是以盈利为目的的组织。谁创造的盈利多，谁的话语权就大，工资就高，这是很自然的道理。
要能够做出这样的方案，只掌握形、色、字、构、质的UI界面设计技能，显然是远远不够的。
设计师还需要对用户场景有了解、对心智模型有积累、对交互原则有掌握、对用户行为有感知，才能做出更能促进用户行为转化的界面。这也是为什么，我一直推荐大家学习一下交互设计的原因。
因为交互设计就是在同时思考公司的业务需求和用户的行为和场景，从而做出能够既带来数据提升、又让用户喜欢用的方案。大家如果想系统学习交互，可以阅读我写的《步步为赢》。以上为大家分析了淘宝「确认订单」页的改版。感谢大家阅读
2023 年全新视觉设计趋势来啦！趋势7简直把我萌翻了！
谢楠，给微博提了一个需求
颜色搭配太吸引人了！一套NFT产品设计作品推荐