手势,手指和拇指的一点点移动都可以构成用户和app之间的交互。触屏交互为使用自然手势提供更多的机会,比如轻点、划过或者捏合,但是不同于图形用户交互控制,有些交互对于用户来说是隐藏的,所以除非用户预先知道某个交互手势已经存在,否则他们不会尝试的。
如何提示隐藏手势?幸运的是有很多视觉交互设计技术能让用户了解这些手势。
在引导页的教程或者闪屏
教程和闪屏对于手势驱动的应用时相当流行的方法。很多情况下,可以在你的应用中插入教程告诉用户如何使用交互指令。然而,UI教程并不是解释应用核心功能的最佳方式。这种方法会带来两个问题:
a.首先如果你给出功能说明书的话,那么这个用户指导就糟糕透了。因为用户在使用应用前并不想读大段的文字。
b.教程带来的其他问题就是用户已进入应用就不得不记住所有的新方法。
比如,在Clear这个应用启动时有7个强制教程,用户必须耐心阅读所有信息,并且尝试把他们放到记忆里。这个设计并不好,因为它需要用户甚至在使用应用之前就做前期工作。
避免强制的多步骤UI启动页,以连续的动作教育用户如何使用。给出些交互或教程能转换到更多层级,让用户逐渐发现:
专注一个交互而不是解释同一个用户界面种每一个可能的交互。
以YouTube安卓的应用的手势教育页为例:
这个应用具有基础的交互手势,但是却不用教程来指导用户。相反,当用户处于应用的相关分类页面,在新用户的启动页上展示隐藏手势。
联系上下文给出指导
联系上下文给出相应的技巧,帮助用户跟界面或者元素之间交互,但是他们不用提前学习。微小可视的暗示或者是隐藏的动画。
简短的文本指令
这个技巧给予文本指令,用户会根据相关指令展现相关手势,以简短清晰的语言描述交互结果。
建议:
使用尽量简短的指导文本,尽可能少的文本。用户阅读文本的几率越大,这他们就约可能尝试这种交互。
隐藏的动效
隐藏的动效(或者动态可视的暗示)在出现交互元素之前展示如何执行动作。比如,甜点怪物的游戏机制,只基于手势,但他让用户明白不需要想太多就知道一些基本的操作。动画展示功能信息--情节以动画展示以及让用户立刻清楚要做什么。
内容梳理
内容梳理是用一些列隐藏的视觉线索暗示可能性。比如下面的例子描述了卡片的内容梳理—简单在当前卡片下其他已存的卡片,这让滑动手势变得清晰。
结论
没有一个能够适合所用应用和网页去描述交互手势的万能方案。但当提及教用户使用UI交互手势时,我建议使用在上下文中进行内容梳理,逐步解析和潜在动画。教程和引导页只能作为最终的招数。