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

相关推荐

  • 写给想要从事交互或者刚从事交互的盆友们

    本文作者是从一个工业设计毕业的学生,走过平面设计,做过UI设计,一步步转行到现在所喜爱的UX设计,并且一直处在努力开心地进步着的状态中。在本文中,也只想通过结合自己的经历和周围同学、同行的状况给大家一些实在的帮助。

    2017-05-08
  • 【新浪微博】交互设计看过来

                                      交互的小伙伴  快到我们碗里来

    2017-08-01
  • 在设计过程中,设计师如何输出一个更落地的动效呢?

    优秀的动效设计更能让用户从中感到惊喜,让用户感受到产品的温度和调性。

    2017-05-05
  • 利用github预览axure发布的文件

    目的github不仅仅可作为一款代码开源库平台及版本控制系统,百度百科对其定义为私有或开源软件项目管理平台,今天在此向不会使用Git的同学们普及下利用github预览Axure发布的原型文件。准备阶段1、github desktop。下载地址:https://desktop.github.com/2、 github账号。注册详情:https://blog.csdn.net/p10010/article/details/51336332下...

    2018-05-04
  • 盘点 Smartisan OS 历代亮点, 罗永浩凭借用户体验翻身?

    #交互学堂#今天为大家盘点一下锤粉骄傲的资本,那些#Smartisan OS# 中具有启发性的系统层优化,从远到近从大到小,从 Smartisan OS v1.3 到 最新的 Smartisan OS 3.1,这算是一份锤子给智能手机操作系统的独特贡献…

    2016-11-01
  • 全面揭秘!详析 Adobe XD 的团队内部使用的设计思考流程

    你有没有想过,如果有一种通用公式,能让你设计出创新性的产品、用户体验或服务,这世界将会发生什么? ——我指的可不是那些慢吞吞的递进式优化,我要说的是"破坏性"的革新! 可能你觉得我说的不太现实,好吧,我承…

    2016-10-18
  • 4月最新便民信息!政府、企业、医院、社工...你想要的岗位都在这里!

    各类招聘求职生活信息关注后回复发布查看更多4月啦,又是新的开始没有工作的同学快快看有哪些好工作吧...   ...招聘信息类首先,是我们玩转郫县的招聘啦邀请你一起来和我们玩营销经理▲薪资待遇:社保+底薪+全勤+提成+奖金(4000-10000元)▲职责要求:1.开拓郫都地区美食、休闲、旅游市场2.建立并维护平台与合作商家良好关系3.能熟练运用word、Excel办公软件▲任职资格:1.工作主动、责任心强、具有良好的团队合作精神、抗压能力...

    2018-04-08
  • 1.6万字诚意之作|如果你想成为一名交互设计师,这篇文章值得慢读

    关于交互设计,这是一篇很全很全很全(重要事情要说三遍)的科普文章。作者写了1.6万字,实在是诚意之作。如果你打算走进交互,此文值得真的真的真的(重要事情要说三遍)值得一读^_^ by 小编目录导读:
    1. 交互设计概念
    2. 交互设计输出物
    3. 交互设计相关理论
    4. 交互设计流程及方法
    5. 交互设计常见案例分析
    6. 交互设计规范及趋势
    7. 交互设计师进阶之路举个例子就是:小明饿了,他需要填饱肚子(目标),他跑到楼下的餐馆进行点餐、吃饭、结账(任务),吃完了出门的时候推门(行为)出去,然后过马路回家。交互指的是产品与它的使用者之间的互动过程,而交互设计师则是秉承以用户为中心的设计理念,以用户体验度为原则,对交互过程进行研究并开展设计的工作人员。——百度百科①初级交互设计师<10k:俗称「线框仔」,出没于小公司和外包公司,没有设计决策权,专门配给不会画图的产品经理使用。门槛低,只需要熟练使用原型软件,会看着其它APP抄设计即可。无发展前途,看到此类岗位请远离。
    ②中级交互设计师10k-15k:除了画线框图外参与一定的产品层面的工作,有一定设计决策权,通常为知名院校应届毕业生,可以对设计决策提出异议,但不一定被接受。
    ③高级交互设计师15k-25k:通常可以参与整个产品的概念过程,工作职能与产品经理更为接近,有更多的设计决策权,通常工作经验超过2年,可以和产品经理、视觉设计师、用户研究员及开发人员进行「激烈讨论」,并有能力维护设计师的尊严。
    ④资深交互设计师>25k:通常出没于BAT、财大气粗的创业公司及设计咨询公司。有着丰富的成功设计案例,通常工作经验超过5年,有主流大公司工作经验,有大型项目的设计管理经验,业内有一定名气。
    ——以上分级,参考寺主人在知乎的回答《如何成为交互设计师?》“你在设计的生涯中,有没有用到或者总结出哪些设计方法?”“以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。对于网页设计来说,栅格系统的使用,不仅可以让网页的信息呈现更加美观易读,更具可用性。而且,对于前端开发来说,网页将更加的灵活与规范。”“关于弹窗中的“推荐选项”应该放在左边还是右边,分了两种情况:如果推荐选项有破坏性,那么应该放在左边。如果没有破坏性,则应该放在右边。但到了iOS10的时候,却变成了推荐选项都应该放在右边。”

    2017-05-06
  • 静态码限额后,微信支付还能兼顾合规和用户体验吗?

    【新朋友】点击标题下方蓝色字“经济晚报”关注【老朋友】点击右上角,转发或分享本页面内容4月1日,央行关于静态码扫码支付限额500元的新规开始正式实施了,从这天开始,大家通过静态二维码支付的时候每天限额是五百块。你感觉到了不方便吗?新规一出,很多小伙伴们都产生了疑问:以后我扫码支付消费是要被“管制”了吗?如果每天的限额用完却还有扫码支付的需求咋办?新规如何配合?微信支付上线新产品体验针对用户的这些疑问,微信支付和支付宝这两大移动支付巨头给...

    2018-04-07
  • 【UED人物】朱锫:自然建筑

    近日,朱锫建筑事务所作品景德镇御窑博物馆荣获“2017年度The Architectural Review未来建筑奖”之“最佳文化建筑”(the Winner of the Cultural Regeneration category)。自此,又一位中国建筑师叩开了国际大奖之门。△ 景德镇御窑博物馆室内效果图“未来建筑奖”始于2002年,每年由英国知名建筑专业杂志《The Architectural Review》(建筑评论)评选并颁发...

    2018-02-07