一种强大的交互模式:应用内的手势

手势是一种强大的交互模式吗?是的,移动设备已经从一块砖头发展成由手指驱动的复杂计算机了。触摸和手势交互具有很大的潜力,使得移动体验更加的轻松和有趣。


手势是一种强大的交互模式吗?是的,移动设备已经从一块砖头发展成由手指驱动的复杂计算机了。触摸和手势交互具有很大的潜力,使得移动体验更加的轻松和有趣。

一种强大的交互模式:应用内的手势

还记得鼠标作为最常用的触发器在网站及应用上悬浮和点击的时光吗?那些日子一去不复返了。苹果公司推出iPhone后,多点触控技术成为了主流,用户了解到他们不只是能在界面点击而且还可以用手捏合、滑动、横扫。手势成为了新的点击。

触摸和手势驱动设备的兴起,极大的改变了我们思考交互的方式。手势不仅是好玩,而且也非常有用和自然。今天,移动应用的成功很大程度上也取决于构建体验的手势有多么的好用。甚至Adobe公司还推出了一个新的设计线框图的程序,Adobe XD,支持你从把一切构建成简单的线框图原型和多屏幕体验。你可以免费下载和体验下Adobe XD。

手势驱动用户界面的力量

手势控制如此的自然和直接是因为它们类似于与真实对象的交互。在按钮上使用手势有三个主要原因:

  1. 更简洁:app中依赖手势的控件越多,屏幕上显示的按钮就越少,从而为有价值的内容留出了更多的空间 。这使app更加以内容为中心,让用户做更重要的事情时没有障碍和分心。
  2. 更易用:手势一旦被用户发现和学习就会变成用户体验中令人愉悦的一部分,并且可以通过减少流程中的步骤来提升交互。例如,当你需要在移动设备上删除项目时,每次点击一项来删除是很耗时的,一个简单的快捷方式是滑动以删除。
  3. 更直接:虽然按钮看起来是更有用的触发器,但是手势有更大的潜力,与内容的交互更加直观。

Clear是一个“手势驱动”app的很好的例子。这个app的使用几乎完全基于手势:滑动、下拉、捏合。它有一个简约的界面(没有按钮),然而用起来简单的令人惊讶。

一种强大的交互模式:应用内的手势

动效在基于手势的设计中发挥的作用

移动应用中手势与动效总是紧密关联的。在维持用户的交互性引导方面,动效扮演了极其重要的角色。与手势的配合过程中,动效几乎使大脑相信它是在与有形的对象交互。

此外,在给用户提供视觉反馈方面动效也很有价值的。如果没有动效,用户是不知道已经完成了手势动作的。

即使是个非常创新的手势交互,如下拉刷新,配合动效也已经成了标准。它如此的直观,所以无数基于列表的应用程序都采纳了这种姿态简单的设定。

一种强大的交互模式:应用内的手势

手势的黑暗面

在设计应用程序是我们时常假设我们应用中使用的手势如此自然(对我们来说是自然,而不是对用户),不需要遵守基本的可用性原则。但在设计移动应用时,可发现性仍然是一个非常重要的原则。

正如Thomas Joos所说的,手势控制最大的缺点是学习曲线。每次你移除了界面上杂乱的东西,应用程序的学习曲线都在上升。这是因为手势具有很低的可发现性-它们总是隐藏的,用户需要识别这些选项。这就是为什么你的界面依赖于可视按钮的手势越多,混淆的可能性就越大。

一种强大的交互模式:应用内的手势

在设计基于手势的界面前,你应该顾虑的几件事:

(1)增加负担

大多数手势既不自然也不容易学习和记忆。例如,在大多数应用中,单手指的手势意味着一件事情,具有两个手指的相同手势意味着另外一件事,而另外还有三四个其他手势。

(2)缺乏反馈

多数情况下,手势不会留下其路径方面的任何记录,这意味着一个人做出手势后并没有得到任何响应,那几乎没有任何信息帮助你理解为什么会这样。

(3)缺乏一致性

大多数手势不是标准的,并且在各个应用之间也不一致。即使是一个简单的手势,例如横扫电子邮件条目可能在各个电子邮件应用中代表不同的功能。例如在Apple Mail中删除未读邮件,你应该向左滑动未打开的邮件,界面显示删除该邮件的选项。在Gmail中向左滑动可将邮件标记为已读。

明确的提示

设计用户界面过程中应该为手势的可用性提供一些线索给用户。因为如果没有视觉提示,用户可能对如何与应用程序进行交互感动困惑。在引导用户使用你的界面时,你应该提供一组视觉线索及渐进式展开的动效。

好的手势通常能够在提供视觉线索及渐进式展开的游戏中找到。众所周知,最好的游戏是让人随着时间的推移学习技巧而不是一味地教导他们。例如,Pudding Monsters’的游戏机制是完全基于手势的,但是它能够让用户不必猜测什么就知道该做什么。它们展示了一个带有动画的场景,用户立马很清晰的就知道要做什么。

一种强大的交互模式:应用内的手势

结论

手势是一种强大的交互模式吗?是的,移动设备已经从一块砖头发展成由手指驱动的复杂计算机了。触摸和手势交互具有很大的潜力,使得移动体验更加的轻松和有趣。

没有办法在不考虑手势的情况下来设计移动应用程序。它们应该作为提供服务和节约时间的角色。要设计一个有意义的手势,你应该把它和一个动作绑定,使手势和动作衔接在一起。提供反馈、视觉线索以及引导如何使用手势操作是非常重要的。

 

原文:In-App Gestures And Mobile App User Experience

原文作者:Nick Babich

译文:咚咚咚

译文地址:ME网易移动设计

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/24871/

(0)
CatherineCatherine
上一篇 2017-05-09 22:42
下一篇 2017-05-10 00:52

相关推荐

  • 从用户体验的视角聊首款《CSR赛车(CSR Racing)》

    原文作者:Om Tandon我最近一直在玩《CSR赛车(CSR Racing)》和《CSR赛车:经典(CSR Classics)》,在近期的游戏中我发现,Natural Motion在该系列的核心玩法、货币体系、社交机制和盈利模式中都引入了许多新的花样和用户体验功能,这些新元素的加入为游戏的某些方面带来了更好、更流畅的玩家体验。CSR-Racing-iPhone(from theiospost.com)CSR系列专为手游玩家设计,会话时...

    2018-03-26
  • 回归设计,iPhone 6是一个好产品吗?

    很有意思的是,几乎每一代新 iPhone 出来后网上总会骂声一片,许多人抱怨它的样子难看、没什么改变……这次发布的大屏 iPhone 6 也不例外,普遍大家抨击的焦点都在后置凸出的摄像头以及后壳两条突出的天线设计上。 有…

    2014-10-28
  • 移动端的时代要如何重塑网页设计流程?

    随着时代和技术的发展,网页设计 的流程正悄无声息地发生着巨大的变化。精准具体的设计交付列表不再是网页设计 的唯一标准,静态页面设计在整个设计流程中所占的比重也逐步降低,正如同Stephen Hay所说,我们所设计的不再是单纯的页面,而是包含诸多组件的一整个系统。

    2017-06-05
  • 做完这5次Axure实操,0基础不仅做出高保真,还能提升产品交互

    众所周知,Axure是产品经理必备的工作软件。BAT对于产品工作2-3年的面试者,均要求熟练使用Axure。别让Axure阻碍你的高薪产品路!别等面试时,才发现自己掌握不够。“起点学院&腾讯课堂”联合打造6周Axure实战班,第7期开启报名!从第1期到现在,2000多位同学学习成长,好评如潮。花3-5分钟了解,很快Axure对于你,就不再是问题。(真诚地说)产品思维和交互贯穿全程,学完不仅能画出高保真,同时告别画图经理。具体来看,通过6...

    2018-04-07
  • 【转】交互设计规范总结

    前些时间正准备写交互规范,就去网上搜罗了一下交互规范的一些范本,想作为借鉴参考,但却没能找到比较满意的,找到了一些零散的内容(当然有些还是有参考价值的),所以就觉得交互规范这方面的内容比较少,就来此…

    交互设计 2016-09-05
  • 案例:交互设计七大定律分享

    一费茨定律(Fitts' Law)1、费茨定律(Fitts’ Law)简介费茨定律是由保罗·费茨(Paul M. Fitts)博士,在对人类操作过程中的运动特征、运动时间、运动范围和运动准确性进行研究之后提出的,时间是1954年;该定律被用来预测从任意一点到目标中心位置所需时间的数学模型,在人机交互(HCI)和设计领域的影响却最为广泛和深远。费茨定律指的是:使用指点设备到达一个目标的时间,与当前设备位置和目标位置的距离(D)和目标大小(...

    2018-02-28
  • UI设计中可借鉴平面设计技巧(版式设计1)

    UI设计是随着智能设备的飞速发展、互联网行业的发展以及农林牧渔传统行业的急于转向而兴起。主要是企业对移动设备交互界面的重视。在企业越来越重视界面设计的今天。传统的平面设计能为现在我们的UI设计提供哪些参考呢,我们能从中借鉴的技巧有哪些?今天就从版式设计说起。

    2017-05-04
  • 想成为云计算交互设计师,该具备哪些能力?

    最近有不少设计师会跟我聊到,做云计算的交互设计 与其他设计师有什么区别吗?我其实也不知道怎么回答,能够记起的最后一次 TC 类的项目已经是两三年前在学校的时候了,工作以后一直在做云计算的产品,没有太深入体验做其他的产品,我真的还不太能说出有什么区别。

    2017-08-28
  • 国际用户体验设计论坛邀请函

    点击上方蓝字关注我们国际用户体验设计论坛暨中国工业设计协会用户体验产业分会第一届理事会预备会!  开始报名啦  !官方海报如下👇报名方式一👇长按识别下方二维码,通过报名页面报名👇报名方式二点击文章最底部“阅读原文”,通过H5报名页面完成报名了解我们关注我们长按下图二维码关注“UXE优艺智造”这里有最新的行业动向最前沿的学术研究来一探用户体验的商业价值吧联系我们电话15868193198邮箱uxestudy@126.com欢迎投稿

    2018-03-30
  • 交互设计申请竞争白热化,你该如何“杀出重围”?

    只要你想改变自己汉艺陪你死磕到底对于学习交互设计的同学来说,多数同学的作品集项目最终效果是这样的:这样的一个网页,几个app界面的最终效果图在各大设计网站,更是一抓一大把,导致很多同学对于交互设计的认知更多的停留在网页设计或者app设计上,浏览越多案例,思维越被局限。如果一个交互作品集中四五个项目全是这样的“大众脸”,想要从全球大量相似的“竞品”中脱颖而出,吸引到考官注意力,可以说困难重重。本期文章,为了让大家的作品集能够在全球竞争中脱...

    2018-02-03