每个人都应该知道的3D Touch

首先告诉你一个许多人还不知道的iPhone小技巧,如果你使用iPhone 6s,可以用手指在左屏幕边缘用力按一下并慢慢向右滑动,看看有什么反应。你一定会有种“麻麻再也不担心我的Home键会被按坏”的感觉了。

没错这就是苹果的3D Touch技术的应用,今天就赖聊聊这个话题。

2007年,苹果推出第一代iPhone,其所采用的多点触控技术(Multi Touch)引发了一次手机制造业的革命,将消费者从电阻屏时代带入电容屏时代。

时隔8年之后,苹果又一次引领先潮。做为iPhone 6s上最让人期待技术,3D Touch将让消费者不再局限于屏幕的表层触控,而是感受到屏幕的立体纬度。这次屏幕技术的革新,不仅是人机交互领域的一次跨越式的发展,更是为接下来几年内的智能设备领域技术创新打开了一扇新的大门。

(请说人话!)ok,胡言乱语模式关闭。

简单来说,以前的手机屏幕只能感受一种力度的触控,那就是轻点。而使用了3D Touch技术的屏幕能感受手指不同力度的按压,从而做出不同的反应,因此带来了两种新的屏幕交互方式: Peek(轻度按压)和 Pop(大力按压)。

3D Touch技术适合用来干什么呢?

在苹果的发布会上,Demo了该技术在游戏和苹果自家App中的应用,在我看来主要分两种用途:

  1. 创造新的游戏体验

通过感知手指按压屏幕的不同力度,可以在射击、赛车、格斗等激烈场景中带来前所未有的新鲜体验,游戏会更加流畅、更加有趣。

  1. 提升操作效率

相当于传统鼠标的右键一样,通过Peek轻按屏幕来唤出快捷菜单,或是预览网页、地图、消息内容等。出了轻按唤出菜单,还可以轻按后上滑动唤出操作菜单,轻按后再重按进入内容页面。

看看3D Touch在非游戏App中的使用

微信和微博貌似是国内目前仅有的支持了3D Touch功能的App,拿微信来举例,看看3D Touch的实际应用。

  1. 在主屏幕上轻按微信图标,显示4个快捷菜单,分别是:创建新会话、拍小视频、我的二维码、免打扰1小时。
  2. 在微信聊天页面,轻按对话可以预览,轻按后向上滑动会出现4个快捷菜单,分别是:置为未读、免打扰、置为顶部、删除。
  3. 在朋友圈里,轻按朋友圈的图片可以预览,向上滑动会出现3个快捷菜单,分别是:点赞、评论、收藏。

再看看Instagram是怎么使用的:

  1. 在主屏幕上轻按Instagram图标,显示4个快捷菜单,分别是:发布、查看消息、搜索、私信。
  2. 轻按用户名或头像,可以预览该用户最近6张照片,向上滑动会出现3个快捷菜单,分别是关注、查看个人资料、发送给好友。
  3. 在很多页面轻按图片可以预览,向上滑动会出现3个快捷菜单,分别是点赞、评论、发送给好友。

以下是我手机里其它使用了3D Touch的App,目前还不是很多,没有列苹果自带应用了。

  • Hipstamatic,使用了快捷菜单和预览;
  • Medium,使用了快捷菜单;
  • Twitter,使用了快捷菜单;
  • 微博,使用了快捷菜单和预览;
  • Overcast,使用了快捷菜单;
  • Shazam,使用了快捷菜单;
  • Swarm,使用了快捷菜单;
  • Dropbox,使用了快捷菜单和预览;

看来,主屏快捷菜单、内容预览,在很多App种都有非常合适的应用场景。

不过我觉得微博的预览页面设计的有点鸡肋,因为只能预览该用户的最新两条微博,这有多大意义呢。预览的意义就是通过预览配合快捷菜单,快速做出比如关注的操作,但是两条微博很难让用户产生关注的意愿。

对3D Touch应用的一些思考

  1. 快捷菜单基本上每个App都可以使用,除非你的App没什么操作菜单。
  2. 快捷菜单里应该是用户频繁使用的操作,比如你打开微信经常会发起新的会话,打开Instagram经常是发布新照片。
  3. 如果打开App即进入了某个动作中,那这个动作就不需要放在快捷菜单了。
  4. 预览不是所有的App都适合,要看你的App是做什么的,呈现给用户什么样的内容类型和形式,对内容能做什么操作。
  5. 内容很长的或很短的不适合预览,比如新闻。
  6. 如果内容已经完全呈现给用户了,也不需要预览,比如Instagram没有对首页的图片支持预览。
  7. 快捷菜单要按照使用频次来排序,最频繁使用的动作放在离手指最近地方。

iOS Human Interface Guidelines的一些要点

不看Guidelines的产品不是好开发。

  1. 每个Peek预览都要支持Pop重按,Peek的目的是为用户提供一些预览信息,当用户对预览信息感兴趣就希望进一步获取信息,所以需要支持Pop。
  2. 不要把Peek预览页面设计的像个按钮,因为预览页面不支持点击,只能通过Pop进入。
  3. 不要把Peek的快捷菜单做为这些操作的唯一入口,因为只有6s才能支持3D Touch,而且也不是所有用户都会使用这一操作。
  4. 主屏快捷菜单最多可以放四个动作。
  5. 不要把主屏快捷菜单当做通知使用。

思考题

  1. 为什么微信的主屏快捷菜单没有查看朋友圈?
  2. 理财类、股票投资类App适合使用预览操作吗?
  3. 如果让你为网易云音乐、Kindle设计3D Touch功能,你会怎么做呢?

看了上面我列举那么多App,是不是感觉国外的团队在新技术出来后的反应比国内快很多,他们很快就跟上并开发出相应的功能,真正的做到Moving Fast。当然这可能和知识获取的容易度、公司是不是有Geek氛围、公司的产品开发计划、开发敏捷程度,甚至技术能力等等都有关系。

不过,现在新技术日新月异,即便生在高墙之内信息获取也还称得上方便快捷,我们应该保持对新技术的敏锐度和好奇心,不断学习,为用户提供最好的产品体验做好知识上的准备。

--EOF--


欢迎关注我的公众号
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,033评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,725评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,473评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,846评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,848评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,691评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,053评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,700评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,856评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,676评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,787评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,430评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,034评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,990评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,218评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,174评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,526评论 2 343

推荐阅读更多精彩内容