近期正在学习iOS的交互设计规范,计划把部分交互、界面设计翻译出来,可以加深理解,需要的同学也可以做参考,有翻译得不好的地方,欢迎指正。
翻译:王冠
导航
如果界面导航设计不符合用户预期,用户可能根本不会察觉到应用中是存在导航的,导航设计需要支持应用的结构和目标,同时不分散用户的注意力。
一般来说,主要有三种主要风格导航,每种导航都有自己合适的应用结构,分别是:
分层(层级)
扁平
内容或体验驱动
有层级结构的应用中,用户在每个层级(每一屏)都得选择一项,直到到达目的层级,如果要去其他目的层级,用户需要退回之前的一些层级,或直接退回到最开始的层级重新开始选择。设置和邮件是非常好的例子,关于层级结构可以参考这两个应用。
在扁平信息框架的应用中,用户能从主要分类直接切换到另一个地区,因为所有主要的分类都是可以从主屏幕直接选择,
在扁平信息架构的应用中,用户可以从首页目录直接切换到另一个界面,因为所有的分类都可以从主屏直接访问。音乐和App Store是使用扁平结构的好例子。
在内容或体验驱动的信息架构应用中,导航也会根据内容或体验来设计。例如,在阅读一本电子书时,用户会一页接一页的进行阅读,或者直接从目录中选中某一个指定的页码;同样,在游戏中导航也是体验的重要组成部分。
正常情况下,在内容或体验驱动的信息架构应用中,导航也会根据主要内容和体验来定制。例如,阅读电子书时,用户会一页又一页地阅读,或者直接从目录分类中选一个指定的页码,在游戏中导航也是用户体验的重要部分。
在一些情况下,在应用中结合多种导航方式效果会更好。例如扁平信息结构中某分类下的内容,用分层导航的方式来显示可能会更好。
应该让用户时刻清楚自己当前在应用中所处的位置,及如何前往目的页面。无论使用哪种适合你的应用结构的导航,最重要的是用户访问内容的路径要有逻辑、可预期和易于追溯。
该让用户一直清楚自己在应用中的位置,以及如何到达下一个目的层级。不管用哪种适合应用结构的导航方式,最重要的是用户获取内容的方式要逻辑清晰、可预见、易于跟随。
使用导航栏给用户轻松获取分层内容的方式。导航栏的标题显示用户当前所在的层级,然后点按返回按钮可以退回到上一层级。更多内容请查询:导航栏。
使用标签栏展示同类型的内容或功能。标签栏更适合扁平信息结构,可以让用户在分类之间随意切换,而不用在意当前所处的位置。更多内容请查询:标签栏。
在应用中,如果每屏显示的是同类选项或同类页面,就可以使用页面控件。页面控件的优点是能更直观的让用户知道有多少个项目或页面,以及当前所在的位置。例如天气app运用单独的页面来展示用户打开的具体地区天气情况,想要了解更多内容,请参阅:页面控件。
一般情况下,应该能给用户提供到达每一屏的唯一的路径。如果一屏的内容用户需要在不同的场景下查看,可以考虑用临时视图、模态视图、动作列表或警告通知框。更多内容请查询:模态视图、操作列表和警告框。
UIKit也提供了以下相关控件:
分段控件 :分段控件让用户在不需要切换到其他页面的情况下,一屏内就可以浏览到不同分类的内容。
工具栏:尽管工具栏和导航栏或标签栏相似,但是工具栏并没有导航作用,反而,工具栏是为用户提供了可以控制当前屏幕内容的控件。