三、二维图标

定义：将项目在二维平面上排布，点击项目，进入子级。

适用情景：

用于甄别项目身份的信息可以在一个正方形区域内展示。比如图标，但绝不仅限于图标哦。我写的这么抽象拗口，就是想让大家把思路打开。任何能满足这一点的信息呈现方式都可以，目的只有一个，让用户知道该点什么。

讨论：这是跟PC使用习惯最相似的一种。将二维屏幕分割成一系列方块，放置一系列项目的入口。其实，当可以明确预测用户需求的时候，不应该用这种导航方式。应该直接引导用户去做任务。只有当不知道用户到了这个APP里想搞什么，才得一次展示这么多入口。

完美无止境：

项目与项目之间要有明确的区分，才方便用户找到想去的项目(3)。当不能给每一个项目做个图标时，不妨用用现成的。feedsquare会把载入博客feed后的图片拿来当做该博客的图标，很有创意吧。

谁说图标就得是静态的。为了告知用户某个项目下有新内容，值得一看(3)，苹果设计了红色的小创可贴。这样有了推送，看起来就非常醒目。这也容易训练出很多“点贴贴强迫症”，不把它消掉很难受啊。

如果越策到某些入口更重要，那么可以在视觉上做些强化。同时，还可以做一下分组，帮助用户更快找到想要的入口(3) 。支付宝的界面上图标偏多，如果一定要用图标的话，可以考虑在这两点上做点小优化。

并不是每一个图标都得是信息层级上的入口，也可以在适当的位置放上动作键，比如这里的“新建”。

二维展示印象最为深刻的还是iPad上的相册。用户可以用手指分开照片堆。照片四散开来的动画可以很好地暗示用户该怎么看下一级(4)，又该怎么回去(5)

出处：雪鸮的交互设计
责任编辑：bluehearts

上一页 手机界面常用导航设计分析 [2] 下一页 手机界面常用导航设计分析 [4]