导航栏iframe公共样式_【iOS 12人机交互指南】2.4-导航

该系列是iOS12人机交互指南的翻译,翻译的过程中加深自己的理解。

用户往往在导航没有满足他们的期望时才会察觉到它。作为设计师,你的工作就是让你的导航既能支持应用的结构和目的,却不会引起别人的注意。导航应该让用户感觉自然和熟悉,而不是主导界面或将用户的焦点从内容上转移。在iOS中,有三种主要的导航形式。

阶层式导航

在到达目标界面之前,每个界面只做一个选择。要到达另一个目标界面,你必须回溯自己的脚步,或者从头开始做不同的选择。设置和邮件通常使用这种导航形式。

426a931f18ff71cf9a1e44f442d59d78.png

扁平导航

在多个内容类别之间切换。音乐和应用程序商店使用这种导航形式。

df0cab5bce449e5faafb2e9a65e832c7.png

内容驱动或情景导航

在内容中自由移动,或者内容本身可以自定义导航。游戏、书籍和其他沉浸式应用程序通常使用这种导航形式。

2b96debe443b8832d2824dceacd3997b.png

有些应用程序结合了多种导航风格。例如,应用程序可以使用扁平导航,之后在每个类别中使用阶层式导航。

始终提供清晰的路径。用户应该始终知道他们在你的应用程序中的位置以及如何到达下一个目的地。无论导航样式如何,通往内容页面的路径必须是有逻辑的、可预测的和易于遵循的。通常,为每个界面只提供一条路径。如果他们需要在多个上下文中查看界面,可以考虑使用动作表单、警告、弹出窗口或模态视图。

设计一个可以快速和容易地获取内容的信息架构。以最少的点击、滑动和屏幕次数来组织信息架构。

使用触摸手势来创造流畅性。让你的界面以更容易,摩擦最少的方式动起来。例如,你可以让人们从屏幕的一边滑动回到之前的屏幕。

使用标准导航组件。尽可能使用标准导航控件,如页面控件、选项卡栏、分段控件、表视图、集合视图和拆分视图。用户已经熟悉这些控件,并且直观地知道如何操作你的应用程序。

使用导航栏来串联数据层次结构。导航栏的标题可以显示当前所处与层次结构中的位置,返回按钮可以轻松返回到之前的位置。

使用选项卡栏来显示内容或功能中的每一个子类。选项卡栏可以让人们快速、轻松地在不同类别之间切换,而不受当前位置的影响。

当有多个具有相同类型内容的页面时,请使用页面控件。页面控件可以清楚地传达所有的页面数量和当前的页面。天气应用程序使用一个页面控件来显示特定位置的天气页面。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值