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

按钮返回上一层级，整个导航给用户的感觉就如同在一棵大树上沿着纵向进行攀爬。 而另外一种设计则是Windows Phone7上的Metro UI设计。如图所示，所属层级的下级内容如同平铺一般展现在同一维度上，而逐层的导航则以左右推移的方式进行，此种导航的设计让用户在逐层深入时，也纵观到全局的设计。
 

Step3: 导航具体表现形式：控件形式and摆放位置

通过前面两个步骤的分析与设计，App的导航结构可以算是基本完成。但因为现在手机平台众多，用户使用习惯各不相同。所以在产品的具体设计中，为了给产品提供最好的用户体验，还需要把握平台特性，选择合适的控件形式，并且根据用户手持设备的操作系统，为用户设计导航最易操作的位置。

 

如对于树状层级导航栏设计， iOS的导航栏控件被安排在了屏幕上方，因为在触屏的使用时，顶部区域是信息展现率最完整的区域，在手指操作的过程中，该区域的信息不易被手的运动轨迹遮挡。通过此导航栏用户能实时定位自己所处的当前位置以及可以返回的上层界面。


整个导航栏控件由“返回按钮”，“页面标签”和“可选管理区域”三个子控件组成。“返回按钮”一般放置于左上角区域，允许用户在进行树状层级信息的浏览后，通过此按键逐层地返回上一层级。按钮本身的设计该返回按钮只对应唯一的入口信息，不允许放置多层级返回按钮。页面标签则应是显示对当前视图信息的高度概括，可对应显示视图标题，序号位置等。可选管理区块可放置对于该屏幕的一些重要操作，实现屏幕内容的管理（如添加，编辑，翻页，删除，播放，详细内容等）。但只能放置一种管理按钮。

 

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

而对于Android的树状层级导航，则更多的依赖于下部的硬件实体导航控件。主流的Android硬件导航提供四种功能：返回，菜单按钮，手机桌面，以及搜索。


返回按钮让用户返回上一步的功能操作。菜单按钮可以显示当前视图中相关的操作，最多可以有6个，但和iOS的“可选管理区域”的设置方式略有不同，该区域一般是全局的功能操作，所以不一定和每个视图都密切相关。