美文网首页
iOS11人机交互指南——导航(Navigation)

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

作者: Yicee | 来源:发表于2018-04-28 16:57 被阅读0次

          本文翻译自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

    相关文章

      网友评论

          本文标题:iOS11人机交互指南——导航(Navigation)

          本文链接:https://www.haomeiwen.com/subject/jcnglftx.html