iOS人机界面指南-3D Touch

3D Touch给iOS 9的用户带来更多的互动维度。在支持的设备上,人们可以通过按压主屏幕应用程序的图标快速选择特定的操作。在应用程序中,人们可以使用压力来获得项目的预览,可以在一个单独的视图中打开该项目,并获得相关的操作。(欲了解更多关于加入支持3D Touch的代码,请参阅在iPhone上采用3D Touch。)

Peek和Pop

Peek可以让用户在没有打开应用的情况下预览的应用所支持的快捷操作。轻压有支持Peek的应用图标可以显示一个矩形的Pop视图(有时称为提示)。

Peek:

·当用户轻按下出现内容,手指抬起时消失 。

·首先打开的是一个叫「Pop视图」的详细内容 -当用户按下更深一点则显示Peek视图 。

·用户在Peek视图向上滚动,就可以看到提供相关内容的快捷操作。

当用户轻按屏幕,项目支持进一步互动可通过显示一个矩形的视图来暗示。Pop视图应足够大,以便用户的手指不会遮挡内容和详细,让用户决定是否按得更深一些,来查看Peek视图。

使用Peek提供即时的丰富内容预览。它为用户提供关于增加他们的了解当前项目信息最好的方式。例如,用户可以使用Peek功能,帮助他们决定在Safari中打开网页或与好友分享链接之前预览邮件中的URL网页内容。在表视图中,Peek向用户展示一条详细的信息视图。

为每一个Peek视图提供Pop视图。即使Peek为用户提供了他们最需要的信息,你也应该让用户过渡到Pop视图,再决定是回到当前任务还是从当前的任务中切换出来。Pop视图应该是跟他们点击该项目得到的视图相同。

不要启用Peek和编辑菜单为一样的项目。这两项功能启用了一个项目时,会让人迷惑不解。(欲了解更多关于编辑菜单,请参阅编辑菜单。)

在Peek视图中,避免元素看起来像按钮。如果当用户抬起手指来点击看起来像一个按钮元素时,Peek视图会消失。

如果合适,请为Peek提供快捷操作。在Peek视图中,用户可以快速滚动显示到与该项目相关的操作。例如,在邮件中使用Peek视图的快捷操作包括「全部回复」,「转发」和「移动邮件」。不是每个Peek都需要快捷操作,但如果你已经提供了自定义触摸并持有操作的项目,最好的做法是提供在按住项目时替换触摸Peek视图相同的操作。(请注意,在Peek视图中自动提供了Web视图的快捷操作。)

不要把使用Peek作为项目具体行动的唯一方法。并非每个设备都支持Peek视图和Pop视图,有些用户还可能会选择关闭3D触控功能,所以它必须找到其他的方法来使Peek功能在你的应用程序中可用。当你的应用程序在较旧的设备上运行时,用户可以在视图中找到并且触发和点击跟Peek视图中一样的快捷操作。

主屏幕快捷操作

主屏幕上快捷操作为用户提供了一个方便的方法,可以从主屏幕的应用程序来执行有用的、特定的操作。

主屏幕上的快捷操作:

·当用户在主屏幕上用比触摸更深的按住应用图标就可以显示

·显示简短的标题,图标和你提供的副标题

·不支持其他自定义内容

·当您的应用程序更新,可以在显示更新信息

使用主屏幕快捷操作应提供富有吸引力的,高价值的任务。例如,用户可以在没有打开地图应用程序就搜索当前位置的附近或获取回家的路线。每个应用程序在主屏幕上提供的快捷操作至少有一个有用的任务; 你最多可以提供四个快捷操作。

避免使用主屏幕上的快捷操作来缓解您的应用程序的导航问题。如果是因为用户访问你的应用程序的重要内容很困难或耗费时间,来使用主屏幕快捷操作,那么首先应该解决的应该是应用程序的导航问题,使所有用户受益。接下来,再专注优化主屏幕上的快捷操作,深层链接到您的应用程序更有用的,有创造性的任务。

应避免更改主屏幕快捷操作方式让用户很难预测。让用户快速理解是基于事件或上下文的改变更新是最好的方式。例如,它很有意义,在你的应用中一天时间里或在用户设置改变时,更新是基于用户当前的位置或最近的活动。

不要使用主屏幕上快捷操作来通知用户iOS 用户希望从其他途径获取通知。(来了解这些方法,请参阅通知)。

为每个主屏幕上的快捷操作设置模板图标,并提供简明的标题(和副标题)。标题应表达操作的结果; 例如,「回家」,「新建联系人」和「新邮件」。为用户提供更多的内容您也可以提供可选的副标题。例如,邮件使用副标题,告诉用户在VIP主屏幕快捷操作是否有的任何未读邮件。不要在标题和副标题显示您的应用程序名称和任何无关的信息,并要尽量采取本土化的文字说明。

保持标题尽可能短以避免系统截断非常重要,这会帮助用户快速理解快捷操作。如果你提供一个副标题,系统因为标题太长而截断,就无法放在同一行; 如果没有副标题,系统会把一个长标题折叠到第二行。

您可以从许多系统提供的模板图标中选择,也可以创建自定义模板图标。有关图标大小,填充和定位的详细指导,可以下载主屏幕快捷操作图标模板(附件中)。若要了解更多有关设计模板图标,请参阅模板图标。

系统会自动的在图标左侧或右侧显示快捷操作列表,这取决于用户主屏幕上的应用图标的位置。(列表中图标的位置,文本总是左对齐的。)下面你可以看到在主屏幕上各种快捷操作的例子。

————————————————————————————

iOS Human Interface Guidelines-3D Touch

译文地址:ui.cn

译者:larens

(0)

相关推荐

  • IOS设计指南

    这些指南描述了如何遵守ios人机交互指南来设计app, 而不是一味使用自定义控件操作.当然有时打破这些规则也很必要,但本文档的目的仅是指导你,而不是为复杂和独特的设计问题提供解决方案.这些非官方文档将 ...

  • [ISUX转译]iOS 9人机界面指南(一):UI设计基础

    文章索引 1.1 为iOS而设计(Designing for iOS) 1.1.1 设计跟随内容 (Defer to Content) 1.1.2 保证清晰 (Provide Clarity) 1.1 ...

  • [ISUX译]iOS 9人机界面指南(三):iOS 技术

    本文译自苹果官方人机界面指南 iOS Human Interface Guidelines ,由腾讯ISUX设计师翻译整理,非发文者一人之作. 文章索引 3.1 3D触摸(3D Touch) 3.1. ...

  • [ISUX译]iOS 9人机界面指南(二):设计策略

    文章索引 2.1 设计原则(Design Principles) 2.1.1 美学完整性(Aesthetic Integrity) 2.1.2 一致性(Consistency) 2.1.3 直接操作( ...

  • IOS 9人机界面指南(三):IOS 技术 (下)

    腾讯力作系列: <IOS 9人机界面指南(一):UI设计基础> <IOS 9人机界面指南(二):设计策略> <IOS 9人机界面指南(三):IOS 技术 (上)> ...

  • 脑栋大开的3D TOUCH 概念设计案例

    iPhone 6s和6s Plus 的压敏屏幕所带来的3D Touch 让iPhone的交互多了一个全新的维度,交互从不再局限于2D平面手势,按压操作的加入使得手机交互进入了3D的维度.交互层次的提升 ...

  • 手机QQ 3D Touch功能怎么用

    iphone 6S的3D Touch功能支持以来,逐渐改变了手机QQ用户的操作习惯,通过开启3D Touch功能能够带来更加方便.快捷的操作方式,尤其可以解决大屏幕带来的单手操作不便难题.那么究竟手机 ...

  • 3d touch如何添加电话联系人 3d touch添加联系人最全攻略教程

    3D Touch是一种立体触控技术,被苹果称为新一代多点触控技术,是在Apple Watch上采用的Force Touch,屏幕可感应不同的感压力度触控.3D Touch,苹果iPhone 6s的新功 ...

  • 怎么使用iPhone苹果手机中的3D Touch把省电模式打开

    苹果手机是一款为广大消费者所喜爱的手机品牌,它颜值高,性能高,是值得选购的手机.使用此手机时,不少小伙伴还不太熟悉有关的操作技巧,因此常常存在困惑.比如:很多用户不知道怎么使用iPhone苹果手机中的 ...