《微交互》_z迷的读书笔记（一）

本文章是一篇读书笔记，是我自己看完《微交互》一书后，记录下来的笔记，一直想养成写读书笔记的习惯，系统的有逻辑的看一本书。
这篇写的是第一章和第二章的内容。

刚看完《微交互》一书，所以梳理了一篇关于本书的读书笔记。（考虑到站酷发文章字数限制，所以我分为一.二.三篇来写）

该书讨论一种思维方式：撇开壮观宏大，由上而下的设计，重视自底而上，精心构思的细节。这些小地方是设计师最擅长的地方，举手之劳，就能立竿见影，活灵活现。这是改变世界的另一种方式：在看似无关紧要的时刻释放令人心动的体验。

首先做了个思维导图，可以让自己系统化的看到这本书的逻辑。（如下图）

第一章  设计微交互

微交互只需要瞬间，可能没人注意。

手机静音就是微交互的一个例子。微交互，就是产品中涉及一种使用场景的交互，只体现了一种功能，只完成一件事。什么是功能，什么是微交互？

一.微交互不是功能，但很重要

微交互与功能的区别，主要在于规模和范围。功能一般都比较复杂（多种用途），需要花较多时间熟悉，而且涉及认知的塑造。微交互一般都简单明了，认知上毫无压力。比如，音乐播放器就是功能，而调节音量则是这个功能中的一个微交互。

微交互适合如下应用场景：

a.只完成一项任务

b.连接不同的设备

只影响一个数据，比如股票价格或温度

控制正在进行的过程，比如切换电视频道

调整某项设置

查看或创建一小部分内容，比如状态消息

打开或关闭某个功能

1.微交互不容小视

微交互可以是产品的组成部分，也可以是整个产品。以烤面包机为例，它只做烤面包这一件事。烤面包机只有一个使用场景。从本质上说，这种设备就只是一个微交互。

微交互经常是在设计和开发产品的最后阶段才被考虑的事情，因此往往不受重视。但忽略微交互是个错误。产品设计的好坏，取决于产品中最小的那一部分设计得如何。

在竞争激烈的市场环境下，微交互显得格外重要。如果产品的功能类似，那只能靠使用产品的体验来扩大销量并提升品牌的忠诚度。

微交互强迫设计师简化工作.注重细节，要求设计师比拼谁的设计更轻巧.更简明.更流畅，而不是更笨重。

2.微交互秘史

交互设计以及人机交互的历史，实际上就是微交互的历史.今天，我们在桌面和笔记本电脑中.在移动设备中习以为常的那些交互方式，都曾引发过微交互设计的革命。无论是保存文档，还是把文件拖到文件夹，还是连接到Wi_Fi网络，都曾经是精心设计的微交互。就连滚动和打开多个窗口这么“基本的”交互方式，也都要经过设计。

技术发展史的背后隐藏着微交互的发展史。微交互与技术之间的关系就像共生生物，他与技术相伴而生，如影随形，但却影响.管理和控制技术。

3.微交互的结构

触发器  规则  反馈  循环与模式

这四个部分是设计和分解微交互的一种方式：触发器启动微交互.规则规定微交互的工作过程.反馈向用户说明规则.

循环与模式是影响微交互的元规则

4.微交互的设计理念

把微交互集成到产品中有三种方式。

a.逐个设计微交互

找出所有可能的微交互，列一个微交互的单子，然后各个击破。最终你会得到一流的微交互。可能还会创造出标志性时刻。标志性时刻就是那些成为产品差异化标志的微交互。标志性时刻有助于提升客户忠诚度和品牌差异化。

b.把复杂的应用程序简化为个别的产品，每个产品构建于一个微交互之上。

这是一种把微交互作为产品的策略，既让产品专注于一件事，而且把这件事做好。把产品简化到极至，这也是很多创业公司的理念，它们坚持把一件事做好。这种“最小化的可行产品”可能就是一种微交互。Evernote最初也源自一个简单的微交互：跨平台记事。

c.把最复杂的数字产品掰开揉碎，发现它由及十甚至几百个微交互构成。可以把产品当成所有这些微交互和谐共处的结果。

这种方式下的产品设计之美，在于它反映了很多公司都大力倡导的小型化.敏捷式的工作方法。当然，缺点就是可能会迷失在微交互中，只见树木不见森林，最终导致所有细节不能构成整体。这种工作方式需要更多时间和努力。

对于那些以快速完工而著称的公司来说，这条路并不容易走通。说实话，这种方式对任何设计师也同样都是挑战，因为客户和干系人会更关注全局，而不是那些能够增强功能或改进全局体验的小细节。要说服业务和开发团队，让他们认可在微交互设计上多花时间可不容易。对设计和开发人员而言，这就意味着延长工期。但这时间确实值得花。

第二章  触发器

设计触发器的规则

a.触发器必须让用户在使用情境下认出来其是触发器。

要把它设计得让人一看就知道能通过它做什么，而且要吸引人。

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

唯有如此才能保证用户对微交互形成准确的心智模型

c.提前展示数据

在微交互开始之前或者启动过程中，最有价值的信息在这时候展示出来。比如股市应用，它可以通过颜色或箭头表示当前市场或股票的状态，提醒用户是否有必要启动微交互。此时的触发器本身就是一个背景信息，用户扫视时注意到它就可能启动微交互。（谷歌的chrome浏览器图标（启动浏览器的触发器）也会显示当前下载任务和下载进度）

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

如果触发器看起来像按钮，那它就应该像按钮一样能被按下去。

e.用得越多的触发器越要应人注目

判断触发器需要多引人注目的黄金规则：

多数人经常要用的微交互，应该最引人注目

少数人有时会用的微交互，应该容易注意到

极少数人不常用的微交互，应该通过搜索找

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

微交互的目标就是把识别成本降到最低，千万别让用户猜你的触发器怎么工作。因此要尽量使用标准控件。

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

鉴于标签会增添触发器的复杂性，需要额外的关注和思考，因此若非担心引发歧义，不要使用标签。

现在最火的网游阴阳师截图为例，（准备按钮）用户一看就能看出他是准备开始的触发器，而且保证触发器每次都触发相同的动作_准备，触发器看起来像按钮，它就像按钮一样能被按，准备按钮用得越多的触发器越要引人注目，因此它比（点击弑神区域配置弑神）要更引人注目。

1.手动触发器

手动触发器通常源自用户的期待或需求：“我想打开电视。”“我想关掉手机铃声。”从总体来看，理解用户想要的（或需要）做什么，什么时候想做，以及在什么情境下想做是非常重要的。这些问题决定了手动触发器在什么时候，什么地方出现。或许任何情况下都必须可用，比如开关按钮。或者跟使用情境紧密关联，只有各种条件必备的时候，比如进入特定的模式或者进入应用的特殊功能区域时才发现。Microsoft Office 的“迷你格式化工具条”只在你选中文本时才会发现。

理解用户需求的方式有很多，借助设计研究（观察.访问.演习）或凭借对相关领域的直觉和理解去体察是常见的方法。而等到产品测试.产品发布或上市时再认识到用户需求就为时已晚。

让触发器的位置跟用户需求（何时.何地）相吻合是非常关键的。

2.触发器的构成

手动触发器包括三部分：控件.控件状态.文本或图示标签。

a.控件

选择什么样的控件，取决于你想给出多少个控件。

* 对于一个动作（例：“快进”）一个按钮或简单手势足以。这里的“按钮”可以是图标或菜单项，而手势可以是轻击，滑动或摇动。当然按钮同样也可以是（或者搭配）一个键盘命令或一个手势。

* 对于有两个状态(例如“开”或“关”）的动作，一个波动开关足矣，拨动开关当然可以，但问题是按钮很难表现状态，因此不能让人一目了然，甚至用户不会想到按钮还有另一种状态。第三种（或许也是最差的）可能是使用常规按钮，按一下改变状态。如果你想使用这种方法，那应该保证按钮状态绝对清楚。灯本身就有清楚的开关状态，因此常规（非拨动）按钮可以用于控制灯的打开和关闭。

* 对于有多个状态的动作，可以使用拨号盘。除了有一个止动装置，拨号盘还有一个推／拉状态。另外，也可以使用一组按钮，每个按钮代表一个选项。

* 对于在一定范围内连续进行的动作（例如调节音量），滚动条或拨号盘（特别是能够快速旋转的jog dial转点通滚轮）是最佳选择。另外，特别是在没有一定范围的情况下，可以使用两个按钮来改变值的大小或高低。

有些手动触发器由多个控件或表单字段（单选按钮。复选框。文本输入字段）之类的元素组织。

* 除了按钮。开关。拨号盘等传统控件之外，还可以有自定义的控件。自定义控件可以让微交互显得别具一格，甚至可以使微交互成为标志性时刻。自定义控件也可以是手势或触摸方式。

b.控制状态

* 默认状态

不活动的空闲状态

* 活动状态

如果后台有活动（比如下载.更新或同步），可以通过触发器来表示。

* 悬停状态

可以给出一个提示条式的说明.扩展触发器的大小以展示更多控件或表单字段，或者就简单地显示为当前控件是可以点击的。更进一步，还可以通过悬浮展示微交互中的数据。比如，悬停在天气预报应用的图标上时，不用启动应用就可以提前展示数据，显示当前的天气。

* 翻转状态

经常用于表示存在或活动，或者只添加一个指示器，表明光标位置正确，可以继续操作。未登录时点击评论输入框，YouTube就会提示登录或注册。

* 鼠标单击／手指轻击／进行中

正在启动微交互，此时，可以让触发器消失.打开.改变颜色，或者变成表示微交互加载过程的进度条。另一种可能是触发器不立即启动微交互，而是扩展显示更多控件。比如，点击“保存”按钮可以打开一个窗体询问是“覆盖”还是“另存为”。

虾米的播放／暂停控件表示一首歌的播放时间。

* 切换状态

开关和按钮可以表明自己当前的状态（左／右.上／下或按过／未按过）。实体设备上的开关可以让人一目了然，按钮需要有其他搭配的指示装置，比如发光LED表示按钮被按下。

* 设置状态

拨号盘.开关.和滑动条可以显示微交互当前的设置和阶段。

这些状态通常由触发器改变外观或展示动画来表示，但有时候也可以通过指示灯（如触发器旁边的LED灯）来表示。切记，跟触发器不是一体的状态指示器一定要放在触发器旁边。

c.标签

对某些触发器而言，标签也是非常重要的部分。标签可以是微交互的名称，也可以作为状态指示器，比如拨号盘每个止动装置的名称。标签是界面。

标签的作用显而易见：标签说明动作，帮助消除歧义。不过，鉴于标签会增添触发器的复杂性，需要额外的关注和思考，因此若非担心引发歧义，不要使用标签。最好的结果当然是控件设计得毫无歧义。

含糊其辞是标签最大的忌讳，标签必须明确。

一致性同样重要。由于标签可能是名称，所以一定要保证所有地方（微交互本身.状态.设置.数据)的标签名称统一。不要这里叫“警告”，那里又变成了“警示”。

把标签用好的根本就是要以使用者的语言来撰写它。如果标签中包含技术术语，那用户也应该是技术人士；否则，不如用随意的大白话。毫不夸张地说，大多数可用性问题都是由于滥用标签（或根本没有标签）导致的。

3.系统触发器

系统触发器无需用户介入，只要满足条件（一个或多个）就会自动触发。

系统触发器启动的常见条件

a.错误

系统出错时，经常会通过微交互来解决问题，比如询问用户想怎么办，或者只是显示一条消息说明出了什么问题。

b.位置 

位置可能是各种尺度:国家.城市.街道，甚至特定的房间。满足其中任何尺度的用户都可能触发微交互。

c.收到数据

电子邮件.状态消息.软件更新.天气预报.亮度变化等进入联网设备和应用的数据，都可能触发“您有一封新邮件！”之类的微交互。

d.时间或系统资源等内部数据也可能是触发器启动的条件，比如，过一段时间屏幕自动降低亮度。

e.其他微交互

这是一种特殊的触发器，由其他微交互触发。最简单的例子就是向导式界面：第一步（微交互）结束触发第二步（另一个微交互），以此类推。

f.其他人

在诸多社交关系中，其他人的行为（例如，回应聊天，发表照片或消息，申请成为朋友），也可以成为触发器。

END

谢谢观看，欢迎赏赞

转载此文章条件：

        署名：Z设团-Z先生

        并附带站酷原文链接