web页面的可读性设计——Don‘t make me think 读书笔记(3)

为扫描设计，不为阅读设计

• 尽量利用习惯用法
• 建立有效的视觉层次
• 把页面划分成明确定义的区域
• 明显标识可以点击的地方
• 最小化干扰
• 为内容创建清除的格式，以便扫描

--

为什么要用习惯用法？

任何东西想要让人瞬间理解最简单的做法就是遵循习惯和惯例。这符合作者之前提到的可用性第一定律——不要让我思考。通过这种更符合用户习惯的展示或者操作，用户就会更加容易上手。

而习惯用法面对的最大的障碍可能就是：设计师们经常不想利用这种做法。他们所面临的极大诱惑就是重新发明轮子。

如果不打算采用习惯用法需要明确两点：

1. 两种用法对于用户同样清楚，同样不言而喻。没有学习曲线的方法。
2. 带来很大的价值，用户值得付出一点努力来学习新的方法。

作者建议：在清楚自己有一个更好的想法时进行创新，否则就尽量利用习惯做法

简洁胜过一致

如能通过在某种程度上打破一致性，而得到高度简介清楚的效果，那么果断选择简洁。

--

如何建立有效的视觉层次？

视觉层次清楚的页面有三个特点

1. 越重要的部分越突出
2. 逻辑上相关的部分也在视觉上相关
3. 逻辑上包含的部分在视觉上进行嵌套

--

把页面划分成明确定义的区域

可以让用户很快决定关注页面的哪些区域，或者放心地跳过哪些区域。

--

明显标识可以点击的地方

人们在网络上所做的大多数事情就是找到下一个地方点击。用户会寻找各种视觉线索：某种形状，某些位置，以及某些格式。

避免一些低级错误，比如把文字链接和文字标题用同一种颜色

--

如何降低视觉噪声？

首先要知道噪声一般分为三类：

1. 眼花缭乱
   一大堆惊叹号，不同字体，颜色，自动播放的幻灯片，动画，弹出窗，广告。
2. 组织不当
   页面内容放的乱七八糟
3. 太过密集
   内容放的太多，就会将真正重要的东西掩盖掉

作者建议： 先假定所有内容都是视觉噪声，并去除任何对页面没有帮助的内容。

--

如何增加文本的可读性？

1. 充分使用标题

   帮助用户决定哪些需要扫描、阅读或者跳过。

   如果使用多级标题，确保不同级别的标题之间有着非常明显，不可能混淆的视觉区分。可以增大字号或者留白。

   不要让标题浮在空中，让标题贴近与它相关的内容。

2. 保持段落简短

   过长的段落会增加用户心理上的阅读障碍，哪怕一个段落只有一个句子也没关系。

3. 使用符号列表

   如果有任何有逗号或者分号分割的几个项目都可以把它变成符号列表。列表的不同项目之间应该留点空白。

4. 突出关键词语
   给关键词语加粗，但不要过多。