CZen

It`s never too late to learn !

3D Touch 玩法一二三

今天分享一篇来自《UX BOOT》 2015年11月发布的文章,主要介绍了3D 压感交互目前在应用中的创新与未来的方向,希望对大家能有些启发。
原文链接:http://www.uxbooth.com/articles/the-next-step-for-3d-touch/


在3D Touch正式发布并应用至iPhone 6S、iPhone 6S Plus等新机型依赖,大家对于“Peek/Pop”的交互多少是有些熟悉感的,抑或私下我们称之为“重按、深按”的操作方式。在官方介绍视频里面针对3D touch的介绍主要区分两种方式(详情可阅读3D Touch HIG):
1. 主屏图标深按/重按的快捷入口操作

    主屏图标重按(压感)则呼出快捷操作选项


2. 应用内的Peek与Pop组合压感操作

    Peek: 在应用内重按列表项或者日期/时间、链接等特定规则的内容项(items)弹出预览窗口(peek 窗口),此时(不松开手指)上滑呼出相关操作选项(Quick Actions)

    Pop: 在peek窗口中继续重按则执行Pop操作,即进入详情页/进入应用

    ps. 其中“Peek预览”一旦手指松开窗口就会立刻消失,而首页图标重按、peek窗口上滑呼出操作选项状态下手指松开界面保持

            


苹果官方应用对于压感的首页图标快捷入口与Peek+Pop预览组合以外,另外比较有意思的应用地方是“重按键盘则转变为触控板”不松手的状态下滑动则调整光标的位置。同时有许多第三方应用针对3D压感技术进行了创新的尝试和应用,比如Magic Piano应用根据按压力度大小来调整音符、根据压感力度大小钢笔的粗细程度也不一样等等。作者通过分析各种3D Touch不同方式的应用进行了总结,将3D压感交互进行了两种维度的四象限坐标来分析,这种方式确实对于3D Touch的后续创新运用打开了思路。



1.     首页(图标)快捷压感
      在首页快捷压感方面,有不少是关于iOS系统控制中心的。像外国人Ran Avni就做了一个原型,在底部上滑的系统控制中心的无线图标和蓝牙图标上重按会呼出其他快捷操作选项,使得网络连接与蓝牙设置操作更加方便。某外国人Brenden Mulligan 在Twitter上也调侃式地发布过一条“关于控制中心压感技术在锁屏图标上的运用”的推文:锁屏图标上重按呼出额外的选项—支持视频播放器不跟随系统定向锁屏(如下图所示)。

                           

首页图标快捷压感操作的意义不仅仅在于快捷入口直达,省去了应用内多次点击和跳转,更是需要os系统整合与更新数据反馈给压感操作指令。比如应用Day One图标在首页重按出现的选项之一“last photo”, 增加了一个日记发布的新入口,点击后默认发送相册里最后拍摄的照片(如下图所示)。类似的首页压感快捷操作我们可以联想到各种各样的场景:如“发布剪切板里最新的文本内容”,“从地图最后定位的地点创建会议”等等。

                        


2.  应用内快捷压感
      在应用内重按一个链接、地址、名字等呼出peek窗口快速预览(而不用分别一个个打开应用)是3D压感的主要交互特征。与首页快捷压感操作相比,应用内快捷操作更深入展示3D压感技术的功能特征与有效性,peek预览窗口直接展现预览内容。比如ios的系统邮件应用针对3D压感的运用,重按邮件内的时间/日期则呼出日历的预览窗口,同时上滑呼出相关操作选项,比如创建会议时间等等。类似的压感操作还有像“重按高亮词进行搜索”,“邮件发送图片给常用联系人”等等。

3. 应用内动态压感
      所谓的“动态压感交互”,主要指根据压感力度不同进行相应功能的调整变化的持续性交互行为。我们可以理解为重按交互的过程中不松手持续交互;或者不松手过程中根据用户压感力度大小进行相应功能的调整变化的交互行为。目前关于这方面的运用创意还不是很多,而这也是最为有趣的方面。
     一名叫Victor Baro的外国人针对3D压感技术进行了各种创意原型设计(3D Force Touch: beyond peek & pop.),其中最为耐人寻味的创意是利用3D压感力度的大小进行图片的放大/缩小。理论上,界面中任何带有可“滑动”式操作的功能会比较适合运用动态压感操作来进行调整变化,比如音量大小调整、机客数量多少、圆的半径大小调整(可参考Foursquare、Yelp应用内的动态搜索范围)等等方面。

4. 首页(图标)动态压感交互
     在四象限的图示中,最令人有想象空间的便是右上象限:首页(图标)动态压感交互。首页(图标)压感交互如果真的成为应用的主要交互的话,那么这可能意味着传统界面的大革新了。正如目前圈子里开始讨论有关于“传统用户界面消失”等等话题,比如这两篇文章:《 Notification: the push and the pull》、 《Mobile is not a neutral platform》
     如果3D压感交互真的成为主要的应用界面,或者一个应用只有首页图标的快捷操作与动态压感交互(其他啥都没有),这将会发生什么呢?作者举了以下这几个应用场景:
      1)比如闹钟应用,可以直接在应用图标上进行3D压感力度去设置闹钟时间(而不用点击进入),随着按压力度大  小进行相应时钟的调整。
      2)比如智能灯的亮度调整也不再通过Hue应用,而是只要在首页图标上进行压感力度控制。
      3)再比如温控器的温度调整,也不用通过Nest app调整,主要在首页图标进行压感力度控制了。


最后我们总结以这个3D Touch的四象限表格作为结束吧!





评论

© CZen | Powered by LOFTER