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

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


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

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

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

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

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

触发器原则

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

相关推荐

  • 微信红包后台系统可用性设计实践

    作者:方乐明(现任微信支付应用产品系统负责人,主要从事微信红包、微信转账、微信群收款等支付应用产品的系统设计、可用性提升、高性能解决方案设计等,曾负责 2015、2016 和 2017 年春节微信红包系统的性能优化…

    交互专题 2023-03-03
  • 不可思议!VR虚拟现实的第一个盈利领域竟是A 片

    [alert_info] 据预测,虚拟现实色情产业到 2025 年将达到 10 亿美元。去买个虚拟现实头盔来看黄片吧。 网友评论: 太污了 我没法看下去了…… [/alert_info] 现在的虚拟现实产业就像打了鸡血一样。当你带上虚拟现实头…

    2016-01-24
  • 从三个案例出发,聊聊交互设计师的核心价值

    交互设计师的核心价值是什么?这个问题很经典,知乎上有这样的提问,面试中也会被问到。为了避免过于空洞和理论,本篇结合三个小案例来聊聊我的理解。

    2017-05-30
  • Facebook副总裁:为什么我们把汉堡菜单换成了标签栏?

    如果你希望某个重要的东西被用户看到、用到,那么很简单 – 把它放在用户一定看得到的地方,别让他们去找。

    2017-05-19
  • 交互设计差异化:WebAPP和APP

    WebAPP和原生APP同为移动端,很少有研究这两项的交互区别,最近公司做了一次从原生APP到WebAPP(HTML5 )的移植,故总结一下期间遇到的问题及不同点总结。 从使用场景上,WAP用户面临比APP用户更严峻的问题: 1、页…

    2015-01-26
  • 大势APP的用户体验究竟“火”在哪儿?

    周一:AE动效 | 如何入手创作才能更加真实?周二:马克笔如何通过"叠加技法"精准调色周三:更快更好 | 手绘板也能比着尺子画!?周四:观点 | 交互设计在未来会有多火?周五:大势APP的用户体验究竟“火”在哪儿?周六:如何看懂艾迪.斯理曼的Dior Homme周日:学珠宝设计我们推荐给你的必看书目本期主讲老师▼用户体验设计UX是交互设计中非常重要的一点,每个APP根据适用人群和功能设计的不一样,都会有不同的用户体验,下面来说一说在众多...

    2018-04-07
  • 快速学习时序图:时序图简介、画法及实例

    时序图作为常用的UML交互图,可以直观的传达系统内外之间的交互过程,经常用在详细设计文档中。下面本文综合参考了多篇时序图的教程,根据作者的思路将时序图做了更深入的讲解。

    2017-05-06
  • 常见的App应用界面交互框架

    掌握常见的APP应用界面交互框架,了解他们各自的优缺点,使用时才能游刃有余。你还在等什么呢?赶快去学习吧。标签式、跳板式、列表式和旋转木马等在等着你。 1>标签式 优点: 1、当前位置入口清晰   2、轻松在…

    2014-11-19
  • MacBook Pro 真机上手:Touch Bar 究竟是不是好设计?

    9 年前,iPhone 的诞生,多点触控开始成为一种全新的人机交互方式。 4 年前,当一票“超极本”不加思索地把触控移植到电脑屏幕上,时任苹果工业设计师的 Jonathan Ive 说: 多点触控放在笔记本的显示屏上……不太适合。…

    交互设计 2023-03-03
  • 译文|移动体验设计禁忌

    就移动用户体验设计而言,不断地实践是检验其好坏的一条必经之路。在这篇文章中我们聚焦于基础。我们需要去解决的是如何避免打断用户或者强迫用户思考的问题。

    2017-05-20