N多有用的规则

唐凯峰
2012-02-25 看过
一个月前买了这本书,读完后获益匪浅,可以说是我看过的这类书中最好的。作者将心理学的基本原理与设计的基本原则有机地结合在一起,让设计者看破事物的表层,用心设计。本书共12章内容,以下是前十章的笔记,第11章和第12章是介绍具体方法的,很重要很有用,但因为内容太多,就没列出来了。有兴趣的读者 可以去购买此书,值得一看。

第1章

不同页面上相同功能的控件和数据应该摆在每一页上相同的位置,而且它们还应该有相同的颜色、字体和阴影等。

第2章

格式塔原理

1. 接近性

通过拉近某些对象之间的距离,拉开与其他对象的距离使它们在视觉上成为一组,而不需要分组框或者可见的边界。

2. 相似性

如果其他因素相同,那么相似的物体看起来归属于一组。

3. 连续性

我们的视觉倾向于感知连续的形式而不是离散的碎片。如IBM标志、滑动条控件等。

4. 封闭性

我们的视觉系统自动尝试将敞开的图形关闭起来,从而将其感知为完整的物体而不是分散地碎片。如仅仅显示一个完整的对象和其“背后”对象的一角就足以让用户感知到由一叠对象构成的整体。

5. 对称性

我们倾向于分解复杂的场景来降低复杂度。如用平面显示来表现三维物体。

6. 主体/背景

当一个小物体或者色块与更大的物体或者色块重叠时,我们倾向于认为小的物体是主体而大的物体是背景。

如果差别不明显时,则依赖于观察者的注意力焦点。

可用于如主题水印、弹出信息等。

7. 共同命运

一起运动的物体被感知为属于一组或者是彼此相关的。如拖动被选中的几个文件。

第3章

信息呈现方式越是结构化和精炼,人们就越能更快和更容易地扫描和理解。

1. 一个长串的数字可以用两种方式分隔:

l 用户界面明确地为不同部分提供独立字段(用三个文本框填分别写年月日);

l 界面提供一个字段,但允许用户输入时将号码用空格或者其他符号分隔开(可用于填写电话号码、信用卡号码时的文本框)。

2. 设计者可以用控件而不是用简单的(不论分隔还是不分隔的)文本输入框来显示某个具体类型的数据的值和接收输入(日期控件)。

3. 将分段的文本字段和数据专用控件合并起来(邮箱登录地址)。

可视化信息显示能够:

l 将信息分段,把大块整段的信息分割为各个小段;

l 显著标记每个信息段和子段,以便清晰地确认各自的内容;

l 以一个层次结构展示各段及其子段,使得上层的段能够比下层的更重点地被展示。

第4章

糟糕的信息设计会影响阅读,包括:

l 不常见和不熟悉的词汇

l 难以辨认的书写和字型

l 微小的字体

l 嘈杂背景下的文字

l 信息被重复的内容淹没

l 居中对齐的文字

所以要尽量少让人阅读。

第5章

三种因素影响我们区分颜色的能力:

深浅度:两个颜色越浅(不饱和),就越难将他们区分开(不要用浅色标记重点项);

色块的大小:对象越小或者越细,就越难辨别它们的颜色(图例的色块要够大);

分隔的距离:两个色块之间离得越远,就越难区分它们的颜色,尤其是当它们之间的距离大到看它们时眼球需要运动。

使用色彩的准则:

1. 用饱和度、亮度以及色相来区分颜色。避免采用轻微的差别。确保色彩之间有较高的反差(但要参考标准5)。一个测试颜色差异的办法事在灰度模式下观察。如果你不能在灰度模式下区分出不同的颜色,那么这些颜色的差别就不够。

2. 使用独特的颜色:红、绿、黄、蓝、黑和白。

3. 避免使用色盲的人无法区分的颜色对。深红和黑、深红和深绿、蓝色和紫色、浅绿和白色。不要在任何背景上使用深红色、蓝色或者紫色。相反,在浅黄色和浅绿色背景上应该使用深红、蓝色和紫色。

4. 在颜色之外使用其他提示。如小图标。

5. 将强烈的对抗色分开。

第6章

让出错信息可见的常用方法:

1. 放在用户所看的位置上。

2. 标记出错误的具体位置。

3. 使用错误符号。

4. 保留红色以呈现错误(信息)。

5. 需要谨慎使用的几种方法:

l 弹出式对话框;

l 使用声音;

l 闪烁或者短暂的晃动;

第7章

短期记忆的特点对用户界面设计的影响:

模式:要么哦避免模式妖媚提供足够的模式反馈的原因。

搜索结果:显示用户的搜索词。

指令:允许人们在完成所有操作步骤的过程中随时查阅使用说明。

长期记忆的特点对用户界面设计的影响:

安全密码:用户可以自定义问题。

快捷键:尽量使用通用的。

第8章

交互系统应该分别标识出哪些是用户已经完成的,而哪些是用户还没完成的。应该允许用户标记或者移动对象,以便分别标识哪些是他们已经做过的,哪些是还没做过的。

第9章

1. 看到和选择比回忆和输入要容易。

2. 尽可能地使用图像来表达功能。

3. 使用缩略图来紧凑地描述全尺寸的图像。

4. 越多人使用的功能,应该越可见。

5. 使用视觉提示让用户知道他们所处的位置:

6. 网站所欲页面都应有一个通用的特定的视觉风格。

7. 网站授权时,显示网站的标志性图标(新浪微博)。

第10章

1. 显著地标识系统状态和用户当前进度。

2. 引导用户完成他们的目标。确保在每一次做决定的时候提供清晰的信息“气味”,引导用户想目标前进,或者明确地通过使用向导。

3. 不要让用户诊断系统问题(如网络连接故障)。

4. 尽可能减小设置的数量和复杂度。

5. 让用户使用感觉而不是计算(如绘图软件中使用对齐网络和参考线)。

6. 让系统令人感到熟悉:

l 遵循业界标准和习惯;

l 让新的应用软件像用户习惯了的旧软件那样工作;

l 研究用户熟悉什么,不熟悉什么。

7. 让电脑去计算。不要让人去做电脑自己就能做的计算。
41 有用
2 没用

查看更多豆瓣高分好书

评论 1条

添加回应

认知与设计的更多书评

推荐认知与设计的豆列

了解更多图书信息

豆瓣
免费下载 iOS / Android 版客户端