interaction desgin

简单、好用 1

简单、好用

交互设计的定义

• 交互设计是人工制品、环境和系统的行为，以及传达

这种行为的外形元素的设计与定义。

• 它不像传统设计学科主要关注形式（现在则也关注内

容和内涵）而交互设计首先旨在规划和描述事物的行

为方式，然后描述传达这种行为的最有效形式。

形式

内涵

行为

资料来源：Alan Cooper 著《About face 2.0》

2

演示者

演示文稿备注

当我们把活动前期准备完成后，我们就开始关注页面的结构及用户的交互一个交互的定义�交互在现在已经无处不在，包括了生活工作等各种大大小小的行为和动作，比如，您拿起手机，使用手机拨号给您的其他人的时候，从拿起手机一直到通话结束挂机，就是一个典型的交互过程，交互的主角是人，即使用户，对象是手机，也可以形容成产品。主角和对象是固定的，但是周遭的环境、时间并不是固定的，这说明您可以是在电梯里、走廊里、办公桌前、甚至是床上等等任何地方，而时间也可能是清晨、中午或者是晚上的任何时间产生的交互，所以当我们设计一个产品的时候，就必须将环境、时间对人的因素一并计算入内。一个交互过程，有可能因为产品所设计的交互过程不合理，让用户进行交互的时候异常烦琐，而导致用户无法获得积极的用户体验，从而降低用户的忠诚度、购买意愿、满意度等等。总的来说，交互设计的目标，就是获取完美的用户体验（UE）。用户体验是一个目标，而不是一个设计方法，只有经过大量的用户评价，才能够确认产品是否已经获得了良好的用户体验。因此，任何产品在未经过大量用户评价而宣称自己拥有良好的用户体验，都是一种浮夸的吹捧。

简单、好用

交互设计原则

• 用于解决行为、形式和内容问题的指导准则

• 原则为之服务的主要目标是优化用户在使用时的体验

3

简单、好用

交互设计原则

优化意味着减少用户工作量

• 逻辑工作－对文本和组织结构的理解

• 知觉工作－识别形状、大小、颜色、视觉布局和语义

• 记忆工作－回忆密码、空间位置和名字，及其它关系

• 物理／运动神经工作－鼠标移动程度，使用姿势（单击

、拖、双击），输入模式……

4

简单、好用

交互设计原则

• 不同组织层次的运作

5

界面层次

交互层次

概念层次

简单、好用

交互设计规则

交互设计师应该创建具有以下属性的设计方案

• 伦理的（能体谅人、有帮助）

• 有意图的（有用、可用）

• 注重实效的（能生存的、可行的）

• 优雅的（有效、巧妙的和情感的）

6

简单、好用

交互设计规则

伦理的（能体谅人、有帮助）

• 不要伤害

• 人际伤害（失去尊严、蒙受羞辱）

• 心理伤害（困惑、不舒适、沮丧、强迫、厌烦）

• 物理伤害（痛苦、剥夺、死亡、安全降低）

• 环境伤害（污染、生物多样性减少）

• 社会和社会学伤害（剥削、不公正的产生）

7

简单、好用

交互设计规则

伦理的（能体谅人、有帮助）

• 改善人类状况

• 增强理解（个体、社会和文化）

• 增强个体和团队的效率／有效性

• 改善个体和组织之间的交流

• 减少个体和组织之间的社会文化紧张关系

8

演示者

演示文稿备注

仅仅不用伤害是不充分的

简单、好用

交互设计规则

• 有意图的（有用、可用）

• 基于对用户目标和动机的有意识设计。

• 注重实效的（能生存的、可行的）

• 有用的规范

9

简单、好用

交互设计规则

• 优雅的（有效、巧妙的和情感的）

• 表达最简单的完整方案，以少实现多、经济

• 拥有一致性

• 合适地包容、刺激认知和感情

10

简单、好用

奥卡姆剃刀原理

11

简单、好用

奥卡姆剃刀原理

• 14的世纪哲学家、圣方济各会修士奥卡姆的威廉（

William of Occam，约1285年至1349年）提出的一个

奥卡姆原理。

• 奥卡姆立下一条准则：“实际存在的东西决不可不必

要地添枝加叶”。

12

http://bk.baidu.com/view/71445.htm

简单、好用

交互设计中运用奥卡姆剃刀原理

• 这个原理是告诫人们“切勿浪费较多东西去做用较少

的东西同样可以做好的事情。”

• “如无必要，勿增实体。”

13

简单、好用


• 奥卡姆剃刀原理在交互设计中：

• 不必要的元素降低设计效率，增加不可预料结果的机率

• 不必要的元素，不论是生理的，直观的，还是认知的，

都会降低性能；

• 不必要的元素潜伏着失败或问题。这个原理还有个美感

要求，它把从设计中去掉不必要的元素比做是从溶液中

去掉不纯洁的东西——设计是一种更整洁，纯洁的结果

14

简单、好用


相关理论

• 在条件相同的情况下，要求得越少的哪个就越好，越有价值。——罗伯特·格罗斯泰斯特(Rober Grossteste,1175～1253,牛津大学第一任校长)

• 自然界选择最短的路。——亚里斯多德

• 如果某一原因既真有足以结实自然事物的特性，则我们不应当接受比这更多的原因。——艾萨克·牛顿

• 万事万物应该最简单（Make everything as simple as possible, but not simpler ）。——阿尔伯特·爱因斯坦

15

简单、好用

一致性原则

• 导航信息的混乱。

16

简单、好用

一致性原则

• 按钮展现方式的不一致。

17

简单、好用

一致性原则

• 叙述内容的不一致。

18

简单、好用

一致性原则

• 审美一致

• 风格和外观一致。审美一致增强识别度，传递相关组成部分信

息，引发情感期待。

如标识、字体、色彩组合。

19

简单、好用

一致性原则

• 功能一致

• 意义和行为一致。功能一致人们能积极利用现有知识，

使产品更易学易用。

如带下划线的文字即可点。

20

简单、好用

一致性原则

• 内部一致

• 与系统内的其他组成部分保持一致。内部一致建立起产

品与用户之间的信任。在任何逻辑分组里，组成部分都

应该在审美和功能上保持一致。

例如网站中的icon系统。

21

简单、好用

一致性原则

• 外部一致

• 与同一环境中的其他系统保持一致。外部一致把一致的

好处延伸到多个独立系统，但不同的系统很少遵循共同

的设计标准，因此很难达到。

如网站的后台发布与前台系统。

22

简单、好用 23

简单、好用 24

简单、好用

谢谢！

巫桂华 Huaca woo

Mail:[email protected]

MSN:[email protected]

25

interaction desgin

Technology