介绍

我们都喜欢认为我们是有逻辑的人，能够控制我们所做的决定。在某种程度上，我们是。我们有意识地决定吃什么、喝什么、读什么、穿什么等等;但在很大程度上，认知过程发生在我们有意识注意到它之前。因此，作为用户体验实践者，我们还需要了解非理性行为是如何影响决策的，并将其纳入我们的设计中。

两种信息处理系统

丹尼尔·卡尼曼在他的书中写道思考，快与慢，描述了两个人处理信息：系统1和2的模式。

系统1我们的“自动系统”很大程度上是不由自主的，不需要太多努力，但它在检测简单关系或识别模式方面速度很快。系统2，另一方面是缓慢和费力的，需要我们的注意力;它通常涉及复杂的活动，如心算。我们倾向于认同我们的第二系统自我:有意识的，警觉的，并能控制我们的命运。然而，在我们的许多行为中，系统1仍然在很大程度上掌控着我们。即使在没有完全掌控的情况下，它也为系统2的行动提供了大量的输入。

系统一为我们提供了基于经验的快捷方式。仔细处理我们周围的每一个物体会让我们不知所措，而且会花费很长时间，这使得我们的原始祖先很容易成为野外敌人的猎物。系统1使我们能够快速识别与任务相关的信息，而系统2利用这一输入做出合理准确的决定。

为什么设计者要关心系统1的自动的、隐式的过程呢?以下是一些原因:

1.系统1塑造了用户如何判断信息的相关性。

在信息搜索任务期间，用户快速浏览相关信息并且倾向于与那些有高信息的气味．

系统二可以根据系统一要解决的任务“告诉”系统一该做什么。事实上，眼球追踪数据表明在网上扫描图案针对当前的目标进行了优化。例如，如果用户想要在网站上搜索信息，则它们可能会忽略所有搜索指示符（a放大镜比如单词“search”，或者一个输入字段)。

系统1在排除不相关信息方面非常出色——除非相关信息看起来像不相关信息(例如，如果是的话)嵌在右边的栏杆里和人民误认为是广告）.在这种情况下，相关信息将被忽略，就像不相关的信息一样。因此，第一印象是快速且准确的，但并非万无一失。这就是为什么我们强调在用户当前最重要的内容旅程的阶段应该看起来很重要——无论是使用更大的字体、粗体、方框、按钮，还是其他UI元素,脱颖而出。

通过预测用户需求，我们可以引导用户采取理想的行动(当然是道德上的)。知道了这一点，设计师和用户体验从业者就可以节省宝贵的时间、精力和金钱，避免在眨眼间就被忽略的内容上浪费时间。

2.系统1影响用户如何感知美学，并间接影响网站的可用性。

人们往往更宽恕美丽的设计而且视觉上不那么刺耳。如果一个网站是美观的，用户将倾向于记住这个网站比它实际的可用性。系统一的决定非常迅速，在内心深处一个网站是否漂亮。事实上，根据吉特·林德加德和她的同事的研究，美学的决定早在访问一个网站50毫秒时就会做出，如果你给人们更多的时间，就很少会改变。

这并不是说，糟糕的可用性不会被注意或记住，或者可用性不那么重要，但如果你正在吸引新客户，在最初的几毫秒内就开始做正确的事情肯定是有帮助的。

3.系统1塑造了用户如何判断网站的可信度。

当用户降落在页面上时，他们经常有一个目标 - 即，系统1将从系统2中开始一些指令。但如果页面具有脱颖而出的某些设计元素（例如，墙上的一个红色按钮黑色文本），系统1将自动绘制它们。根据BJ Fogg的说法prominence-interpretation理论，元素越突出，在页面上的影响越高，就会越高。这一效果可以是积极的或负面的，具体取决于人们如何解释该元素。因此，页面顶部的移动广告将是高度突出的并且是认为是烦人的，这将降低网站的可信度。另一方面，《纽约时报》或《华尔街日报》等知名出版物的大力支持可能会被解读为积极的，并增加网站的可信度。

影响设计

以下是在整个设计过程中要记住的一些事情，以支持和利用System 1的自动过程。

确定每个角色的关键工作流程。
任何给定的产品都可能有多个受众，每个受众完成不同的任务。使用角色来表示这些用户类型。了解不同受众的心态和态度，确定他们的主要目标，以及他们可能如何努力实现这些目标。问问你自己，“帕特丽夏，为了完成任务的第一步，我们的角色在寻找什么?”一旦你确定了用户可能完成的任务，绘制出他们的工作流程，并确保你在视觉上对相关信息进行优先排序工作流程．但是，要避免使用“开始——它过早地阻止了用户的行为，将他们从其他可能需要的相关信息上转移开。

让我们以医院或医疗网站为例。那些经历过医疗紧急情况的人将需要高度可操作的信息——每一秒都是生死攸关的事情。这些信息在视觉上不应与其他不那么紧急的信息竞争。

流线视觉，以避免淹没系统1，并帮助它识别相关信息。
我们发现系统1会被任何突出的设计元素所吸引;如果它们碰巧与当前任务相关，那就太棒了!考虑一下这些因素是如何影响网站的美感、可用性和可信度的。

  • 避免竞争，同样突出的呼叫动作。如果您必须有两个cta，那么对它们进行样式设置，使它们的优先级明显。如果它们的风格过于相似，或者视觉效果相同，系统2可能需要干预并在两者之间做出决定，这最终将花费更多时间，并造成认知压力。
  • 限制突出的颜色和字体，并保持对比。一页或一页内的颜色(超过4种)和字体(超过2种)太多一个图表会导致“彩虹效应”——压倒性的变化会让系统1失去方向，并可能造成视觉混乱的负面审美印象。不要使用低对比度的颜色或者是很小的字体——它给人的印象是你试图通过使它难以阅读来隐藏一些东西。
  • 通过在网格上设计，确保布局视觉上的平衡。遵循经典的美学原则，如对称和适当的对齐，你可以确保你的网站看起来赏心悦目。网格在某种程度上限制了创造性，但从积极的方面来看，它们可以提供结构和平衡，这使得布局更具可预测性。

你最突出的设计元素应该是清晰的，并提高可信度。

  • 清楚地说明你是谁，你做什么。如果用户必须调用系统2来确定他们是否在正确的位置，增加的认知努力将导致他们仔细检查和怀疑网站。不要让你的用户做徒劳无益的事情——在你网站的突出区域，用简洁的陈述清楚地说明你是谁，你做什么。

    在适当的地方,定位你的内容适当地遵循该区域的公约。即使是一个明显的小细节，比如拼写错误的单词(例如，风味和味道，取决于国家)是一个危险信号，说明用户是不并可能立即将它们发送到下一个搜索引擎的结果。
  • 不要要求太多，太早。和任何关系一样，建立信任需要时间．如果一个巨大的邀请注册当你的访问者登陆你的主页时，他们看到的第一件事是你的网站吗被认为是有需要的人们会变得恼怒和怀疑。

    而是先提供价值，这样用户才会更愿意这么做往复他们的联系方式和财务信息是有价值的。
MoneyStrands.com -贫穷的cta
Moneystrands.com的主页上有一个很大的行动呼吁，要求提供联系信息，两个按钮下载应用程序，第三个是基于浏览器的CTA，请求允许显示桌面通知。这些要求损害了公司的信誉。

当你迭代设计时，测量第一印象并与真人测试你的网站。
不要用直觉来评估人们对你的设计的第一印象:而是要测试他们。也不要只利用同事；让真实的人，最好是顾客，来尝试你的设计。以下是一些对第一印象的测试:

  • Screen-timeout测试
    在短时间内(50ms - 5s)向参与者展示一张页面的截图。可以短时间内(50 ms)如果你有兴趣评估人们如何看待你的网站的美学,也可以是长(5 s)如果你关心一些附加信息,如什么是杰出的在页面上,什么设计元素可能混淆乍一看。
  • 眼动研究
    虽然眼球追踪既昂贵又费力，但它可以揭示人们在页面上最初几秒钟所看到的内容，令人难以置信。这是一个很好的定量研究方法，如果你有办法做到的话。
  • 可用性测试
    定性测试使您能够使用以下方法收集数据用户相对较少．通过在用户活动的不同阶段问正确的问题，你可以观察第一印象如何影响用户的决策。通常情况下，如果你对第一反应感兴趣，你必须在测试用户开始访问网站之前提示他们。否则，大多数人会安静地坐上一段时间，试图在页面上定位自己。事实上，即使你要求用户“请说出你的第一印象”，你也需要在5-10秒的沉默后提供额外的提示(“任何想到的东西”)。

结论

不幸的是，人们总是以貌取人。第一印象影响用户对网站的审美、可用性和可信度的感知。为了创造令人愉快和无麻烦的界面，我们需要超越理性思考，支持人们在第一次登录网页时所进行的那些本能的、自动的过程。一旦我们理解了人的大脑，我们可以有效地处理我们的设计。然而，除非我们询问用户，否则我们无法真正了解他们的想法。当有疑问时，测试它。

引用来源

Matthias Deller, Achim Ebert, Michael Bender, Stefan Agne, and Henning Barthel, 2007。信息相关性的预注意可视化。《以人为中心的多媒体国际研讨会论文集》(HCM’07)。ACM，美国纽约，纽约，47-56。DOI = http://dx.doi.org/10.1145/1290128.1290137

福格，2003，突出-解释理论:解释人们如何评价网络可信度，《中国科学:新视野》，722-723。

Kahneman，D. 2015。思考，快速和缓慢。纽约：弗拉尔，斯特鲁斯和Giroux。

吉特·林嘉德，加里·费尔南德斯，凯西·杜德克，j·布朗。网页设计师注意了:你有50毫秒的时间来给人留下良好的第一印象!行为与信息技术，Vol. 25, No. 2, 2006年3 - 4月，115-126。