第一点新奇设计之处:天猫APP的设计框架变了
换句话说:新天猫APP从一级导航开始,每一个tab都聚焦一件事,用户认知更清晰。这是真正站在用户的角度来考虑的。
不是像之前一样。把大部分的图标菜单和导航展示出来,反倒感觉整个界面很乱。让用户想要找到真正需要的商品的认知成本增加了。
从图标和导航来说,如今新版Tmall天猫APP 整个的感觉是清晰明了了。
新版天猫APP首页设计如下:
能有这样的界面设计效果,得益于阿里UED团队采用的新的设计框架。那就是容器升级。
阿里设计团队人员认为商品是任何购物性平台与品牌与消费者之间最原始的链接。同时也希望能用最简单的方式来降低用户认知成本,不再是一层一层的进入入口,而是能直接触达商品,通过凸显商品本身优势属性,来达到效率购物的目的。
为了加强商品表现力,在容器的信息表达上相较于老版也更加扁平,从复杂错落的入口变为了坑位的组合,结构极为简单。利用大数据推荐精选商品,让用户与商品直接触达。
如下图所示:
第二新奇设计之处:卡片化设计与应用更加极致。
如下图品牌栏目:每一个推荐的店铺都是一个卡片,在每一个卡片里面包含3个坑位。每个卡片之间加上3像素的投影。就把APP界面设计的一致性、层次感区分出来了。
特别是“我”的页面的卡片化设计更加明显。每个卡片之间区别的很清晰,同时在卡片里面的设计也花了不少设计师心思。
特别是“我”的页面,里面有个小细节体验了交互设计的用户。
比如订单模块的,查看全部的字体跟栏目的标题字体一样大,要是我们之前的设计,一定会让字体小一号。如今这样的设计很巧妙。而且在手机APP上看,也比较明显。只是简单通过颜色弱化了。其实反而在这样红色鲜艳夺目的整体界面当中,更加凸显这个入口。
同时在订单模块和三单有礼模块增加了图片焦点图滚动。这一举措有意迎合了年轻用户,又给整个界面富有设计元素的饱满。
仔细一看,三单有礼原来是一个诱惑。非常极具符合人性的交互设计,也是一个非常棒的促进提升用户参与感的设计,同时也给我们传达了一种新的电商设计思路和设计态度,值得学习和鼓励