比来用淘宝买工具，选好商品后点击「立即购置」按钮，随后呈现的「订单确认」页让我大呼欣喜！
界面信息展现非常明晰，而且优惠信息占据了最显眼的黄金位置。
那个改动，不只是巧妙的立异，更能曲击用户的爽点。
关于淘宝那个国内更大的电商平台，仍然不竭朝上进步，继续立异，实的要点赞
下面我们来详细说说。
觉得更省钱了
改版后的界面，最明显的改动，是把优惠信息提到了最显眼的黄金位置。
详细来说，新版界面中，设想师把与价格相关的信息都集中起来，做成一个卡片；
利用「icon + 文字」的形式去表达优惠信息的部门，使那部门信息在视觉上更凸起，强化了省钱的印象👇
展开全文
页面的CTA（行为召唤）按钮，即「提交订单」按钮旁边，设想师还不忘将优惠信息再次展现，以促进该按钮的点击。
看到那么多的省钱信息，我的心里有个实在的声音在呼喊：省到就是赚到！
那种省到钱的觉得，关于购物体验是核心的、也是爽到心里的。
单是那一个改动，就能够断言新版界面必定能 提拔那个页面的转化率。
Why？
因为前人早已经总结过影响用户行为的因素，它们是：
用户的行为 = 动机 * 才能 * 触发
那个模子被定名为福格模子
新版的界面里，优惠信息给了用户付款更大的动机；
胶囊外形的「提交订单」按钮，较之前的界面里变得更为显著，那给了用户产生触发的视觉提醒。
如许的改版数据还不提拔？
那还有国法吗。。。
从那个改版的标的目的，我们也能看到淘宝在购物体验上的一些改变：
淘宝一起头，主打「万物皆可淘」：要在网上买工具？间接淘宝就好；
后来淘宝率先把兴趣保举引入电商，并积极搭建内容社区。
再后来，跟着各类新兴类型电商的兴起，电商那块大蛋糕也被网易严选、毒、拼多多等更具垂类特色的app所瓜分。
就是在那种布景下，淘宝也悄悄上线了淘宝省钱卡。
不能不说，那个省钱卡确实会起到提拔留存的感化。
沐风如今买工具，良多时候因为那个省钱卡的存在，会更倾向在淘宝买。
省钱做为一个刚需，在淘宝的新界面得到了放大。
那种放大，通过设想师的巧思就可以完成的。
不能不说，那是一个十分棒的设想优化案例。
除了觉得更省钱了，新版界面从曲不雅的角度来说，右边的界面一眼看上去，就有一种清新的感触感染👇
那种清新，次要归功于3个改动：
分类，简化，视觉重点优化。
分类
人的大脑喜好归类。当一大堆物体被分门别类放在你面前，你会天然而然的表情愉悦，因为如许一来，大脑处置信息会容易良多。
淘宝的订单确认页，利用卡片的形式，别离闪现：
收货信息
价格明细
商品信息
分期信息
那种分类，减轻了大脑处置信息的承担，使界面看起来更有层次。
简化
新版界面，将旧版中一些非必须元素停止了简化，好比「收货人」案牍、「收货地址」案牍、收货信息下方的条纹图案。
那些简化，是电商在培育提拔用户心智多年之后，才能够停止的：
用户刚起头接触电商的时候，对一切都还不熟悉，需要十分明白的提醒信息，像「收货人」、「收货地址」那些案牍，都包管了用户清晰地晓得那里要填写什么信息。
收货信息下方、类似信件的条纹，也是在传达「那里是收货的信息哈」如许的提醒。
然而，跟着用户对网上购物的日渐熟悉，各人都很清晰顶部的姓名和地址、德律风都是用于收货用的，所以那些辅助信息就能够删掉了。
此外，界面中的朋分线也被同一去掉，转而利用更大的行间距来停止区分，使视觉效果更简约。
视觉重点优化
新版界面里，将顶部的品牌色去掉，使页面更凸起内容自己，同时也使底部最重要的CTA按钮「提交订单」成为页面最显著的元素。
别的，界面的字号都停止了合理加大，降低了阅读承担。
总结一下：
合理的分类 + 大间距 + 更少的元素 + 更大的字号。
如许更清新的界面，谁不爱呢？
不能不说，那个页面的设想改版很优良了。改版中没有增加页面的功用，在现实工做中，是完全能够由设想师主动提出的。
如许可以带动页面转化率的改版，不管放在什么样的公司，都一定是大受指导欢送的。
原因也很简单： 可以带来间接的现金收益。
公司是以盈利为目标的组织。谁创造的盈利多，谁的话语权就大，工资就高，那是很天然的事理。
要可以做出如许的计划，只掌握形、色、字、构、量的UI界面设想技能，显然是远远不敷的。
设想师还需要对用户场景有领会、对心智模子有积累、对交互原则有掌握、对用户行为有感知，才气做出更能促进用户行为转化的界面。
那也是为什么，我不断 保举各人进修一下交互设想的原因。
因为交互设想就是在同时思虑公司的营业需乞降用户的行为和场景，从而做出可以既带来数据提拔、又让用户喜好用的计划。
各人若是想系统进修交互，能够阅读我写的 《步步为赢》。
微信读书和豆瓣评分都还阔以
以上为各人阐发了淘宝「确认订单」页的改版。感激各人阅读
2023 年全新视觉设想趋向来啦！趋向7几乎把我萌翻了！
谢楠，给微博提了一个需求
颜色搭配太吸惹人了！一套NFT产物设想做品保举
你 「在看」是更好的必定与鼓舞