《交互设计精髓》读书笔记

1      交互设计是什么

视觉设计是关于界面形态的设计,交互设计是关于产品行为的设计。良好的视觉效果可以让初次体验的用户赏心悦目,体贴、人性化的行为是让产品成为用户的好伙伴并维持长久关系的关键。做好交互设计，可以创造友好的用户体验，让数字产品无形地存在于我们的生活中，被我们使用。真正地使科技进步简化我们的生活，带来生活的快乐。而不是因为科技的复杂，使我们的生活更加混乱不堪。我们在使用产品时不会惶恐，不会对未知恐惧，而像是将要打开的魔法盒，里面充满了惊喜和美好。用户在使用产品时处于沉浸状态，而不会觉得将要面临什么任务或者挑战。

现有数字产品在改变人们以往生活方式的同时，也使人们变得浮躁。用户更像是出于某种目的去刻意使用产品，因为摸不到实物，数字产品要花费人们更多的精力和注意力。设计系统优美的交互行为，就如电视剧剧情，如何铺垫前奏、如何款款而来、如何演绎高潮、如何深情收尾。交互设计就是交互行为设计以及行为的管理。

2      交互行为的管理——交互框架

交互框架不仅要对高层次的屏幕布局进行定义，还要定义产品的工作流、行为和组织。以下6个步骤描述了交互框架的整个定义过程。

---

1、定义形式要素、姿态和输入方法

形式要素：产品依托的实物形态。手机、电脑、信息亭等。

产品基本姿态：用户将会投入多大的注意力和产品互动，以及产品的行为将会对用户投入的注意力做出何种反应。

输入方法：用户和产品的互动方式。键盘、鼠标、声音、触摸屏等。

---

2、定义功能性和数据元素

数据元素：交互产品中的基本主体。

功能元素：针对界面中的数据元素及其显示所做的操作。包括数据元素操作工具，以及数据元素的视觉和结构化管理方式。

---

3、确定功能组和层级

将数据和功能元素分组：

哪些元素需要大片的视频区域，哪些不需要？

哪些元素能够容纳其他元素？

容器如何组织才能优化工作流？

哪些元素需要捆绑使用？哪些不是？

相关联的元素使用时顺序如何？

哪些数据元素有助于人物模型做出决定？

采用何种交互模式和原则？

人物模型的心理模型如何影响元素组织？

把数据和功能纳入屏幕、框架或网格等高层次容器。

采用缩略图或韦恩图记录这些分组关联。

---

4、勾画交互框架

采用方块图表示每个功能组和容器。框架草图可以勾画出设计方案的梗概，画出几个关联且按顺序排列的屏幕状态。

---

5、构建关键线路情景剧本

关键线路情景剧本在细节上严谨地描述每个主要交互的精确行为，并提供每个主要线路的走查。用故事板完成关键线路情景剧本。

---

6、运用验证性场景来检查设计

运用关键线路情景剧本来验证主要的交互设计。

用替代场景、必须使用的场景、边缘情形场景来补充和调整设计方案。

3      产品的行为是什么——设计原则

产品的行为是产品如何获取用户的行为以及如何演绎这种行为的后果。

---

用户与产品交互的方式有多种，包括点击、输入、语音、选择、拖动等。一些设计原则可以帮助我们选择特定场景下，用户与产品的交互方式：

如果用户愿意操作，就值得程序记住。

不要让用户请求许可。

任何输出之处应允许输入。

给用户提供一个现成的模板。

---

演绎产品行为的原则：

软件应该像人一样体贴。

不论界面多酷，越少越好。

不要用对话框报告。

不要愚蠢的打断进程。

重大改变必须显著优秀。

丰富的视觉反馈是成功的直接操作的关键。

尽可能用视觉表达顺从。

从视觉上传达功能和行为。

将功能置于需要他们的窗口中。