zoukankan      html  css  js  c++  java
  • iOS 3d touch设计的秘密

    相信很多苹果的用户对这个3d touch这个功能都不是很了解,而苹果设备上的这个交互设计主要是给用户带来更多的互动维度。
    那苹果公司为啥要这个交互功能,那我们首先来解析一下这个设计的用法:
    在支持的设备上,人们可以通过按压主屏幕应用程序的图标快速选择特定的操作。在应用程序中,人们可以使用压力来获得项目的预览,可以在一个单独的视图中打开该项目,并获得相关的操作。


    Peek和PopPeek可以让用户在没有打开应用的情况下预览的应用所支持的快捷操作。轻压有支持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主屏幕快捷操作是否有的任何未读邮件。不要在标题和副标题显示您的应用程序名称和任何无关的信息,并要尽量采取本土化的文字说明。 

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

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

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


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

    这样的一个功能给交互设计师的一些启发是,怎样更加方便简洁的展示更多的内容,让用户使用时的逻辑性更好,体验性更好。

    更多的ui培训文章--如何画好一套线性图标

    每天都一点点ui培训,每天多一点点经验。

    找在线ui设计培训机构,就找趣达ui培训学院。

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

    UI设计

  • 相关阅读:
    Laravel 初始化
    ant design pro 左上角 logo 修改
    请求到服务端后是怎么处理的
    Websocket 知识点
    王道数据结构 (7) KMP 算法
    王道数据结构 (6) 简单的模式匹配算法
    王道数据结构 (4) 单链表 删除节点
    王道数据结构 (3) 单链表 插入节点
    王道数据结构 (2) 单链表 尾插法
    王道数据结构 (1) 单链表 头插法
  • 原文地址:https://www.cnblogs.com/qudaxueyuan/p/4912658.html
Copyright © 2011-2022 走看看