掌上指路标 —– APP架构与导航设计(3)

平层级导航设计中经常使用到一种模式，系统的首页和App的入口作为全局导航的一种方式应用广泛。在手机操作系统中，一般采用图标加消息数目的形式配合出现，让用户在第一个页面即可以选择想使用的软件功能。

 

沿用这种思路，在App的设计中，应用的第一个页面将扁平化的信息层级展现出来提供给用户进行选择，可以让用户迅速定位到自己关注的功能点上。这种导航设计的优点在于App的功能结构较为扁平，用户能迅速了解全局架构，而同时又因为功能选择过多集中在首页上，那么单个功能的层级不宜过于复杂，并且需要提供快速返回首页的设置，让用户能再次做出选择。

 

列表设计适用于内容浏览类应用的扁平信息层级设计，将相同层级的类别信息聚合地放在一个纵向列表中。 操作系统中，使用到这种导航设计的主要有通讯录，歌曲列表，商店应用等以项目名字进行排布的扁平化区域。

 

同理，在App的设计中，类别信息较多的电商类应用，由单条目名称聚合的应用，信息订阅型的新闻类应用的导航模式，都属于典型的扁平化信息层级，因此列表导航的设计也非常适用。并且根据自身的特性，均有一些细微的差异。 如淘宝的类别目录导航，类别在设计中根据用户使用的热度进行了自上而下的排版； 而Eataly菜谱导航，则因为名称聚合较多，在右侧提供了便捷选择的字母索引；BBC的新闻导航则类似于类别信息与条目信息的综合导航，因此列表导航在设计时，除了按照用户关注热度自上而下进行排列，类别栏目还能方便地收起展开或者在浏览的过程悬停在页面顶端。

 

（图片来源： http://www.androidpatterns.com/  ）

树状层级结构的设计在移动设备的设计中应用极其广泛。和传统PC时代大量使用的“面包屑”网状设计不同，树状层级结构只允许用户从唯一的入口进入，并且从唯一的出口返回原处。这种设计模式非常适用于功能层级或者信息架构纵向非常复杂的应用，用户能够清晰地某个分枝上前进后退，而不用担心在App 迷失了当前所在位置。

 

 

树状层级导航在App的设计上有两种表现形式。 一种是如iOS中的导航栏设计。用户从列表导航中选择某项进入下一层级，通过导航栏左上位置的“返回”