在大多数人的观念里，使用亚马逊的主要原因是上面商品选择多、性价比高、送货速度快、售后服务好。事实上，平台方 (APP和网站) 所提供的用户体验也是电商购物中不可或缺的一环。
亚马逊APP的界面似乎多年以来从未有过较大变动，Quora上甚至有人发问：“为什么亚马逊还不改改他们的界面设计?”。
一位亚马逊前雇员的回答是“他们不想改变已经被证明可行的设计”。作为一个历史悠久又拥有过亿用户的公司， 亚马逊的确需要在用户界面设计的改变上慎之又慎。
令人惊喜的是， 最近发布的新版亚马逊APP界面和之前的版本相比，发生了显著的变化。作为一个长时间保持相似界面设计风格的公司，这些改变显然是具有重大意义的。

让我们来看看相比上一个版本，这一次的更新有哪些值得关注的地方。
01新增导航栏
第一个明显的改变是：主页底部新增了一个悬浮的导航栏。导航栏上有四个项目：主页、个人信息、购物车和抽屉菜单。
在旧版本里，抽屉菜单位于页面的左上角，同时个人信息位于抽屉菜单之中。

无论用户以何种方式使用手机（左/右/双手），左上角的位置都是可访问性较差的区域。将大部分重要功能从左上角迁移到页面底部的导航栏，更方便用户点击这些图标。
这次更新的底部导航栏和常见的形式稍有不同。亚马逊的底部导航栏比页面底部略高一些，下投的阴影使其看起来是悬浮在页面上的。
这种设计能让导航栏更大面积地位于拇指自然状态的易点击区域。当用户需要在APP上进行大量的滑动操作时，常常会采用这种导航形式，比如Pinterest。
不可否认的是，和底部打通的旧版相比，新版底部的导航栏占据了一定的页面空间，也会对上下滑动时用户的视觉感受产生一些影响。
除此之外，订单(Your Orders) 和账户(Your Account) 重复出现在了抽屉菜单和用户信息页中。相同的功能重复出现在底部导航栏的不同页面里，会给用户带来不可避免的认知负担。
01.1抽屉菜单
底部导航好，还是抽屉导航好？虽然这个问题目前还没有定论，但仅从使用率来看，底部导航的处理方式更为常见。
iOS的APP里，底部导航栏的功能图标最多五个。当底部导航栏上需要多于五个功能时，可以采取在底部导航栏中加入抽屉导航的设计。Yelp 和 Facebook 都采取了这种结合版的导航方式。
亚马逊的最新APP里也采用了这种结合，把重要的功能全部集中在屏幕底部，更方便用户访问。
然而，对于已经使用亚马逊APP多年的用户来说，他们已经习惯了位于屏幕左上角的抽屉导航图标，即使操作起来并不方便。可以预料到，老用户会需要一定的时间来习惯新版的导航布局。
01.2购物车
在亚马逊APP的旧版本中，购物车图标位于右上角，和通知、照相、语音输入三个图标的位置和风格相近，导致购物车图标不突出，识别度较弱。
新版本中购物车从右上角移到了底部导航栏上非常醒目的位置，极大地增加了这一功能的可访问性。这样的变化能有效地让用户在快速浏览中注意到购物车的存在，提醒他们去结算已经放入购物车的商品，继而提高转化率。
02 配色
新版本的背景颜色也有了很大变化，这在亚马逊之前的更新中可谓非常罕见。旧版本使用了深蓝绿色和白色字体，而新版本中则用到了近几年很流行的渐变配色，并搭配黑色字体。
从背景色和文字的对比度上来说，旧版本的配色对比度大概在3:1，刚好符合WCAG和iOS的最小对比度要求。而新配色的对比度最小也达到了约13：1，显著增加的对比度让用户阅读的体验得到大幅提升。符合流行趋势的渐变蓝绿配色也让界面看起来更加时尚和现代化。
事实上早在去年11月份，亚马逊就已经进行了配色的AB测试，当时页面在布局上还没有任何改变。这一次的更新沿用了测试版的配色，证明新配色已然取得了积极的用户反馈。
03 其他
除了以上几个显著的变化外，还有若干细小的变化，反映出目前界面设计的流行趋势。
  • 位于页面最上方的logo和通知铃铛被移走，这一变化在功能上和导航位置迁移相关，在视觉上呈现出更加干净简洁的界面。
  • 拍照和语音输入的图标从搜索栏外面移到了里面，更符合通过对实物拍照和语音输入进行搜索的逻辑。
  • 搜索栏的形状和拍照图标的设计出现了圆角，搜索栏由扁平变成了带阴影。
还有一些无障碍设计上的改进，比如：抽屉菜单列表的字体变大了，不管在阅读和点击交互上都比旧版更容易。
整体来看，亚马逊的新版APP并没有彻底抛弃原来的设计。虽然有一些交互和视觉上的变动，老用户应该还是会有非常熟悉的感觉。这一版本可能也是亚马逊APP近期迭代中的一个测试版，期待能看到更多令人惊喜的更新。
继续阅读
阅读原文