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

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


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

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

还记得鼠标作为最常用的触发器在网站及应用上悬浮和点击的时光吗?那些日子一去不复返了。苹果公司推出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

相关推荐

  • 免费 20个设计优秀的HTML网站模板

    在这个互联网时代,很多企业或是个人都搭建有自己的网站,用于宣传营销或个人网站博客等用途。而对于小企业、个人或不懂设计网站的用户来说使用网站模板将是最好的建站方式,设计达人网致力分享高品质免费素材,所…

    2015-03-17
  • 微信小程序设计指南 · 小程序

    概要 基于微信小程序轻快的特点,我们拟定了小程序界面设计指南和建议。 设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内,建立友好、高效、一致的用户体验,同时最大程度适应和支持不同…

    2016-09-24
  • PC端产品的三种姿态

    这篇依旧是读书笔记,只不过记录的不是整本书,而是《About face 3交互设计精髓》中的一个知识点,这个知识点非常重要,重要到需要单独提出来记录一篇。 在《About face 3交互设计精髓》一书中,将PC端应用分为了3…

    2016-06-01
  • 产品交互控件:社交App中的「消息」功能窗口化

    每天偷偷看大神秀文采的我终于发了篇字数不多的帖子…在浏览朋友圈时有新消息!而我们必须返回,点击第一个Tab『微信』,才能收发消息。

    2017-05-07
  • 隐藏在今日头条百亿市值背后的算法:巨大可能与现实困境

    文/余亮 无论2016年科技圈热门的噱头有多少,对数据基础设施方面的耕耘仍然是决定实力的关键。阿里之类电商数据帝国自不待言,今日头条、一点资讯等在资讯数据领域的开拓更加值得注目。比起电商的物流数据,资讯算…

    2016-01-27
  • 用户体验分享-儿童玩具上的用户体验与交互设计

    大约在同一时间,我成为了一位父亲,我刚进入用户体验世界,试图找出如何使我的产品,够了吧,可以理解的、 易于使用,并且直观。我是一个巨大的玩具迷,还是玩,他们之前到达了我的儿子,但他在房子里意味着更多的玩具和更多的机会来观察他与他的玩具在他的生活非常首个月的交互。看着他让我想起了关于如何普遍经验和界面设计是在我们的生活从一开始,从这些经验,我们能学到多少 — — 尤其是如果我们打算建立一种可以理解的产品。

    2015-01-03
  • EVA「Flow」Living in the Future | Flow 正式上线

    吕骋说:“智能语音助手解决的是人机交互,但并没有解决人人交互,我认为,把人机交互和人人交互打通才是最重要的。” 为了保证最佳的视觉体验,我们特意制作了搜狗输入法的对应皮肤 大家在搜狗输入法的皮肤商店里,…

    交互设计 2015-09-11
  • 良好的用户体验不一定是品牌成功的关键

    一项针对品牌魅力的新研究表明,良好的用户体验不一定是成功的关键,因为品牌完整性受损可能会超越公众的看法。 这是对四个市场10,000名消费者的在线调查的结果。这项研究从认知、目的、诚信、慷慨,勇气和交付的六个维度检查了知名品牌。分析表明,与消费者的动态关系是短暂的受欢迎,还是长期的忠诚之间存在的真正区别。乐高式最具实力的品牌,一直让顾客感到满意。相反,FIFA被评为得分最低的品牌。另外,苹果在美国排在前十位,在英国排在第十六位。尽管其创...

    2018-02-26
  • 交互设计师应该了解的心理学理论:认知心理学、格式塔心理学和心流

    问:贴满一张卡需要多久,A和B是否相同?答案当然是不同,尽管同样需要买10杯咖啡,但往往B方案会更快地贴满。

    2017-05-20
  • 应届生在简历中如何描述自己的交互设计项目经验?

    应届生和社招的项目展示核心区别在于,应届生的项目大多数是虚拟的、小型的,或者失败的。大部分可能是校园网站项目,公众号运营,轻量化 App 等,用户数量不会太多、很少或基本不盈利。描述、呈现自己项目经历的前…

    2015-10-14