[译]《iOS Human Interface Guidelines》——Navigation

导航栏

除非没有达到用户的期待,否则人们不会意识到一个app中导航栏的体验。你的工作就是在不引起注意的情况下,使用一种方式来实现导航栏来支持你app的结构和目的。

一般来说,有三种导航栏风格,每一种都很好的适应了一个独特的app结构:

  • 层级

  • 平面

  • 内容或体验主导

在一个分层级的app中,用户通过在每一个屏幕做出一个选择来导航,直到到达了他们的目的地。为了导航到另一个目的地,用户必须回退一些步骤——或者从头开始——然后进行不同的选择。设置和邮件是使用分层结构的app的例子。

image

在一个平面信息结构的app中,用户可以直接从一个基础分类导航到另一个基础分类,因为所有的基础分类都可以在主屏幕进入。音乐和应用商店是使用平面结构的app的例子。

image

显然,在一个使用内容或体验导向的结构的app里,导航栏也是根据内容或体验来定义的。比如说,用户在书中直接从一页移动到另一页或者通过一个内容表单来选择页码;在一个游戏中,导航栏也经常是体验的一个重要部分。

image

在一些例子中,将多个导航风格组合到一个app中会工作的很好。比如说,一个平面结构的某一个基础分类下的条目,使用层级结构来显示是最好的。

用户也应该一直清楚他们在你的app的哪个位置,以及如何去往他们的目的地。无论哪一种导航风格适合你的app,最重要的是,用户到达内容的路径是有逻辑的,可预知的,易于跟随的。

UIKit定义了一些基础的UI元素来简单的实现层级和平面导航风格,除了一些帮助你实现内容导向的导航栏元素,比如在一个图书风格或者多媒体浏览app中。一个提供体验导向导航风格的游戏或者其他app,通常依赖自定义的元素和行为。

使用navigation bar来让用户简单的查看分层级的数据。navigation bar的标题可以告诉用户他们现在在层级中的位置;返回按钮使回到之前的层级变得简单。查看Navagation Bar来学习更多。

使用tab bar来显示对等的内容或功能类别。tab bar是支持平面信息结构的好方法,并且可以让用户持续的在类别间切换,不管他们现在在哪个位置。查看Tab Bar学习更多。

当每一个app的屏幕都表示同样类型的条目或页面的一个独立的实例时,使用page control。page control可以很好地告诉用户有多少条目或页面是可接触的,以及现在显示的是哪一个。比如说,天气使用page control来显示用户打开过多少个地点的天气界面。查看Page Control学习更多。

一般的,最好给用户一个可以到每个屏幕的路径。如果有一个屏幕用户需要在多个环境下查看,考虑使用一个临时的界面,比如modal view、action sheet或alert。查看Modal View、Action Sheet和Alert学习更多。

UIKit还提供了如下这些相关的控制器:

  • Segmented Control。segmented control让用户在屏幕在看到不同类别或方面的内容;它不能导航向一个新屏幕。

  • Toolbar。即使toolbar看起来和navigation bar或tab bar很相似,它不能够导航。它只是给用户一些对当前屏幕内容动作的控制。

本文翻译自苹果官方开发文档

查看完整合集


查看作者首页

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

推荐阅读更多精彩内容