《用户体验要素》读书笔记（六）

第7章 表现层 感知设计 - Apr 17, 2018 at 18:52

代替用“什么具有美感”来评估一个视觉设计方案的是，你应该把注意力集中在它们的“运作是否良好”上。对于那些在之前的层面就确定的目标，视觉设计给予它们的支持效果如何？例如，产品的外观有没有破坏结构，有没有使结构中的各个模块之间的区别变得不清晰、模棱两可？或者，外观有没有强化结构，使用户可用的选项清楚明了？

在做视觉设计的时候，经常会控制不住度，这个度在于到底是个人风格趋向，还是真的需要修改。这里给出了很好的答案，把问题从“这个设计到底好不好看”转向到，它有没有将信息正确的向用户表达清楚。

忠于眼睛

评估一个产品视觉设计的简单方法之一，是提出这样的问题：你的视线首先落在什么地方？哪个设计要素在第一时间吸引了用户的注意力？它们是对于战略目标来讲很重要的东西吗？或者用户第一时间注意到的东西与他们的（或你的）目标是背道而驰的吗？

如何来判断视觉设计好不好，每次看设计的时候一定要记住第一次观看设计时的自我表现，完成之后在回忆自己看设计的时候整个过程；哪些元素吸引你了，吸引你的这些元素是否能够充分展示应用本身要表达的信息？我之前工作的时候，每次看完之后就会回顾刚才的体会。然后会手动记录这些信息，因为同一个页面看多了之后眼睛就变的麻木了，想要再找出一些有用的信息就变的困难多了。

用户在页面上的视线移动并不是随机的。它是一种所有人类共有的、对于视觉刺激而产生的、一系列复杂的原始本能反应。对于我们设计师而言，非常幸运的是，这些反应并不是完全无法控制的—数百年以来，我们已经发展出了各种各样的有效的视觉手段，来吸引或分散注意力。

设计师不要太过追求与原创，现在来说，更多的时候需要去抄，去借鉴，你需要站在巨人的肩膀上来创新，而不是闭门造车。前人走过的路自己不要再走一遍，开发领域有一句话说得很好，不要重复的造轮子，也是这个意思。

对比和一致性

在视觉设计中，我们用于吸引用户注意的一个主要工具就是对比（contrast）。一个没有对比的设计，会被看成一个灰色的、平凡的东西，导致用户的视线四处游离，而无法解决任何特别的事情。把用户的注意力吸引到界面中的关键部分，对比是一个重要手段，能帮助用户理解页面导航元素之间的关系。同时，对比还是传达信息设计中的概念群组的主要手段。

当一个人穿着红色衣服在一群穿着黑色衣服的人群中是每场吸引人的，你会不知不觉的去看他，这不是他本身怎么样？而是因为有了对比，产品设计的时候要将你的目的，或者你想要表达的信息重点突出出来，而经常使用的手段就是对比。

让“差异”必须足够清晰，用户要足够分辨出某个设计选择是特意要传达一些信息的。

你的对比必须能够表达出信息，需要用户不需要费力就能意识到你的意思。对比过多或者过于混乱，会让用户困惑。比如一些相似却又不同的差异表现，用户看了会不知道为什么从而感到困惑或者迷茫。

在你的设计中保持一致性（uniformity）是另一个重要的组成部分，它能使你的设计有效地传达信息，而不会导致用户迷惑或焦虑。

在相同的场景下，同类的信息要保持一致性。只有一致性的信息才能传递出有效的信息。

内部和外部的一致性

用一个“统一的品牌识别形象”强化呈现在你的用户（客户、潜在客户、管理层、员工或其他访问者）面前的产品“跨媒体的一致性”，这种品牌识别的一致性应该呈现在你产品的每一个层级的设计中，从每个界面都会出现的导航元素到只出现一次的普通按钮。

你要在你的产品中找到一个设计线索贯穿在你的设计中，现在设计的时候通常会有一个规范指南，通常是一个大的一致性表述，但不要因为这个规范把自己给困住。因为这规范只是一个基础，你要在这个基础上加入品牌的特点和产品的特点。

第8章 要素的应用

经过深思熟虑的设计决策，可能会在短期内花费一定的时间，但是它们将在一个更长时期中节省更多的时间。

在前期战略层，范围层的时候多花些时间。这块的内容大多数都是被人认为是空洞的，模糊的，无法确定的就不去深究，囫囵吞枣一般的吸收后，在结构层，框架层，表现层出现分歧的时候重新画时间来研究战略层范围层的东西所花的时间更多，并且会产生动摇的情况。

如果你在网站开发的时候，始终从完整的用户体验出发，那么最后得到的网站就是一份有价值的资产，而不是无休无止的债务。每一件与网站的用户体验有关的事情都是有意识地、明确地决策的结果，只有这样你才能确保这个网站能同时满足你的战略目标和用户需求。

做产品的时候目的性一定要明确，因为所有的上层建筑都是在这个目的的基础上构建起来的。坚持使用深思熟虑的思考来完善用户体验，你要知道每个决策都会影响产品的体验，每一次决策的原因目的和解决方案都非常的清楚。只有这样子才能让你的产品才能解决明确的用户需求。