移动应用APP架构与导航设计.pdf

移动应用 APP 架构与导航设计
摘要：手机导航设计作为其系统或应用的指向功能，在用户初次使用时往往起到了决定性的作用。
一方面用户可以通过导航了解系统或应用的主要功能，另一方面导航单元。
Step2 ：功能层级判断:扁平 vs 树状
再分析了 App 的框架结构后，产品功能的逻辑层次也就基本确定。建议可以利用一些框架
绘制软件将分析整理的框架记录下来，形成一张大的蓝图。在后期的导航设计中，许多功能的安
排以及排布可以直接从图中所示的位置关系进行设计。
在导航的设计中，经常遇见的功能层级主要是两种：一种是扁平层级，即所属功能在框架
蓝图中属于同一层级的并列关系，这种主要出现在信息架构较为扁平化，同级别任务功能较多的
视图中，如 Dashboard 和列表设计；另外一种则是树状层级，即信息架构较为层次化或者任务之
间有从属关系，需要用户逐层深入的视图中，如 iOS 中的单进单出式层级导航。
Dashboard 是扁平层级导航设计中经常使用到一种模式，系统的首页和 App 的入口作为全局
导航的一种方式应用广泛。在手机操作系统中，一般采用图标加消息数目的形式配合出现，让用
户在第一个页面即可以选择想使用的软件功能。沿用这种思路，在 App 的设计中，应用的第一个页面将扁平化的信息层级展现出来提供给
用户进行选择，可以让用户迅速定位到自己关注的功能点上。这种导航设计的优点在于 App 的功
能结构较为扁平，用户能迅速了解全局架构，而同时又因为功能选择过多集中在首页上，那么单
个功能的层级不宜过于复杂，并且需要提供快速返回首页的设置，让用户能再次做出选择。
列表设计适用于内容浏览类应用的扁平信息层级设计，将相同层级的类别信息聚合地放在
一个纵向列表中。操作系统中，使用到这种导航设计的主要有通讯录，歌曲列表，商店应用等以
项目名字进行排布的扁平化区域。同理，在 App 的设计中，类别信息较多的电商类应用，由单条目名称聚合的应用，信息订
阅型的新闻类应用的导航模式，都属于典型的扁平化信息层级，因此列表导航的设计也非常适用。
并且根据自身的特性，均有一些细微的差异。 如淘宝的类别目录导航，类别在设计中根据用户
使用的热度进行了自上而下的排版；而 Eataly 菜谱导航，则因为名称聚合较多，在右侧提供了
便捷选择的字母索引；BBC 的新闻导航则类似于类别信息与条目信息的综合导航，因此列表导航
在设计时，除了按照用户关注热度自上而下进行排列，类别栏目还能方便地收起展开或者在浏览
的过程悬停在页面顶端。
树状层级结构的设计在移动设备的设计中应用极其广泛。和传统 PC 时代大量使用的“面包
屑”网状设计不同，树状层级