认知科学与设计：创建更好的用户界面

我给你画一张画。我和你，我们站在一个公共汽车站，等着37号来接我们。一辆宝马冲在我们面前，洒满了鞋子上的灰尘和雨水。我和你，我们处于同一现实中，对吗？我们对刚刚发生的事件有相同的反应吗？

也许，但不同的事情进入我们的脑海：我想到我的全新Vans轿车毁了，您想到的是与家人在沙滩上度过的时光，脚上是海浪。但是我们处于同一现实中，对吗？

让我们来一点技术。对思想，学习和心理组织的研究是认知科学。它借鉴了心理学，语言学，哲学和计算机建模的各个方面。考虑到这一点，认知科学家研究智力和行为，重点是神经系统如何表示，处理和转换信息。

我不会说太多的术语，我要说的是最后一个：认知科学的基本概念是：“思维最好以思维的表示结构和在这些结构上运行的计算程序来理解。” 如果您现在有点迷路，没关系。我保证最后一切都会有意义。如果您有好奇心，让我们深入了解认知科学如何帮助开发人员和设计师创建更好的用户界面。

什么是现实？我们中有些人认为现实是一个独立的实体。我们中有些人没有。我的意思是，即使确实存在外部现实，我们又怎么知道？外部世界中的视觉对象触发了我们脑海中的某些视觉过程，但是我们感知并知道的所有事物都是该过程的最终结果。因此，我们可以得出这样的结论：现实被我们的思维，思想和幻想的怪异和创造力所过滤和影响。

例子永远是想象和理解的最佳方式，对吗？想象一个色盲的人以各种灰色阴影看世界。这个人有不同的现实吧？也许不是：他可能生活在同一个现实中，但对它的看法却有所不同。

当您闭上眼睛并尝试想象一些特定的事物时，它可能并不那么容易：形状，颜色，它们看起来都很平坦。但是，当您阅读一本包含世界上所有丰富而生动的细节的伟大作品时，您可以一秒钟想象一下，对吗？好吧，就像那样，有才华的设计师可以使用其画笔或绘图板来描绘任何视觉效果。在现有技术中，视觉刺激直接提供给观察者。这实际上是我们与他人视觉体验之间最紧密的联系。

众所周知，现实不是普遍的，而是不同认知过程的副产品。没想到我会这么说，但这在设计用户界面时派上了用场。

在几毫秒内，我们的思维将决定在哪里寻找，识别对象边界，图像并将它们与含义相关联。这么短的时间内发生了很多事情。这就是为什么我们有意识的大脑只使用我们的自动系统感知到的东西，而不是真实的东西。因此，我们对选择感到不知所措，并且在大多数情况下，更喜欢已知的选择。

那么，我们如何才能使用大脑已知的知识并创建更好的用户界面呢？

视觉，注意力和情感：它们都进入人们感知事物并做出联系和决策的过程。让我们涵盖其中的几个。

视力
熟悉格式塔分组法则吗？它们在您网站的视觉表示中非常重要。让我们看看其中两个。

邻近法则
接近定律指出，人类通过将它们彼此组合来感知彼此接近的刺激。同时，彼此远离的刺激是两个或多个不同对象的一部分。接近原理使我们可以将元素分组为更大的集合，并帮助我们更快地了解信息。例如，如果一张纸上有十几个点，我们的大脑会将它们视为点簇，而不是识别每个点。

我们的思维非常擅长寻找模式。通过引入空白，我们可以感知列。因此，您不必在所有内容周围画框即可进行分组：只需一点空白即可。

封闭法
格式塔心理学家认为，尽管大脑中缺少一个或多个隐藏或完全不存在的部分或多个部分，但大脑往往会感知其完整外观的形式和图形。

因此，我们在精神上非常迅速地完成了表格。例如，您有一个文本字段：不必绘制实际的正方形并吸引人们在其中写内容：您只需在线条的侧面上绘制边缘，他们的想法就可以像盒子一样完成。因此，即使实际上并不存在，盒子也存在于头脑中。

周边视觉
一项研究揭示了一些有关周边视觉的非常有趣的事实。想象一下一个测试室：一个人走进去，根本不知道研究的内容。房间中间有一只老虎。这项研究是关于监视一个人意识到在他们面前有一只老虎需要多长时间。大约是190MS。然后，还有另一个测试。一个人再次进入一个房间，什么也没有。但是随后，一只老虎出现了。有趣的是，只需要80MS就可以看到老虎。

现在，您如何使用这些信息来设计更好的用户界面？好吧，假设您希望用户看到您网站上的通知。如果某个人访问您的网站时该通知已经存在，则他们注意到该通知的机会要少得多，而不是在他们已经浏览您的网站后出现该通知时。

基因和物体识别
当我们观察一个物体时，我们会在感知到它时立即将其分解为它所包含的geon。我们可以处理所有对象：从最简单的杯子到更复杂的真空机。

那是因为我们的大脑更快地识别了geon形状：通过分解它，我们可以更容易地理解物体。

实际上，我们认识到geon形状比图标要快。因此，如果您要在网站上放置电话图标，则用户会感觉到电话的地理形状比图标快。

面部识别
您是否知道，如果一群人走在您的面前，您会很快认出人群中熟悉的面孔吗？而且，您甚至不必扫描所有面孔。但是，文本有所不同。收到电子邮件时，您将遍历所有名称以查找所需的人。但是对于人脸，我们会立即识别出来。

因此，为了使您的用户界面更好，在您的网站上用作者的脸而不是名字加引号可以使用户更容易建立联系，请认识一个熟悉的人。并更快地使用信息。

注意
假设您拥有博客文章的标题。您是决定将整个标题排成一行，还是将其排成一长行，还是您希望使行短而将文本分成两到三行？事实证明，使用长行，我们可以更快地消耗信息：尽管长度很长，但比一行阅读要容易。但是，如果您问别人，他们会说他们更喜欢短线，因为它感觉很舒服。但是，我们知道，在沉入某些信息时，长排更有效，更优化。因此，下次创建用户界面时，请记住这一点。

情感
我们希望在用户中增强的最重要的情感之一就是信任。作为人，我们旨在快速做出信任决策。即使在做出基本决定时，例如思考自己是否应该吃一些不熟悉的东西，走到正在建造的建筑物旁边时，我们也会决定信任还是不信任。

当信任的情绪出现时，第一印象非常重要。当您去一家餐厅看厨师时，厨师站在高高的帽子上，整洁又整洁：您给人留下第一印象，那就是您决定信任该餐厅里的食物的时候。在视觉世界中，这是相同的方式。

您想阅读有关金融的知识，并找到两个博客。快速浏览这两个网站后，您倾向于在一个网站上信任另一个网站：这全都是因为它们的界面。假设其中一个网站是蓝色。蓝色通常使人们想起天空和海洋，他们对蓝色的一切形成一种信任的情感。

嗯，这是真的，除了某些情况下，例如，一个人在小时候溺水入海。因此，您可以决定要信任哪个博客，并在获得有关每个博客的其他信息时，开始告诉自己编造的故事来证明您的原始假设是正确的。假设您首先信任的博客有一个负面评论：您告诉自己，这可能只是生气，日子不好过。

尽管网站的颜色和一个负面评论仅是示例，但我认为您知道我的意思。在为应用程序，网站等创建用户界面时，请记住，第一印象至关重要。

如果您确实依靠认知科学并了解人们如何做出决定，以及在浏览网站时大脑中发生了什么，那么您将能够创建吸引注意力，显示细节并简化用户选择的界面。如果您想在在线网站建设者的帮助下为自己创建网站，例如Ucraft，您仍然需要认知科学知识才能为您的网站创建一个友好，轻松且有用的界面网站。