1
更多

    有效 · 有型 · 有传播


7余年行业累积  专业化团队运作


首页 >> 新闻动态 >> 如何设计App的隐藏手势操作
如何设计App的隐藏手势操作

手势操作,是通过手指轻微移动来让用户操作应用。触屏界面提供了许多自然的手势,比如点按、滑动、双指缩放。但这些交互方式不像UI控件,通常对于用户是不可见的。除非用户事先了解手势存在,否则他们并不会尝试使用。

如何加入隐藏手势呢?好在有许多视觉层面的交互设计技巧,可以让用户了解这些手势。

首次打开时的教程和引导页

在手势为主的应用中,教程和引导页相当常见。许多情况下,在应用中加入教程意味着向用户说明、解释界面。但是,UI教程并不是阐述应用核心功能的最简洁方式。这种方式存在两个问题:

如果你要给产品准备说明书,就说明与用户的沟通还不到位,因为他们可不希望使用前还要读说明书。另一个问题在于,用户不得不记住所有这些新的用法。

举个例子,Clear应用一开始会展示7页教程,用户得耐心阅读所有信息,尝试记在脑海中。这个设计很糟糕,因为它需要用户在真正开始使用之前就付出精力。


1.png




















Clear的教程

避免使用强制性的多步引导,要试图在操作所处环境中教育用户(这时候用户真正需要相应功能)。几经迭代后,教程可以变成更加平缓的暗示。

以Android版YouTube的手势操作指引为例:

2.png





























Android版Youtube

这个应用有用到手势操作,但并不是通过教程的方式教育用户。它反而是在新用户首次触发时进行了暗示,每次只介绍一处,而且只在用户进入相关功能时才触发。

如何在情境中教育用户

在情境中教育的技巧,能帮助用户以一种从未尝试过的方式操作某个元素或界面。这种技巧通常包含轻微的视觉提示和微妙的动画。

纯文本指令

这个技巧主要依靠纯文本指令,促使用户执行某个手势操作,并且简明地描述这个操作的结果。

注意:说明文字要非常简短——文字越短,用户越可能会阅读,然后才能遵照它的指引。


3.gif

客服中心
联系方式
022-60878783
- 技术服务
- 业务咨询
手机官网
×