化繁为简的七个原则

yanglu
Posted by yanglu on 四月 06, 2012
交互设计
7个原则

 

最近拜读了人称设计师必读经典的《设计心理学》,收获良多,作者诺曼提倡以用户为中心的设计,即应以用户的需求和利益为基础,以产品的易用性和可理解性为侧重点.在这个强调个性化的时代,还有多少设计师谨记要以用户为中心的设计理念?

下面和大家分享书中的“ 化繁为简的七个原则”

随着设计项目的深入,功能的完整化,我们往往会发现操作过程变得越来越复杂,功能越来越混乱,设计人员如何才能将复杂的操作过程变得容易些?

以下就是化繁为简的七个原则:

1.应用存储于外部世界和头脑中的知识

存储于外界的知识具有自我提醒功能,它帮助我们回忆起容易遗忘的内容,例如键盘上面印有字母,提醒我们字母的位置.

存于头脑中的知识具有高效性,它无需对外部环境进行查找和解释,例如学习盲打而进行的快速输入.

假如用户能够把需要的知识内化,也就是说把知识存储于头脑中,操作起来就会更快,效率更高.所以设计应当容许用户把外界知识与头脑中的只是结合起来,用户可以视情况决定使用哪一种知识,若有必要,还可以在外界知识和头脑中的知识之间简历起互补关系.

可是想要利用头脑中的知识,我们必须先通过学习,才能将其储存在头脑中,这就需要付出相当多的努力.外界知识学起来比较容易,但用起来难,它的作用在很大程度上依赖于它是否在物质世界持续存在,因为环境一旦变化,外界只是就会随之变化.

2.简化任务的结构

设计人员应当简化产品的操作方法,通过新技术对复杂操作加以重组.下面是四种主要技术方法.

  • 不改变任务结构,提供心理辅助手段
  • 利用新技术,把原本看不见的部位显示出来,改善反馈机制,增强控制力.

汽车和飞机上的仪表盘并没有改变用户的操作任务,而是将发动机和机器其他部分的运转状态显示出来,用户虽然不能直接接触到这些部件,但通过仪表盘,就能获悉有关这些部件的信息。

  • 自动化,但不改变任务性质.

自动化保持了操作任务的核心,只是取消了部分的操作步骤.汽车上的自动换挡装置减轻了一部分我们驾车的脑力负担.

  • 改变操作性质.

有些操作看起来很复杂,因为在操作时需要一定的手工技能.应用科技改变这些任务的结构,就能很大程度上改操作的要求.例如我们常见的可粘式鞋带的例子,就连小孩和手指不灵活的成人都会自己系鞋带.

3.重视可视性,消除执行阶段和评估阶段的鸿沟。

设计人员重视可视性,用户便可在执行阶段明白哪些是可行的操作及如何进行操作,并可在评估阶段看出所执行的操作造成了怎样的结果.

设计人员还应该注意操作行为与操作意图之间的匹配,使用户很容易看出并理解系统在操作过程中的状态,也就是说,要把操作结果明显地表示出来.

4.建立正确的匹配关系

设计人员应当利用自然匹配,确保用户能够看出下列关系:

  • 操作意图与可能的操作行为之间的关系.
  • 操作行为与操作效果之间的关系
  • 系统实际状态与用户通过视觉、听觉和触觉所感知到的系统状态这两者间的关系.
  • 所感知到的系统状态与用户的需求、意图和期望之间的关系.

5.利用自然和人为的限制性因素。

要利用各类限制因素,使用户只能看出一种可能的操作方法,即正确的操作方法.

简单的拼图游戏应用了各种限因素,每一步只有一个正确的操作方法,显示出自然匹配和限制因素的功能.

6.考虑可能出现的人为差错。

设计人员应当考虑用户可能出现的所有操作错误,并针对各种差错,采取相应的预防或处理措施.

要设想用户试图要做对每一项操作,只是对操作的理解不全面或是不恰当,才会出现差错;要把用户的操作过程视为产品与用户之间自然的、有建设性的对话的一部分,设法去支持,而不是去打击用户在对话中做出的回应;要让用户发现差错可能会造成的负面影响,并使用户能够比较容易地取消错误操作,让系统恢复到以前的状态;还要有意增加那些无法逆转的操作的难度。设计出的产品应该能够让用户自己探索操作方法,而且还应利用强迫性功能。

增加无法逆转的操作的难度,避免用产生错误操作,造成损失.

7.最后选择,采用标准化。

若在设计某类产品时,无法避免随意的匹配关系和操作中的困难,那就只有一个选择—标准化.可以把操作步骤,操作结果,产品的外观和显示方式标准化,或者把产品及其问题标准化,建立一套国际标准.

分享到:

发表评论

电子邮件地址不会被公开。 必填项已被标记为 *

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>