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

Posted 2020-06-17

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

一、设计的基本原则

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、采用一份可访问性良好的模板

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

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

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