认知与设计——理解UI设计
《认知与设计》阅后感和一些摘抄，学习前端不得不会、不得不懂的UI设计的基础原则。
一、我们感知自己的期望
经验、环境、目标是影响我们感知的因素。
就像一幅画中我们可能看到的是可能是LIFE这个单词或者是几个建筑俯视图。
周围的环境也会影响我们看到的东西，THE CHT
如果去一个工具箱里面找剪刀，我们不会关心工具箱里面是否有螺丝刀。鸡尾酒会效应——你会在嘈杂的环境中听见你想听到声音，你也会在与你不关心的话题的人谈话过程中，去注意环境中别人在谈论的内容。
对设计意味着什么
- 避免歧义 2. 保持一致 3. 理解目标
二、为观察结构优化我们的视觉
格式塔原理：
- 接近性：我们会认识相互接近的物体是一组，或者是相关的。
- 相似性：相似的物体是一组。
- 连续性：我们的视觉会自动的闭合认知连续的事物，像IBM的百叶窗的标志。
- 封闭性：我们感知一个完整的物体。
- 对称性：我们会组织我们看到形状，对称的来组织。
- 主体/背景：主体建立在背景之上，通常主体比背景元素要少。背景传递信息，或者暗示一个主题、品牌或者内容所表达的情绪。（弹窗+遮罩）
- 共同命运：相同的元素，如果采用不同的动作，我们的认知会告诉我们相同动作的是一组
三、我们寻找和使用视觉结构
几个关键词：扫描、从上到下从左到右、形式结构、图形设计
- 结构提高了用户浏览长数的能力
如：我们会区别 电话号码 与 信用卡。 - 数据专用控件找了更多的结构
如：时间选择控件、邮件控件 - 视觉层次让人专注于相关的信息
如：文章中的分段、缩进、加粗都是给予层次信息很重要的体验方式。
四、阅读不是自然的
- 我们的大脑是为语言而不是为阅读设计的。
- 阅读是特征驱动还是语境驱动，熟练阅读和不熟练阅读使用大脑不同的部位。
- 糟糕的信息设计会影响阅读
（1）不常见和不熟悉的词汇
（2）难以辨认的书写和字型。
（3）微小的字体
（4）嘈杂背景下的文字
（5）信息被重复的内容淹没
（6）居中对齐的文字
（7）妨碍阅读的设计缺陷的组合
（8）对设计的启示：支持，而不是干扰的阅读 - 软件里要求的阅读很多都是不必要的
对设计的启示：尽量少让人阅读 - 对真实用户的测试