美文网首页
每个人都应该知道的3D Touch

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

作者: gentleming | 来源:发表于2015-10-12 09:24 被阅读346次

    首先告诉你一个许多人还不知道的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--


    欢迎关注我的公众号

    相关文章

      网友评论

          本文标题:每个人都应该知道的3D Touch

          本文链接:https://www.haomeiwen.com/subject/wacocttx.html