【Android开发Wiki】进阶篇设计高效的应用导航—提供下一代和横向导航.pdfVIP

eoe 移动开发者社区 / 提供后代和横向导航-Providing Descendant and Lateral Navigation 一种提供接入一个应用程序所有屏幕的方法是现实分层导航。这节课我们讨论两种导航方式: 一、后代导航,它可以让用户从屏幕层级上向下进入一个子屏幕；二、横向导航，它允许 用户接入同一级的兄弟屏幕（sibling screens）. 有两种类型的兄弟屏幕：集合相关(collection-related)和部分相关(section-related)屏 幕。集合相关屏幕指的是一个父屏幕集合中每一个独立的项目(individual items)。部分相 关屏幕代表的是父屏幕不同部分的信息。例如，一个部分可能显示的是一个事物的文本信息， 而别一个提供了这个事物地理位置的地图信息。对于一个给定的父屏幕，其部分相关屏幕的 数量一般是很少的。 后代导航与横向导航可能由列表，标签或是其它用户接口模式提供。用户接口模式，很像软 件设计模式，是对于交互设计问题的一般性的，通信的解决方案。我们将会在接下来的几个 章节中探讨一些通用的横向导航模式。 按键与简单的目标-Buttons and Simple Targets eoe 移动开发者社区 / 按键设计 更多的向导信息，请阅读Android按键设计向导。 对于部分相关屏幕，在父屏幕中提供可触摸的和键盘聚焦的目标，通常是最直接和最类似于 基于触摸的导航接口。这样的目标范例有：按键，固定大小的列表视图，或是文本链接。虽 然最后一个（文本链接）不是一个基于触摸导航的理想UI（用户接口），但也属于部分相关 屏幕范例的一种。当选中这些目标中的一个，子屏幕将被开启，完全替代现有的内容（屏幕）。 按键和其他这些简单目标几乎不被用来表示集合中的项目。 一个通用的，基于按键的模式，可以用来接入不同的顶层应用的分类(top-level applicat ion sections)，即仪表盘模式。一个仪表盘是一个网格状的，大的图标按键，它组成了整 个或是大部分的父屏幕。网格通常有两三排和两三列,这主要取决于应用中顶层分类(top-l evel sections)的数量。这种模式是一个极佳的呈现方法,其使用了一个丰富的视觉方式来 展示应用中所有的分类。大的触控目标也让这个UI操作起来非常的方便.仪盘表模式在每一 部分几乎同等重要时使用是最佳的,其重要性是由产品决策或是实际的使用所决定的。然而， 当这种模式运行在大屏幕上时，其视觉效果并不好，而且要求用户使用额外的步骤来跳转到 应用的内容。 更精致的用户接口可以更好的使用更多其它的用户接口模式来提升内容的直接性和展示的 唯一性，同时保持直观性。 列表，网格，旋转木马和堆-List,Grids,Caousels,and Stacks 列表和网格列表设计 更多的设计向导，请参阅Android设计之列表以及网格列表。 对集合相关的屏幕，尤其是文本信息，垂直滚动列表经常是最直接和最常用的接口类型。对 于更多视觉内容或是多媒体内容的项目，如照片或视频，可以使用垂直滚动的网格项目，水 平滚动的列表（有时称为旋转木马carousels），或堆（有时称为卡片cards）作为替代。 这些UI元素通常更适合于呈现项目集合或是大的子屏幕集（例如，一个故事列表，或是超 过10个新闻主题的列表），而不是小的不相关集或兄弟子屏幕(sibling child screens)。 eoe 移动开发者社区 / 这种模式会有以下几个问题。深度，基于列表的导航，也被称作下拉列表导航,在列表中添 加列表，将导致过多的列表存在而使用导航很没有效率且变得很笨重。通常情况下，利用这 种导航方式，在你找到所需的特定的一条内容之前，你可能要触摸屏幕N次，这将导致很不 好的用户体验－尤其是对于那急比较着急的用户。 使用垂直列表也可能导致很糟糕的用户互动和很差劲的屏幕使用率，在大屏幕上，会有很多 空白的地方，因为列表里的项通常可以横向拉伸占满整个屏幕，但却只有固定的高度。可以 通过提供更多的信息来弥补这个问题，如：文字总结，它可以充满可用的水平空间。别一种 方法是，挨着着列表，提供一个独立的水平框，其中添加一些额外的信息。 标签-Tabs 标签设计 关于设计指导原则，请参阅Android设计之标签指导 在后向导航中，使用标签是一种非常流行的解决方案。这种模式允许把兄弟（sibling）屏 幕分