时间: 2021-07-30 10:25:23 人气: 6 评论: 0
手势本是能够帮助用户更好的使用产品，但手势交互常被隐藏起来，因此用户如果没有发现隐藏手势，便失去了设计这些隐藏手势的功能作用。那么到底该如何向用户传达APP中的隐藏手势呢？看看这篇文章，或许你就知晓。
手势是用户用自己的食指和拇指，与app交互的那些小动作。 触屏可以让用户使用生活中的手势，例如点击（tap），滑动（swipe）和捏合（pinch）来完成操作，但是与其他的人机界面控制不同，手势交互通常被隐藏，因此用户没有意识去尝试手势，除非他们有使用手势的经验和习惯。
如何让用户知道有隐藏手势？我们可以使用一些视觉和交互设计技巧，让用户意识到这些手势。
APP传达手势相当普遍的做法是引导页和小贴士。 在许多情况下，在你应用程序中包含教程，意味着向用户显示一些说明来解释界面。 然而，这些教程不是解释APP核心功能的最优雅的方式。 这种方法有以下两个问题：
举个例子，在浏览一个强制性的app7页的引导页开始，用户必须耐心地阅读所有的信息，并尝试记住。 这是糟糕的设计，因为它强迫用户在使用APP之前学习。
Clear的引导页
我们需要避免强制性的引导页，并试图在操作的前后教育用户使用手势（当用户真的需要时候）。几次迭代后，教程引出了更进一步的发现：
专注于一个手势交互，而不是试图为用户解释界面中的每一个可能的动作。
以Android手机版YouTube应用程式的这个手势教育画面为例：
Youtube安卓APP
该APP有手势的交互，但不使用教程去教育用户。 相反，它在每次启动时为新用户显示的提示， 每次仅一个该app部分功能得提示。
在情景中教育用户有些技巧，帮助用户快速理解那些他们没有见过的元素或界面。这种技巧通常包括不起眼的视觉提示和微妙的动画。
这个技巧是简单好用的纯文本提示，提示用户执行手势，并且以简短明了的文案描述交互的结果。
注意：多使用短文本提示——文本越少,用户越有可能**读，然后实际上遵循提示 。
Material Design
运动提示（或动画视觉提示）显示一个预览，预览如何在执行操作时与元素进行交互。 例如，布丁怪物（Pudding Monster）的游戏操作仅有手势，但这个游戏告诉用户需要做什么，而不用多费脑猜测。 动画传达操作的信息—— 一个动画展示的场景，直观的告诉用户需要做什么。
运动提示预览如何与元素交互。 布丁怪物（Pudding Monster）
关联暗示是展示例子，暗示了可能性的视觉线索。 下面的示例演示了卡**的暗示—— 它只是显示其他卡**存在于当前卡**的后面，这清楚地表明可以滑动。
浏览导航 by Barthelemy Chalvet
归根结底，如何在移动app中为用户引入手势，没有一个万金油的解决方案。 但当你教育用户使用你的UI，我建议主要通过一些趣味的调侃，循序渐进的引导，再加上微妙的动画。 引导页或小贴士只应作为最后的手段。
作者：Nick Babich
原文地址：https://uxplanet.org/how-to-communicate-hidden-gestures-in-mobile-app-e55397f4006b#.v63u1ae0t
译者：neven
来源：微信公众号：歪设计
本文由 @TereChen 授权发布于人人都是产品经理，未经作者许可，禁止转载。
