JR杂谈

广告牌设计 101 法则 - 为扫描设计、不为阅读设计

疾驶而过的扫描阅读，需要注意一下 5 个重要方面 
保证他们尽可能的看到，并理解

• 每个页面建立清楚的视觉层次

• 尽量利用习惯用法

• 划分成明确定义的区域

• 明显标识可以点击的地方

• 最大限度降低干扰

建立清楚的视觉层次

1. 越重要的部分越突出

2. 逻辑上相关的部分在视觉上也要相关 
   相近的内容分成一组，采用类似的显示样式，或定义明确的区域之内

3. 逻辑上包含的部分分在视觉上进行嵌套 
   视觉层次进行分解和组合，可视信息线索可以迫使我们去隐形思考

   好的视觉层次可以让我们快速理解页面内容，并组织、区分优先级，从而降少干扰 
   没有清楚的视觉层次，所有内容都会觉得很重要 
   降低扫描速度，寻找关键的文字和短语，然后拼凑出自己觉得重要的内容和内容组织方式

   没有人比管理/运营者清楚，那些内容更重要、更有价值和更流行，因此为什么不帮我们自己把内容标识出来，免得给自己带来麻烦 
   【例如】 
   一个标题涵盖了不属于他的内容，就像读一个病句一样 
   即使我们通常能猜出句子的意思，但它还是让我们花了一点时间，迫使我们不得进行一些不必要的思考

习惯用法是你的好帮手 
每个出版媒体都会发展自己的习惯用法，并不断改进用法，形成新的习惯用法 
web 上也有很多的用法，大部分是从报纸和杂志中延续过来的，也会形成新的习惯用法

所有的习惯用法都是从某个人灵光一现的想法开始的， 
如果这个想法相当不错，其他站点就效仿， 
最终，会有足够的人在人，在足够多的地方见到它，让它变的不言而喻 
采用过程需要时间，但和其他事物一样，在 web 发展很快

关于 Web 习惯用法，两大重点

• 它们非常有用 
  如果你迫使用户去思考某些通过下意识就可以知道的东西 
  那么你完全是在浪费每个用户对新站点有限的耐心和好感

  适当应用的习惯用法会使用户在网站之间的访问更容易 
  不需要花费额外的努力来得到背后的工作原理

• 设计师通常不愿意利用它们 
  有时候，用在重新发明轮子上的时间足以制造一个全新的滚动设备 
  但有时候，这只会让用在重新发明轮子上的时间又增加了而已

  在你看清楚自己有一个更好的想法（而且，绝大部分看到的人都认为很不错，“哇！”反应）时进行创新，否则请尽量利用习惯用法

把页面划分成明确定义的区域 
划分明确定义的区域很重要，

因为这样可以让用户很快决定关注页面的哪些区域 
或者放心地跳到哪些区域 
用户很快就会确定页面哪些部分包含有用信息，

然后对其他部分看都不看 —— 就像他们根本不曾来过一样

明显标识可以点击的地方 
太多操作就是找到地方点击

降低视觉干扰     
 - 眼花缭乱 
  如果页面上所有的内容都有在嚷嚷着希望得到我的注意，那么效果可能适得其反 
  满眼都是促销信息！满眼都是感叹号和抢眼的颜色！一大堆大喊大叫正在进行 
 - 背景干扰 
  有些页面虽然没有一个地方造成过分的干扰，但是有一些小细节很让人觉得厌烦  
  用户对复杂性和干扰的容忍度不一样，一些人不在乎，但很多人在乎 
  当你设计页面的时候，先假设所有的内容都是视觉干扰，除非得到证明它们不是