App交互手势

作者: Jfchris | 来源:发表于2018-10-28 17:48 被阅读6次

手势,是那些能够与应用程序进行交互的手指动作。触摸屏提供了很多自然手势比如:点击、滑动、缩放等活动。但是不同于用户图形界面控件,这些交互行为很难被用户发现,除非他们提前知晓手势的存在,否则他们不会尝试。

如何引导用户发现隐藏的手势操作呢?还好有一些视觉方面的交互设计技巧可以让用户知晓。

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

在手势类的应用里,教程和引导页是常用的办法。多数情况下在App中加入教程意味着向用户提供界面的说明。但是,UI教程不是一个解释核心功能的最高明的方式。这个方式存在两个问题:

如果你必须出一个使用指南才能让用户明白,说明你的界面没有很好的传递信息,因为用户不应该被要求在使用App前还得先读一下操作指南才行。

教程导致的另一个问题是:一旦用户进入应用,他们不得不记住所有新的使用方式。

比如,Clear 这款App开始使用时会有长达7页的教程,用户不得不耐心读完所有信息并试图记住他们。这是个很糟糕的设计,因为用户需要在使用它之前就付出大量精力。

Clear 的教程

为了避免强制性的多步引导页并试图在操作需要的坏境下教导用户(这时用户需要切实使用),借助逐步的引导,用户教程可以变成更为渐进的操作探索:

“专注于单个交互操作而不是试图解释用户界面的每个可能产生的操作”

以Android版的youtube的手势教育为例:

Android版 youtube App

这个应用有一套基于手势的交互操作,但并未使用教程来指导用户。相反,他为新用户首次打开的启动页提供了提示,每次只提示一处,且只在用户触达到相关功能时出现。

二. 如何在情境中教育用户

在情境中教育用户的技巧可以帮助用户先前从未尝试过的方式操作一个元素或界面。这种技巧通常包括细微的视觉提示和微动效。

1. 纯文本命令

这个技巧主要基于文本指令,可以促使用户使用手势,并且用简明的描述介绍操作产生的结果。

注意:使用简短的文字描述说明-文本越短,用户越可能使用它并遵从说明。

2. 提示动效

提示动效(或动画提示)展示了某个操作的效果预览。例如,Pudding Monster只使用了基于手势的技巧,就能使用户不必过多猜测就掌握了游戏的基本玩法。动画传达了功能的信息——用动画来展示一个场景,用户立刻知道该怎么做。

3. 内容暗示

内容暗示是一种微妙的视觉提示,指明了操作的可能。下面的例子阐释了卡片的内容暗示。它简明地展示了隐藏在当前卡片之后的其它卡片,很明显卡片可以滑动。

结论

总而言之,在移动应用和网页中没有万能的方法展示手势。不过在教育用户操作界面时,我推荐使用内容暗示、渐进式提示和微动画。教程和引导页是万不得已才会使用的方式。

英文原文:How To Communicate Hidden Gestures in Mobile App

相关文章

  • App交互手势

    手势,是那些能够与应用程序进行交互的手指动作。触摸屏提供了很多自然手势比如:点击、滑动、缩放等活动。但是不同于用户...

  • 【iOS学习】——手势识别

    iOS 手势 手势需要开启用户交互 点击手势 单击手势 双击手势 添加 numberOfTapsRequired...

  • 04搜索、排序、筛选《移动应用UI设计模式(第2版)》交互设计读

    一、搜索 按钮只是一个变通手段。触摸、手势让我们与内容更直接进行交互。比如下拉刷新和双指缩放。 手势交互手势交互,...

  • 手势交互

    This VR、this AR,两个品牌。This VR项目致力于解决VR的人机交互问题,使VR能够脱离手柄脱离游...

  • 手势交互

    UITapGestureRecognizer是最常用的敲击事件就是类似于按钮的点击事件, 使用手势的时候注意的是图...

  • 浅谈用户交互常见的“操作手势”

    用户交互_操作手势 操作应用时,使用最多的交互方式就是操作手势。这些手势引发了与内容密切的个人联系,并增强了对屏幕...

  • iOS实现全屏pop手势

    实现全局的pop手势 需要先获取系统手势交互对应interactivePopGestureRecognizer,获...

  • iOS手势密码实现机制

    基于手势密码的安全性与交互性比较好,一直以来都是手机APP的标配。在接手公司项目的时候,项目已经实现了手势密码。但...

  • UX001-APP手势密码设置|高保真交互实例

    作者:三杠,资深产品经理。 实例作品简介 实例名称:UX001-APP手势密码设置 实例类型:交互类 适用终端:移...

  • iOS 开发中的常用手势事件简述

    在开发过程中,我们为了提高用户体验和App的交互友好性,我们通常会在App中添加一些手势,来辅助用户操作.那么这篇...

网友评论

    本文标题:App交互手势

    本文链接:https://www.haomeiwen.com/subject/mlcmtqtx.html