IOS 12设计规范(3-1)用户交互:3D Touch

点击前往本读书笔记总目录

3.1    3D触摸(3D Touch

3DTouch为触控交互提供了一个全新的维度。用户可以在支持的设备中,通过 不同力度按压屏幕来访问额外的功能。App会通过展示菜单、显示额外内容、播放动画等方式来进行反馈。使用3DTouch功能不需要学习新的交互手势,只要轻轻按压屏幕就可以轻易发现额外的内容。

主屏交互(Home Screen Interaction) 

在主屏幕中,你可以通过按压一个支持3DTouch的App图标来显示动作面板。 这个面板可以让你快速执行App程序中的常⻅任务或查看有趣的信息。例如,日历App就提供了“创建事件”的快捷方式,还显示了你的“⽇程安排”中的下一个事件。关于设计指南,请参阅HomeScreenActions和Widgets。

轻按和重压(Peek and Pop) 

轻按可以让用户使用3DTouch预览一项内容,例如页面、链接或者文件,预览窗口处于页面内容的最前端。只需用手指轻按就能预览,而抬起手指就能退出 预览。如想要查看更多信息,只需重压,直到预览窗口弹出并充满整个屏幕即可。在一些预览窗口中,你可以向上滑动来显示相关的操作按钮。例如,在浏 览Safari中的网页时,你可以向上滑动屏幕,实现在“新标签页中打开”,“加入阅读列表”和“拷贝”这三个操作。

IOS 12设计规范

轻按可以提供实时的、内容丰富的预览效果:

在理想的情况下,预览窗口是为了给当前的页面提供补充信息,或者帮助你决定是否打开该页面。例如,先预览一下邮件中的链接,再决定是否在Safari中打开或与朋友共享此链接。轻触 还可以App在可被点击的列表中,通过预览补充信息来决定是否选择该行。

设计足够⼤的轻按视图:

需要设计足够⼤的预览视图,使手指不会遮挡住内容。并且用户通过视图包含的信息来决定,是否应该重压打开完整项目。

轻按和重压要保证场景的一致性:

如果你在相同类型的元素中有些地方支持轻 按和重压,在其它元素中不支持(译者注:比如同一个列表中第一个选项支持3DTouch功能,而第二个选项却不支持),用户就会对在什么地方可以使用这个功能产⽣混乱,或者认为你的App还是他们的设备发⽣了故障。

避免在轻按视图中显示按钮式元素

如果这时用户抬起手指来点击面板中看起来像按钮的元素,那么轻按就会消失。

允许每个轻按视图都能被重压

尽管轻按视图能提供给人用户所需的⼤部分信息,但如果他们决定直接离开当前页面,直达该页面时,那么轻按也应该能转换成重压。重压展示出的内容也应该和点击该页面时一样。

不要让同一元素具备轻按和编辑菜单两个功能

当一个项目都启用两个功能时,不但会让用户感到困惑,也会让系统难以判断用户的意图。了解更多的指导,请参阅EditMenus。

适时提供操作按钮:

并不是每个轻按都需要操作按钮,但这是一个为常⻅任务 提供便捷入口的好方法。如果你的App已经为该项目提供了自定义的触控操作,那么在最好在轻按中也加入同样的操作。

IOS 12设计规范

避免加上一个操作按钮来打开轻按界面:

用户一般都通过更用力的按压来打开他们轻按的项目。所以,没有必要再提供一个明显的打开按钮。

不要让轻按成为唯一能执行动作的操作:

并不是所有设备都支持轻按和重压, 甚⾄有的用户会关闭3DTouch功能。你的App应该考虑到其它触发操作的方式。比如,你的App也可以通过点击和长按时出现的轻按视图。

动态照片(Live Photos) 

App可以支持动态照片,按压照片可以用来查看动态的照片,包含动作和声⾳来再现拍照时前后的片刻。了解相关设计指导,请参阅LivePhotos。

 

文章转载请注明出处,并需展示来源网址!:淘盒子 » IOS 12设计规范(3-1)用户交互:3D Touch

赞 (0) 打赏

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏