人机交互 之 3D Touch

3D Touch

3D Touch 为基于触摸的交互添加了额外的维度。
在支持的设备上,人们可以通过对触摸屏施加不同程度的压力来访问额外的功能。应用程序可以通过显示菜单、显示额外内容或播放动画来响应。人们不需要学习新的手势来与3D Touch互动。当他们在屏幕上轻轻按压并得到回应时,他们会很快发现额外的互动维度。

Home Screen Interaction 主屏幕交互

在主屏幕上,按下支持3D触摸的app图标显示一个动作视图。此视图允许您快速执行常见的应用程序特定任务,并查看有趣的信息。例如,日历提供了创建事件的快捷方式。它还显示了您的日程表上的下一个事件。对于设计指导,请参考 主屏幕行为 和 组件 .

Peek and Pop

peek允许人们使用3D触摸预览一个项目,比如页面、链接或文件,在当前上下文的视图中出现。要查看支持此功能的项目,请用手指对该项目施加一点压力。简单地举起你的手指,退出peek。要打开该项目并查看更多细节,请稍微用力按压,直到项目弹出并填充屏幕。在一些peek视图中,您可以向上滑动来显示相关的操作按钮。例如,当你在Safari中偷看链接时,你可以向上滑动显示按钮来打开背景中的链接,将链接添加到你的阅读列表中,然后复制链接。

Use peeking to provide live, content-rich previews.
使用“peeking ”来提供实时、内容丰富的预览。
理想情况下,peeking提供了足够的信息来增加当前任务,或者帮助您决定是否完全参与项目。例如,在决定在Safari中打开或与朋友共享之前,预览邮件中的链接。在选择行之前,表中经常使用Peeking来查看详细的行信息。

Design big-enough peek views.
设计足够大的peek views。
设计一个足够大的peek view,这样手指就不会模糊它的内容。让peek更加详细,让人们来决定是否更深入地去打开(pop)这个项目。

Adopt Peek and Pop consistently.
始终采用Peek和Pop。
如果你在某些地方支持Peek和Pop,但不支持其他地方,人们就不知道在哪里可以使用这个功能,而且可能会认为你的应用程序或他们的设备存在问题。

Avoid displaying button-like elements in a peek view.
避免在peek视图中显示按钮样的元素。
如果用户举起一个手指来敲击一个看起来像按钮的元素,那么peek就会消失。

Allow every peek to be popped.
允许每个peek都能被pop。
尽管偷看应该给人们提供他们需要的大部分信息,但如果他们决定放弃当前的任务并专注于这个项目,他们总是让他们向流pop过渡。弹出应该显示与点击项目相同的东西。

Don’t enable peeking and an edit menu for the same item.
不要一个项目同时启用“窥视”和“编辑”菜单。
当两个特性都支持一个项目时,用户和系统很难检测到意图。有关额外的指导,请参考 Edit Menus.

Provide action buttons when appropriate.
在适当的时候提供操作按钮。
不是每个peek都需要动作按钮,但它们是为常见任务提供快捷方式的好方法。如果您的应用程序已经为项目提供了自定义的触摸操作,那么在peeks中包含相同的动作是很好的做法。

Avoid providing an action button that opens a peeked item.
避免提供打开窥视项的操作按钮。
人们通常会更深入地去打开他们正在偷看的东西。因此,通常不需要提供显式的打开按钮。

Don’t make peek the only way to perform item actions.
不要让peek成为执行项目操作的唯一方法。
不是每个设备都支持peek和pop,有些人可能会关闭3D Touch。你的应用程序应该提供其他的方式在类似的情况下触发项目操作。例如,你的应用程序可以在触摸和持有某项物品时,反映出peek的快速动作。

Live Photos 生活照片

应用程序可以通过支持现场照片将压力融入到照片观看体验中。当你按下照片的时候,你就可以用动作和声音来展示照片拍摄前后的瞬间。有关设计指导,请参考 Live Photos.

免责声明:以上内容均来自官方文档 iOS 设计指南 ,在 有道翻译 的基础上进行修改整理,仅用于个人学习。因个人水平有限,如果存在错误,请读者谅解并指出,非常感谢!

你可能感兴趣的:(人机交互 之 3D Touch)