iOS11人机交互指南——导航(Navigation)

      本文翻译自iOS11苹果系统的人机交互官方指南,原文链接

    导航

      用户总是在导航不能满足他们的需求时才会注意到导航的存在。你的工作是让导航支撑APP的结构、满足APP的功能,同时导航本身不会引起用户注意。导航应该让用户感到熟悉自然,同时不应该成为界面的焦点或者太过于吸引用户的注意力而是他们忽视页面上的主要内容。在iOS中,主要有三种导航。

     分级导航(Hierarchical Navigation)

      每个页面只能跳转到另外一个页面,直到你跳转到你想去的页面。这时如果你想去另外一个页面,你必须返回到之前的页面重新开始选择。设置和邮件类的APP通常使用这种导航方式。


     平面导航(Flat Navigation)

      可以在多个内容类别之间切换。音乐和APP商店类的应用通常使用这种导航方式。


     

      可以在不同页面间自由切换,甚至使用内容本身定义导航。游戏、书籍以及其他的沉浸式应用通常使用这种导航。


      有些APP会结合多种导航方式。例如,使用平面导航的软件也可能在每个子类别中使用分级导航。

       永远提供一条清晰的路径。用户应当始终知道他们在APP中所处的页面以及如何跳转到他们想去的页面。无论导航的风格如何,通过不同内容的路径应当是逻辑清晰并且用户可以预测的。通常每个页面都只有一条路径。如果你希望用户可以在在多个环境下看到界面,可以尝试使用操作表、警报、弹窗等方式。详细内容请看   Action SheetsAlertsPopovers, 和 Modalit

      设计一个可以让用户快速轻松获取内容的信息结构。让你的信息结构使用尽可能少的点击、滑动和页面。

      使用触摸手势使用户体验更加流畅。让用户使用尽可能轻松地在不同页面之间切换。例如,轻轻滑动屏幕边缘以返回到上一个页面。

      使用标准导航组件。尽量使用标准的导航组件,例如页面控件、选项条、分段控件、表视图、集合视图和拆分视图。这样做是为了让用户能够更快上手你的APP,因为他们已经十分熟悉这些控件了。

      使用导航栏遍历信息的层级。导航栏的标题可以展示用户的当前位置,返回按钮可以让用户轻松返回之前的页面。详情请看Navigation Bars.。

      使用tab bar展示内容或功能的对应类别。tab bar方便用户快速在不同类别的内容之间切换,不管他们现在处于什么位置。详情请看Tab Bars

      当你有多个内容相似的页面时,可以使用页面控件。页面控件清晰地传达可用的页面数量以及当前活动页面的数量。天气类的APP使用页面控件展示特定位置的天气页面。详情请看Page Controls

      TIP:分担控件和工具栏不能够导航。分段控件将信息组织到不同类别中;工具栏为当前语境提供交互控件。详情请看Segmented Controls 和 Toolbars

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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,015评论 25 707
  • 在五月,如果你没有在春天的原野上撒过欢儿,你就没有真正迎接过春天的到来。 五月,是野菜疯长的时节。 所...
    Na自成蹊阅读 1,148评论 10 2
  • 物以稀为贵的前提是这个物是被人所需要的。而我们常常只知道物以稀为贵,而忘了这句话的前提。所有正确的观念都是有前提的...
    艺涵JS阅读 278评论 0 0
  • 文‖尹口快乐心 “姐,我们家猫咪又生了!过来瞧瞧!” “都是白的吗?” “早产,没有毛,反正不好看,你做好心理准备...
    尹口快乐心yao阅读 539评论 1 4
  • 太快了,2017年就那么走了,我很怀念它。 清晨打开电脑欲想写作之时,简书大婶的一篇关于2017年总结的征文映入我...
    心缘育儿阅读 948评论 69 69