看完《Don't make me think》的总结

178 阅读3分钟

寒假在公司实习,然后公司人数比较少,作为一个前端实习生,分工下,就去负责了项目的业务逻辑的梳理以及页面的设计,为了让页面设计的好看,交互性好,便于用户使用,我就快速看了这本薄薄的却很有用的书。书的整体思想是“别让用户思考”。接下来是我对知识的梳理和总结,共勉。

一、设计的基本原则

  1. 欢迎词必须消灭
  2. 指示文字必须消灭
  3. 保持段落简短
  4. 层级关系明显
  5. 使用符号列表
  6. 突出关键词语
  7. 充分利用标题
  8. 越重要的地方越突出
  9. 逻辑上相关的部分也在视觉上相关
  10. 逻辑上包含的部分在视觉上进行嵌套
  11. 习惯用法不错,在你清楚自己有一个更好的想法时进行创新,如果没有,那么请尽量利用习惯用法。简洁胜过一致。建立有效的视觉层次,把页面划分成明确定义的区域,明显标识可以点击的地方,最小化干扰,为内容创建清楚的格式,以便扫描
  12. 顾客用web主要是扫描,满意即可,勉强应付
  13. 最重要的是,显而易见,不让用户思考。如果你不能做到让一个页面不言而喻,那么至少应该让它自我解释。

二、网站测试的时候需要问的几个问题:

  • 这是什么网站?(站点ID)
  • 我在哪个网页上? (网页名称)
  • 这个网站的主要栏目是什么?(栏目清单)
  • 在这个层次上我有哪些选择?(本页导航)
  • 我在导航系统的什么位置?(你的这里的指示器)
  • 我怎么搜索?

三、界面让人提高好感的几种方式:

  1. 知道人们在你网站上想做什么,并让他们明白简易
  2. 告诉用户想知道的
  3. 尽量减少步骤
  4. 花点心思
  5. 知道用户有哪些疑问,并且给予解答
  6. 为用户提供协助,例如打印友好页面
  7. 容易从错误中恢复
  8. 如有不确定,记得道歉
  9. 没有光标===没有悬停===没有线索
  10. 提供一个到”全内容“网站的链接
  11. 要有一个好口号

四、如何提高界面的友好度

  1. 改正让所有人感到混淆的可用性问题
  2. 读一篇文章
  3. 看一本相关的书,如《Don't make me think》
  4. 为每张图片增加合适的alt文本
  5. 使用合适的标题
  6. 让你的表单配合屏幕适配器
  7. 在每页的最前面增加一个“跳转到主要内容”的链接
  8. 让所有的内容都可以通过键盘访问
  9. 在文本和背景之间设置明显的对比
  10. 采用一份可访问性良好的模板

五、移动应用的可用性属性:有用,可学习,可记忆,有效,高效,合乎期望和让人快乐

六、可用性原则~某个东西越需要投入大量时间,或者看起来会这样,它将来就会用的越少

七、我所听到的大部分预言几乎是完全错误的,预言钟真正重要的那些往往会让我们觉得意外,哪怕它们在事后看起来相当明显。