其他业务:微信文章阅读数补量、投票、点赞、抖音加粉、微博加粉等各种新媒体数据补量....

您现在的位置是:主页 > 微信文章库 >

拇指驱动产品设计 | 手势交互

发布时间:2019年12月03日 19:04微信公众号:站长浏览(

    拇指驱动产品设计 | 手势交互


    业内有很多人觉得手势交互没必要拿出来深究,觉得用户使用产品的过程中,自然而然就会去使用拇指,进行手势操作。但这种说法,就跟「用户心理模型」类似。当然,对于用户来说没必要深究手势交互,但作为设计师,如果不了解其背后的逻辑,那么就无法解决产品设计背后的一些问题。


    所以我们今天,好好聊一聊手势交互这件事。你会发现,原来你以往观察或以为的设计问题,都是手势交互在作祟。


    一、手势的意义


    我们以前经常听到「以用户为中心做产品设计」这句话,意思是产品需依附于目标用户的真实场景来设计。与此同时,其实还有一句话在提醒着交互设计师如何做产品设计,就是「以触摸屏为中心做产品设计」。


    为什么呢?因为用户从始至终都是在跟触摸屏做接触,不管换了什么设备,他们都是要通过屏幕与产品进行交互的。


    我们可以在这里思考一下手势的意义。


    手势的出现改变了什么?可以回想一下 iPhone 4 发布的时候,当看到这样一台屏幕上没有任何按键的设备,是不是会觉得不可思议?键盘,电话接听按键等都消失不见了。

    拇指驱动产品设计 | 手势交互

    人们在使用 iPhone 这样的产品时,不再需要去强行记忆任何固体按键触摸屏与手势的结合,帮助我们隐藏不必要的元素,帮助用户聚焦于内容,在有限的物理空间获得更多的信息。


    所以用户通过触摸屏与产品进行交互,跟通过键盘按键与屏幕进行交互是完全不同的。手势交互更自然且更高效。


    手势操作对我们来说如此自然和直观的主要原因是因为它们类似于与真实对象进行直接交互。譬如你用遥控器控制电视上的按键,需要通过上下左右这样的操作来定位指示器,而触摸屏直接就可以通过手指点击内容进行操作。这是完全不同的概念。


    综上所述,我们能知道,手势的三个要素:简洁、易用、直观。


    所以我们通过一些常见的手势行为,就可以在产品界面上很轻松的完成任务。

    常见的手势行为:


    点击:单指短暂触摸表面;

    双击:单指快速两次触摸表面(通常是缩放);

    拖动:沿表面移动而不会破坏接触;

    捏/展开:用两根手指触摸表面以移入(捏合)或移出(展开);

    按下:单指触摸表面并按住;

    滑动:快速手势,不需要触摸目标。


    当然,我们经常也会遇到一些背离手势交互的产品设计,虽然也是点击、拖动等等,但操作起来总是不那么顺心。这里面有一个关键点就是,手势直观性。有数据表明,苹果的 3D Touch 使用率非常低,就是因为直观性太差,用户不知道通过这个操作能带来什么结果,且使用它需要长按,经常会同时呼出「卸载」,那么效率也就会降低。久而久之,用户就不去使用了。
    正面例子如下图,滑动与文案结合。

    拇指驱动产品设计 | 手势交互

    这样一看,用户马上就能知道这个操作行为如何触发,紧接着就产生行动,然后会反馈结果。
    这也是手势交互的核心:触发,行动,反馈。
    对比 3D Touch,触发没有提示,行动后时常有两种反馈结果,相比起来就不那么友好了。
    除了上面聊的这些,手势交互还能从另一方面来提升效率,就是拇指操作区域。
    二、拇指驱动设计
免责声明:
1.《拇指驱动产品设计 | 手势交互》是转载于站长,版权归站长所有。本站只作为分享和展示的平台,文章中的观点不代表本站的观点。
2.本信息如有侵权请将此链接发邮件至573943400@qq.com,本站将及时处理并回复。