交互开始的第一步:触发器详解

最好的触发器应该是符合情景的,体贴用户的,触发器的控件应该与其要传达的状态匹配,且引人注目的程度要与其使用频率匹配,标签也应该简洁明了,通俗易懂。


最好的触发器应该是符合情景的,体贴用户的,触发器的控件应该与其要传达的状态匹配,且引人注目的程度要与其使用频率匹配,标签也应该简洁明了,通俗易懂。

交互开始的第一步:触发器详解

触发器是交互开始的第一步,是任何能启动交互的东西。在互联网的世界中可以根据用户行为分为主要的两大类:手动触发器和系统触发器。

  • 手动触发器:由用户发起,主动行为触发,来自用户的期待或需求。可以是控件、手势、声音、触摸等。
  • 系统触发器:满足一定条件后通过系统判断触发,通常需要监听,如距离感应器等。

交互开始的第一步:触发器详解

触发器原则

1. 触发器必须让用户在使用情境中一眼认出是触发器

当用户接触到一样东西的时候,会有一个认知过程,通过这样东西带给自己的感受,在大脑中搜寻类似的物品,再对此加以判断。比如早期的拟物化设计,产品中的按钮一定是带阴影的样式,让用户一眼看上去就知道是按钮,有点击的欲望。

如图,开启分享的按钮很容易教育用户

交互开始的第一步:触发器详解

2. 保证触发器每次都触发相同的动作

用户使用产品会存在一个学习过程,当用户通过一次触发器得到反馈之后,用户会将这次行为记忆下来,早起的电子产品用户学习的成本非常高,正是因为用户需要记住每一次,点击哪里,会有什么样的结果。想让用户流畅地使用产品,需要保持相同的触发器触发相同的动作。除非是给用户惊喜的地方。

3. 提前展示数据,反映交互包含的数据

简单地说,就是让用户知道会发生什么, 发生了什么,最后的结果。比如一个下载按钮,文案提示一定是“下载”,点击之后会显示下载中或下载进度,下载完成后会显示下载成功/下载失败。

当控件处于不同状态时:

  • 一个状态-一个按钮或简单手势足够
  • 两个状态-拨打开关较为合适
  • 多状态-通过键盘等操作
  • 范围连续动作,滑动态或者拨号盘

多控件组成的触发器尽量少用

4. 不要破坏视觉使用情境

如果触发器看起来像按钮,那么它就应该像按钮一样可以被点击。

5. 用的越多的触发器越要引人注目

  • 多数人经常要用的微交互,应该最引人注目
  • 少数人有时会用的微交互,应该容易注意到
  • 极少数人不常用的微交互,应该通过搜索找到

人注意周围环境的情况分两种

  1. 正在移动或有声音的,人天生对听觉的反应速度快于视觉。
  2. 主动搜寻,人在寻找东西时,视野会变窄,专注于辨别物体,对环境中的事物会下意识地识别和归类。人在识别物体时,会从基本的几何体开始分析,而现实中的物体也往往可以分割为各种简单的几何体,越简单的几何体越容易被用户在第一时间识别和记忆。

6. 不要引起用户对使用情境的错觉

微交互的目标就是把识别成本降到最低,别让用户猜触发器怎么工作。

最引人注目的触发器依次是

  1. 移动的物体,比如产生动作特效的图标
  2. 带使用情境和标签的物体,比如带标签的按钮
  3. 带标签的物体,比如带标签的图标
  4. 只有一个物体,比如单一的大按钮
  5. 只有一个标签,比如菜单项
  6. 什么都没有,不可见的触发器

无论什么交互界面都不可能保证所有的东西都能被立即发现,隐藏过一些东西可以让屏幕或物体看起来简单,同时还不会舍弃功能。

如图,讲简单的代表信息展示出来即可

交互开始的第一步:触发器详解

不可见控件能够起到强调可见控件的作用,让重要和不重要的控件得以区别。最好的微交互应该具有恰到好处的界面,而不是控件越多越好。

不可见的触发器应该能过轻易记住,当触发过一次不可见的触发器后用户只能依赖自己的记忆将其再次启动,比如,下拉刷新等。

除非真的没有地方或屏幕空间,否则不要把不可见触发器用于最高优先级的微交互。

7. 仅在触发器本身无法提供相应信息的情况下才使用标签

如图,设置按钮已经很明显了,就不需要再加上标签说明

交互开始的第一步:触发器详解

标签:

对某些触发器而言,标签也非常重要,标签可以作为微交互的名称或状态指示器,标签表明状态,说明动作,帮助用户确定是不是在执行自己要做的事情。

如果在已经较为复杂的界面,标签会增加触发器的复杂性。如果担心会引发歧义,那就不要使用标签。

微交互的目的在于清楚明确地传达功能,标签需要清楚明确,同一功能的标签需要统一,标签的设计需要简洁明了。

控件:

控件的状态一般分为以下几种

  1. 默认状态:不活动的空闲状态。
  2. 活动状态:如果后台有活动,可以通过触发器来表示。
  3. 悬停状态:web端一般可以通过鼠标悬停来做到,而移动端可以通过状态体现。
  4. 反转状态:用于表示存在或活动,可继续操作。
  5. 鼠标单击/手指点击/进行中:通过动作启动微交互,可以让触发器消失,文案变化等。
  6. 切换状态:通常应用于切换按钮上,点亮表示按钮打开。
  7. 设置状态:开关和滑动条可以体现微交互当前的设置和阶段。

系统触发器:

系统触发器无需用户介入,只要满足条件就会自动触发。

常见的启动条件有

  • 用户操作或系统出现的错误
  • 需要获取用户地理位置相关或满足地理位置
  • 收到数据
  • 内部数据
  • 其它微交互

最好在设置中提供选项让用户能够调整系统的触发器

系统触发器规则:

  • 启动的时间需要合适,不能打断用户的日常使用,在设定启动的时间时需要考虑尽可能多的用户使用场景
  • 启动频率适当,启动太过频繁对用户也是极大的干扰
  • 系统出错状态的交互也需要合理提示用户,不要给用户太生硬的提示

通过数据可以很好的了解用户启动的触发器。

最好的触发器应该是符合情景的,体贴用户的,触发器的控件应该与其要传达的状态匹配,且引人注目的程度要与其使用频率匹配,标签也应该简洁明了,通俗易懂。

一切规则的前提,触发器要能把用户带到实际的交互之中。

 

本文由 @placeless 原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/28981/

(0)
CatherineCatherine
上一篇 2017-05-22 17:27
下一篇 2017-05-22 19:37

相关推荐

  • 移动APP中各种类型的导航设计

    即使是移动应用界面的原型设计,导航的形式也可以多种多样。尽管尺寸小,又必须紧凑排列大量数据,它们似乎受到了紧密的约束,但依然有着形形色色的选择。 人们曾经一度只会考虑一种形式——流行且广泛使用的垂直导航…

    2014-11-06
  • 阿西JsutinMind日记 之 幻灯片自动播放与左右滑动

    新项目为了给客户演示高保真的移动设备交互原型,故采用JustinMind工具。 国内资料很少,好在阿西使用过多款交互设计工具,大体都差不多,摸索着前行吧。。。   1.认识一下JsutinMind里的,这个动态面板理论上…

    2015-03-23
  • 【交互基础】系列之解析移动端导航设计模式

    鉴于目前交互设计的知识体系较为混乱,我写了这个[交互基础]系列专题,旨在整理移动端交互设计基础知识。巩固自己的知识体系,也与大家共勉,打好基础,才能飞得更高!

    2017-04-30
  • 为网页设计师 Web 设计编写的简要历史

    编者按:互联网的诞生本就是一个奇迹,作为其中最重要的载体之一,网页就是这个大时代最重要的缩影,相关技术、设计伴随着信息共享催动着整个时代滚滚向前。这是一段简短的网页设计 发展史,我们可以看到技术、设计与思想的演进,看到无数有识之士改变世界的剪影。本文作者是网站Froont.com的联合创始人Sandijs Ruluks。

    2014-12-30
  • 如何从0到1设计用户激励体系,除了积分勋章还可以做什么?

    作者:子宸君   内容概要 什么是用户激励? 为什么要做用户激励? 用户激励作用的作用是什么? 如何从0到1拆解用户行为给出激励方案? 用户激励的副作用?   在互联网运营界,说起用户运营、内容运营、活动运营都避不开…

    交互专题 2017-08-07
  • 浅谈设计中的逻辑

    逻辑(理则学),源自古典希腊语λόγος (logos),最初的意思是“词语”或“言语”,还引申出意思“思维”或“推理”。逻辑经常被认为对论证评价准则的研究,尽管逻辑的精确定义在哲学家之间尚有争议的事情。这个主题还是有所…

    2014-09-19
  • 超好看APP交互设计~

    设计APP,不是简单的把界面绘制好,漂亮的色彩搭配、可爱、卡通或者扁平化的图标设计等等。如今的移动APP界面设计,更要追求有趣与实用的完美结合。今天,小编分享来自印度的设计师Joney vino的超好看APP交互设计作品。第一款是APP交互设计是关于免费试驾APP的选车界面与整个选车的流程。整个过程就是把选车类型、日期、人数等功能元素在流畅的界面转换场景当中完成。追求一气呵成。很不错的免费试驾体验。第二个APP交互设计当中的有趣、创意与...

    2018-03-03
  • 我对QQ音乐的体验:关于探索音乐的故事。

    作为一名两年的QQ音乐app用户,当初我使用它的原因在于精美的界面设计和众多高质量的音乐资源。而现在,我每天都有听歌的习惯,这个我常用的软件也成为了不能缺少的部分。我接下来从探索音乐的角度分析QQ音乐手机客户端的一些功能和体验,仅代表个人观点。

    2017-06-02
  • 进阶必读的15本交互与用户体验设计经典书!

    今天小创整理了交互设计与用户体验设计领域的经典书单推荐给大家,不过真的想要在交互、用户体验领域的学习有所提升,除了读书外,多下载APP,多研究热搜榜上的应用,同时iPhone、Adroid等各类设计规范,是最好的交…

    2015-11-03
  • 搜狐交互设计师:我常用的一套交互设计工具

    刚开始接触交互设计往往会面临自己的想法找不到合适的方法输出。所以完成基本工作同时也在积极寻找、学习适合自己又和工作环境相匹配的工具。与团队成员配合的时候没有人会在意你是用什么工具,成员们只想看到设计师产出的输出物。这个时候针对不同任务类型和团队大小找到合适的工具可以让设计师迅速输出团队想要的结果输出物,事半功倍。

    2017-05-25