10、用户体验设计之导航

词条 - 导航
导航是引导用户访问网站的栏目、菜单、在线帮助、分类等布局结构等形式的总称。
与标签、链接、回收站等许多经典的名词一样，界面设计中的「导航」一词也是借用了现实生活中的概念。导航就像是高速公路上的路牌，告诉人们现在所处的位置，以及如何到达下一个目标。
导航需要解决的问题：
1) 标示当前位置
2) 清楚标示退出
3) 支持取消和重做
4) 可以使用超链接




案例 - Android 4.0 设计规范中的几种典型导航极其优缺点
1. 下拉式导航（Spinner）
下拉式导航通常在界面的左上角，显示当前的状态，点击后会出现一个下拉菜单。
优点：
在屏幕上的位置比较明显；
既显示当前所在位置，又提供跳转到其他页面的方式。
缺点：
通常在屏幕左上角，是单手操作的死角。





2. 列表式导航（List）
列表式导航很简单，就是内容的纵向排列。它还有一种变种就是网格列表（Grid List）。
优点：
所有信息显而易见；
比较容易图文结合，更加直观。
缺点：
一屏能容纳的信息有限；
重点不够突出。





3. Tab 式导航
Tab 式导航通常在顶栏下面。可以通过点击或滑动的方式来切换。Tab 又有固定式和滚动式两种。
优点：
手势切换方便。
缺点：
只有 3-4 个 Tab 可见；
无法快速定位到离当前页较远的 Tab。






4. Drawer 导航
Drawer 是 Google 最近比较推崇的一种导航。Gmail，Google+，Google Play Music 等拳头产品悉数采用了这种导航。Drawer 类似于侧边栏导航，可以通过从屏幕左侧边缘滑动呼出。
优点：
常驻左上角，可以在任何次级页面很方便地呼出；
占用屏幕空间很小。
缺点：
可见性较差；
首次使用较难理解。





（By 姜魁）
———————
欢迎转载，转载请发邮件致 mb@brixd.com 联系文章作者，并请注明出处和链接，也欢迎大家投稿。
企业 App 研究网址：mb.brixd.com