iOS12界面设计指南之交互(User Interaction)–3D触摸(3D Touch)

引自《iOS12界面交互设计规范(iOS 12 Human Interface Guidelines)》

 

3D触摸可以说是为触摸交互方式提供了另一个维度的交互。在支持3D触摸的设备上,用户可以通过对屏幕施加不同程度的压力来唤醒不同的功能,例如可以触发菜单,显示更多的内容甚至是播放动画。而以上均无需用户去学习新的手势操作即可使用。当其轻压屏幕且获得相应响应的同时便意味着其发现了一个新的交互维度。

主屏幕交互(Home Screen Interaction)

在支持3D Touch设备的主屏幕上,按压应用图标即可唤醒相应的操作视图。而这个视图便可以让你能够快速执行常用的应用任务或者预览有趣的信息。例如日历用于便提供了一个可以快速创建新事件的快捷操作。同时又可以显示你的下一个日程。详情可参考主屏幕(Home Screen Action)控件(Widgets)章节。

轻压(Peek)与重压(Pop)

轻压允许用户使用3D触摸来在当前环境中预览一个临时视图中的对象,如页面,链接,甚至是一个文件。要想在支持该功能的设备上实现预览,只需用手指对应用施加一点压力,而抬起手指就能退出预览。要想打开对象来浏览更多的内容,请更重地按压屏幕直到对象放大到填满屏幕。在一些轻压视图上,你可以通过上滑来显示相应的操作按钮。譬如,在Safari打开了某个链接的轻压视图时,你可以通过上滑展开相应的操作按钮——打开链接,添加至阅读列表和复制链接。

 

利用轻压视图提供实时的,内容丰富的预览(Use peeking to provide live, content-rich previews.)理想情况下,轻压视图为该项提供足够的信息以补充说明当前任务,或者帮助你决定是否完全地打开该项。例如,预览邮件(Mail)信息中的链接,从而决定是否在Safari浏览器中打开或者分享给朋友。轻压视图一般被利用于表单视图中,提供一个行项的详细信息,从而决定是否选择该项。

设计足够大的轻压视图(Design big-enough peek views.)设计一个足够大的轻压视图从而保证手指不会遮挡到内容。确保轻压视图能够提供足够详细的信息,以便用户决定是否按地更重来完全地打开该项。

统一使用轻压和重压功能(Adopt Peek and Pop consistently.)如果你只在某些地方使用轻压和重压,而不在另一些地方使用,用户就不会知道到底哪里可以使用这个功能,而且可能会认为你的应用或是他们的设备出了问题。

 

允许每个轻压视图都能够被重压(Allow every peek to be popped.)虽然轻按视图能够提供给用户他们所需的大部分信息,但如果他们想离开当前任务并转移注意力至该项时,应该允许他们过渡到重压。

避免在轻压视图中呈现按钮式元素(Avoid displaying button-like elements in a peek view. )如果用户抬起手指去点击类似按钮的元素,轻压就会消失。

不要让同一项具备轻压和编辑菜单(Edit menu)两个功能(Don’t enable peeking and an edit menu for the same item.)当一个项目同时启用两个功能时,不但会让用户感到困惑,也会让系统难以判断用户目的。了解更多指导,请参阅Edit Menus

适当时提供操作按钮(Provide action buttons when appropriate.)不是每个一轻压都需要操作按钮,但这是一个为常用任务提供快捷操作的好方式。如果你的应用已经为项目提供了自定义的点击并长按(touch-and-hold)动作,那么最好在轻压里包含同样的操作。

避免为打开被轻压的项目提供操作按钮(Avoid providing an action button that opens a peeked item. )用户一般都通过更重的按压来打开他们轻压的项目。所以,没有必要再提供一个明显的打开按钮。

不要让轻压成为唯一的执行项目操作的操作(Don’t make peek the only way to perform item actions. )并不是所有设备都支持轻压和重压,甚至有的用户会关闭3D触摸功能。你的应用为这些情况考虑其它触发项目操作的方式。譬如,你的应用可以将轻压的快捷操作映射到一个视图中,该视图会在点击和长按时出现。

 

Live Photos
应用可以通过支持Live Photos,并在照片中加入压感用来查看动态回忆。当你按压它们时,Live Photos死而复生,通过动作和声音再现拍照的前后时刻。了解相关设计指导,请参阅LivePhotos