设计思考:如何传达APP中的隐藏手势?

手势本是能够帮助用户更好的使用产品,但手势交互常被隐藏起来,因此用户如果没有发现隐藏手势,便失去了设计这些隐藏手势的功能作用。那么到底该如何向用户传达APP中的隐藏手势呢?看看这篇文章,或许你就知晓。


手势本是能够帮助用户更好的使用产品,但手势交互常被隐藏起来,因此用户如果没有发现隐藏手势,便失去了设计这些隐藏手势的功能作用。那么到底该如何向用户传达APP中的隐藏手势呢?看看这篇文章,或许你就知晓。

设计思考:如何传达APP中的隐藏手势?

手势是用户用自己的食指和拇指,与app交互的那些小动作。 触屏可以让用户使用生活中的手势,例如点击(tap),滑动(swipe)和捏合(pinch)来完成操作,但是与其他的人机界面控制不同,手势交互通常被隐藏,因此用户没有意识去尝试手势,除非他们有使用手势的经验和习惯。

如何让用户知道有隐藏手势?我们可以使用一些视觉和交互设计技巧,让用户意识到这些手势。

引导页中的指南和演示

APP传达手势相当普遍的做法是引导页和小贴士。 在许多情况下,在你应用程序中包含教程,意味着向用户显示一些说明来解释界面。 然而,这些教程不是解释APP核心功能的最优雅的方式。 这种方法有以下两个问题:

  • 如果你为你的app设计引导页,那么这不是与用户沟通的最好方式,因为用户不会在使用app之前细读引导页或小贴士。
  • 教程的另一个问题,用户一旦使用app,必须学习并记住app的所有新操作手势。

举个例子,在浏览一个强制性的app7页的引导页开始,用户必须耐心地阅读所有的信息,并尝试记住。 这是糟糕的设计,因为它强迫用户在使用APP之前学习。

设计思考:如何传达APP中的隐藏手势?

Clear的引导页

我们需要避免强制性的引导页,并试图在操作的前后教育用户使用手势(当用户真的需要时候)。几次迭代后,教程引出了更进一步的发现:

专注于一个手势交互,而不是试图为用户解释界面中的每一个可能的动作。

以Android手机版YouTube应用程式的这个手势教育画面为例:

设计思考:如何传达APP中的隐藏手势?

Youtube安卓APP

该APP有手势的交互,但不使用教程去教育用户。 相反,它在每次启动时为新用户显示的提示, 每次仅一个该app部分功能得提示。

如何在情景中教育用户

在情景中教育用户有些技巧,帮助用户快速理解那些他们没有见过的元素或界面。这种技巧通常包括不起眼的视觉提示和微妙的动画。

纯文本提示

这个技巧是简单好用的纯文本提示,提示用户执行手势,并且以简短明了的文案描述交互的结果。

注意:多使用短文本提示——文本越少,用户越有可能会读,然后实际上遵循提示 。

设计思考:如何传达APP中的隐藏手势?

Material Design

运动提示

运动提示(或动画视觉提示)显示一个预览,预览如何在执行操作时与元素进行交互。 例如,布丁怪物(Pudding Monster)的游戏操作仅有手势,但这个游戏告诉用户需要做什么,而不用多费脑猜测。 动画传达操作的信息—— 一个动画展示的场景,直观的告诉用户需要做什么。

设计思考:如何传达APP中的隐藏手势?

运动提示预览如何与元素交互。 布丁怪物(Pudding Monster)

关联暗示

关联暗示是展示例子,暗示了可能性的视觉线索。 下面的示例演示了卡片的暗示—— 它只是显示其他卡片存在于当前卡片的后面,这清楚地表明可以滑动。

设计思考:如何传达APP中的隐藏手势?

浏览导航 by Barthelemy Chalvet

结论

归根结底,如何在移动app中为用户引入手势,没有一个万金油的解决方案。 但当你教育用户使用你的UI,我建议主要通过一些趣味的调侃,循序渐进的引导,再加上微妙的动画。 引导页或小贴士只应作为最后的手段。

 

作者:Nick Babich

原文地址:https://uxplanet.org/how-to-communicate-hidden-gestures-in-mobile-app-e55397f4006b#.v63u1ae0t

译者:neven

来源:微信公众号:歪设计

本文由 @TereChen 授权发布于人人都是产品经理,未经作者许可,禁止转载。

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

(0)
CatherineCatherine
上一篇 2017-05-10 00:52
下一篇 2017-05-10 02:56

相关推荐

  • 【分享】最全界面设计模式、APP和Web交互流程图

    这次设计夹的主编-晓黑同学为大家整理了史上最全面的APP和Web交互流程图的标准画法,内容非常的全面。通过结合自己的项目经验,把交互流程图做的更加清晰。在后面,还为大家整理一般的web设计模式及APP设计模式,以…

    2016-07-13
  • 用AB测试改进用户体验设计,做出正确决策

    本文转译自TubikStudio,全文有删减。设计师们每天都在面对一些难以抉择的情况。面对这样的问题,有经验的团队会对两者进行测试,来确定哪种方案最好,其中一种流行的方法是AB测试。AB测试将用户分成两组,每组都显示不同的版本,一半看到A版本,另一半看到B版本。AB两个选项的差异根据产品经理来决定,可以是颜色差异,也可以是位置差异等。两个版本的有效性可以用浏览量、点击次数或其他数据来衡量。对于设计师来说,这是分析目标受众群体行为模式和特...

    2018-02-24
  • 交互设计师的60日计划之第四天

    此次分享的 [button type="info" text="交互设计师的60日计划" url="https://www.iamue.com/tag/interaction-designers-of-60-days" open_new_tab="false"] 来自 Killa.G 让我们一起跟着学习和并学会做自己的总结与…

    交互专题 2015-08-20
  • 从三个案例出发,聊聊交互设计师的核心价值

    交互设计师的核心价值是什么?这个问题很经典,知乎上有这样的提问,面试中也会被问到。为了避免过于空洞和理论,本篇结合三个小案例来聊聊我的理解。

    2017-05-30
  • 越碎片化的时代,越需要完整的用户体验

    用户体验是引领,而不是跟随。美学之上,预见未来。我发明了这个词,因为我觉得人性化界面和易用性太狭隘。我希望能用一个系统涵盖人类体验的方方面面,包括工业设计、平面、界面、人机交互和指南。
    ——唐·诺曼  1998

    2017-05-14
  • 交互进阶:一套较完整的轻量竞品调研法

    本文作者将介绍自己常用的一套较完整的轻量竞品调研法,一共分为五个步骤。“这个地方怎么不借鉴X产品?”
    “那个地方你不要借鉴Y产品,我一点也不觉得好用!”
    “这个界面看起来根本不像这类产品的界面啊?”
    ……

    2017-05-02
  • 玩转交互设计,给景观来点生命力!

    景观设计从一开始关注项日的审美性,再到功能性,全社会对于它的要求已经在逐步升高。现代景观设计中,公园、绿地,甚至校园景观、风景名胜区等需要从单纯的生态意义中提升到一个更高的层次。在诸多国内的项日中,虽然将“以自然为题,以人为本”定为设计目标,但是往往停留在服务于人们行为上的舒适性、安全性,而忽略了人性中的更多需求。与此同时,人们每天被层出不穷的新鲜事物所包围,绿色环境对人的吸引力逐渐降低。在现代化工业大发展的背景下,人与人、与其他生物间...

    2018-02-07
  • 【新锐玉商风云榜】颜传赞:以‘用户体验’为支点 撬动家装行业“一键式”转型升级

    在父辈创造的奇迹上,是传承、是创新、是开拓,每一位新生代年轻玉商都在给出自己的答案。——“新锐玉商”专栏总题记新锐玉商风云榜他是“2016浙商年度创新人物”;他提出“构家”如“构车”的“一键式”整体家装新理念,推动家装行业从传统的手工作业升级为家装工业4.0;他的公司“构家”获得复星集团数亿A轮投资。他就是坊间广称为“船长”——杭州构家创始人兼CEO颜传赞。在经济创新这条漫长的大道上,颜传赞以玉环人海派的作风和追求卓越品质的韧性,谱写“...

    2018-02-03
  • 从地方性视角谈民宿的定位(二): 找到有趣而唯一的内核

    ▲点击关注我们,挖掘土壤的内涵近些年来,随着旅游的快速发展尤其是大众旅游市场的迅速兴起,旅游与地方的关系引发越来越多的关注和讨论。“地方性”一方面作为旅游目的地吸引力的内核被重视,另一方面又因其趋于淡化而引起对地方可持续发展的担忧和对旅游发展的批判。▋什么是“地方性”?事实上,地方性不是绝对的现实,而是话语与知识生产的过程。全球化进程必将是均质化与地方性凸显相互伴生的过程。虽然在全球化背景下,旅游产业的发展由于多种要素的作用,会带来社会...

    2018-03-10
  • 聊聊蒙版引导的应用场景以及设计建议

    蒙版引导一直是一个十分热门的话题,对于很多用户来讲经常会不彻底阅读甚至快速关闭来结束引导,这样便起不到很好的教育作用。甚至还有“在界面上添加这些并不会让你的产品变得更易用”的说法(观点引自文章“Misused mobile UX patterns”)。但我认为这种说法过于片面,对于一些流程复杂或者功能个性的产品应用,添加蒙版引导进行说明,是十分有必要的。

    2017-05-11