iOS Human Interface Guidelines 4 导航

近期正在学习iOS的交互设计规范,计划把部分交互、界面设计翻译出来,可以加深理解,需要的同学也可以做参考,有翻译得不好的地方,欢迎指正。

翻译:王冠

导航

如果界面导航设计不符合用户预期,用户可能根本不会察觉到应用中是存在导航的,导航设计需要支持应用的结构和目标,同时不分散用户的注意力。

一般来说,主要有三种主要风格导航,每种导航都有自己合适的应用结构,分别是:

分层(层级)

扁平

内容或体验驱动

有层级结构的应用中,用户在每个层级(每一屏)都得选择一项,直到到达目的层级,如果要去其他目的层级,用户需要退回之前的一些层级,或直接退回到最开始的层级重新开始选择。设置和邮件是非常好的例子,关于层级结构可以参考这两个应用。

在扁平信息框架的应用中,用户能从主要分类直接切换到另一个地区,因为所有主要的分类都是可以从主屏幕直接选择,

在扁平信息架构的应用中,用户可以从首页目录直接切换到另一个界面,因为所有的分类都可以从主屏直接访问。音乐和App Store是使用扁平结构的好例子。

在内容或体验驱动的信息架构应用中,导航也会根据内容或体验来设计。例如,在阅读一本电子书时,用户会一页接一页的进行阅读,或者直接从目录中选中某一个指定的页码;同样,在游戏中导航也是体验的重要组成部分。

正常情况下,在内容或体验驱动的信息架构应用中,导航也会根据主要内容和体验来定制。例如,阅读电子书时,用户会一页又一页地阅读,或者直接从目录分类中选一个指定的页码,在游戏中导航也是用户体验的重要部分。

在一些情况下,在应用中结合多种导航方式效果会更好。例如扁平信息结构中某分类下的内容,用分层导航的方式来显示可能会更好。

应该让用户时刻清楚自己当前在应用中所处的位置,及如何前往目的页面。无论使用哪种适合你的应用结构的导航,最重要的是用户访问内容的路径要有逻辑、可预期和易于追溯。

该让用户一直清楚自己在应用中的位置,以及如何到达下一个目的层级。不管用哪种适合应用结构的导航方式,最重要的是用户获取内容的方式要逻辑清晰、可预见、易于跟随。

使用导航栏给用户轻松获取分层内容的方式。导航栏的标题显示用户当前所在的层级,然后点按返回按钮可以退回到上一层级。更多内容请查询:导航栏。

使用标签栏展示同类型的内容或功能。标签栏更适合扁平信息结构,可以让用户在分类之间随意切换,而不用在意当前所处的位置。更多内容请查询:标签栏。

在应用中,如果每屏显示的是同类选项或同类页面,就可以使用页面控件。页面控件的优点是能更直观的让用户知道有多少个项目或页面,以及当前所在的位置。例如天气app运用单独的页面来展示用户打开的具体地区天气情况,想要了解更多内容,请参阅:页面控件。

一般情况下,应该能给用户提供到达每一屏的唯一的路径。如果一屏的内容用户需要在不同的场景下查看,可以考虑用临时视图、模态视图、动作列表或警告通知框。更多内容请查询:模态视图、操作列表和警告框。

UIKit也提供了以下相关控件:

分段控件 :分段控件让用户在不需要切换到其他页面的情况下,一屏内就可以浏览到不同分类的内容。

工具栏:尽管工具栏和导航栏或标签栏相似,但是工具栏并没有导航作用,反而,工具栏是为用户提供了可以控制当前屏幕内容的控件。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,132评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,802评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,566评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,858评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,867评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,695评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,064评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,705评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,915评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,677评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,796评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,432评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,041评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,992评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,223评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,185评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,535评论 2 343

推荐阅读更多精彩内容