恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
iOS人机界面指南-3D Touch
0.0°
2015-10-19 自译外文 规范/资料 原作者: Apple 举报 35885 87 37 5

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主屏幕快捷操作是否有的任何未读邮件。不要在标题和副标题显示您的应用程序名称和任何无关的信息,并要尽量采取本土化的文字说明。 

 

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

 

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

 

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

------------------------------------------------------------------------------------

IFEC - 技巧小组:larens 翻译 

资源提供人:Gaoyoungor

原文地址:iOS Human Interface Guidelines-3D Touch

更新:2015-10-19

下载
收藏

87人已收藏

larens

Live the life you've imagined.

  • 37

    作品

  • 1511

    粉丝

  • 40

    关注

  • 防控疫情,如何远程团队协作
  • 姗姗未来的WeUI「深色模式」
  • 浅谈设计版本的那些事
  • 如何使用Sketch3创建一个光滑的分段图表

    猜你喜欢

      2015-10-19 自译外文 规范/资料 原作者: Apple 举报 35885 87 37 5

      iOS人机界面指南-3D Touch

      0.0°

      你确定要举报iOS人机界面指南-3D Touch

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2015年10月18日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      37
      87
      5

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录