设计思考:如何传达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

相关推荐

  • 2018年用户体验趋势(一)

    2017年,我们见证了很多。在与全世界的189489位设计师策划并分享了1926条链接后,我们从行业内的所写、所说和所想中,预见了几个趋势。以下就是2018年用户体验的预期。#1UX的死亡和重生作为设计师,我们一直致力于能够参与早期的战略决策。如今,我们获得了一席之地,接下来要怎么做呢?APP关掉了新手体验怎么办?这有一份最好的实践清单;不确定网站适合哪种菜单?就用这个模板库吧;首页的标题不够吸引人?咱们来做做A/B测试...与此同时,...

    2018-02-28
  • 从京东注册优化谈如何做到细节设计

    作者: 厚江   京东注册优化是来京东后第一个相对完整的设计项目。毕业后初涉交互设计工作,导师对我的第一个要求就是在设计过程中,重视对细节的设计。本文即从京东注册优化项目的一些方面谈谈对细节设计的体会。 …

    交互专题 2017-08-07
  • 2017年,UI设计风格的五点预测

    设计工作几年后,你有没有接到设计需求时不满足于之前的处理手法,想要突破自己,不想麻木的做设计?不希望自己在习以为常的设计中走向平庸,成为一个废柴……最近对国内外各种资讯文章的阅读和最新优秀产品的体验,梳理下今年的UI设计的趋势,希望在接下来的设计工作中,理性的前提下又不失创新。

    2017-05-01
  • 总结|服务设计的基础概念和案例

    在这里,本文作者和大家分享一些我总结的服务设计的基础概念和案例,希望对大家快速入门服务设计有所帮助。

    2017-05-06
  • Axure官方教程中文版第3课:组件与母版-木卫艾欧网原译

    https://www.iamue.com/wp-content/uploads/video/Axure.com-learn(3).MP4 新建一个文件 1、添加一个按钮并设置鼠标悬停交互样式 2、复制并对齐按钮 3、将按钮转化为母版 4、将母版应用于每一页 5、在母版中为每个…

    2015-01-25
  • 交互设计七大定律

    除非有更好的选择,否则就遵从标准。——阿兰·库珀(交互设计之父)1、费茨定律(Fitts’ Law)使用指点设备到达一个目标的时间,与当前设备位置和目标位置的距离(D)和目标大小(S)有关。用数学公式表达为:时间 T = a + b log2(D/S+1)。T指的是:移动设备所需时长;S指的是:目标区域的面积大小。D指的是:设备起始位置和目标位置之间的距离;a、b指的是:经验参数,它们依赖于具体的指点设备的物理特性,以及操作人员和环境等...

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

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

    2018-03-10
  • 走进交互设计——感受生活中的交互设计

    交互设计交互设计(英文Interaction Design, 缩写IXD),是定义、设计人造系统的行为的设计领域,它定义了两个或多个互动的个体之间交流的内容和结构,使之互相配合,共同达成某种目的。交互设计努力去创造和建立的…

    2017-08-01
  • 交互设计框架-PACT浅谈(一):关于人的部分

    本文内容来自于《交互式系统设计:HCI,UX和交互设计指南》,交互设计框架一章的思考。空间:空间关系到页面的布局,以及用户操作的方便性,不同的人手指大小不一样,我曾经在想,NBA球员使用iphone4的时候是不是真的很方便?关于MD设计空间方面的标准可以参考排版与布局章节,如果有兴趣的话还可以深究一下,为什么他们要将行距,图标和边框的距离定义为这么宽,这么高。

    2017-05-16
  • 梦想成为“全栈设计师”的你,可能需要这份视觉设计知识体系规划书

    此文主要适读人群:梦想成为“全栈设计师”的你(偏向移动端产品)!当然设计都是相通的,即使你的职位是产品设计、交互设计、网页设计、平面设计也都不妨一看,相信你也可以有所收获!1、对app基础控件的认知
    2、字体
    3、配色
    4、图标设计
    5、标注与切图规范
    6、排版的基础原则
    7、简单的动效设计
    8、走察规范
    9、交互常识
    10、项目文件管理
    11、个人素材、资源库
    12、开发常识
    13、数据分析能力
    14、产品常识
    15、用研常识

    2017-05-10