CH1. UI Design Basics(05)_Navigation

Navigation

用户一般不会意识到App中导航体验的存在，除非它没有符合用户的预期。你的任务就是以一种不会引起察觉的方式实现导航，来支持你的App的结构和目标。
宽泛地说，导航大致有三种风格，各自适合特定的App结构：

• 层级式（Hierarchical）
• 扁平式（Flat）
• 内容驱动式或体验驱动式（Content- or experience-driven）

在层级式导航的App中，用户通过在每个屏幕上做出选择直到抵达目的地进行导航。为了达到下一个目的地，用户需要回溯其中的一些步骤或者从头开始。设置（Settings）和邮件（Mail）是使用层级式导航App的例子。

在扁平式信息结构的App中，用户可以从一个初级分类直接导航至其它初级分类，因为所有的初级分类都可以主屏幕上直接进入。音乐（Music）和应用商店（App Store）是使用扁平式结构的例子。

在使用内容驱动或体验驱动信息结构的App中，导航由内容或体验定义。比如，在书中用户通过从一页翻到下一页或者从内容列表中选择一页来导航；在游戏中，导航通常是游戏体验中非常重要的一部分。

有一些例子，在App中将多种导航风格结合起来使用也有很好的表现。例如，扁平式信息结构的一个分类中的项目最好以层级结构来呈现。

用户需要时刻清楚自己处于App中的什么位置，并且要知道如何去下一个目的地。
不论哪种适配于App结构的导航风格，最重要的是用户的内容浏览路径有逻辑，可预测且易于跟踪。除了一些帮助你实现以内容为中心导航的元件之外，UIkit也定义了一些标准的UI元件，可以轻松实现层级式和扁平式导航风格。游戏或其它提供体验驱动式导航的App需要依靠开发者自定义元件和控制行为。

使用导航栏给用户一条轻松遍历层级式数据的途径
导航栏标题可以显示用户在层级中的当前位置，返回按钮可以轻松返回上一层级。

使用标签栏来显示几个同级的内容分类或功能分类
标签栏是实现扁平式结构的好办法。它固定持续性使用户可以在不同分类之间切换，无论他们在哪里。

当App的每个屏幕显示一些同类型项目或页面的其中一个个体时，使用页面控件。
页面控件非常出色地向用户呈现了一共有多少项目或页面可用以及当前显示的是哪一个。

通常，最好为每一个页面向用户提供唯一的路径。
如果一个页面，用户需要在多个不同的情形中看到，可以考虑使用暂态视图，比如模态视图、操作列表或告警框。

UIkit也提供下列相关控件：

• 分段控件。分段控件可以让用户在屏幕上看到同一内容的不同方面，而无须导航至新屏幕。
• 工具栏。尽管工具栏看起来和导航栏、标签栏类似，但它没有导航的作用，而是给用户提供在当前内容和屏幕中可执行的操作。