美文网首页UI交互设计交互设计与用户体验iDesign
【译文】设计思维之注意力设计

【译文】设计思维之注意力设计

作者: 三又三 | 来源:发表于2017-09-19 22:45 被阅读90次

    一直以来,我都对人类的思维方式非常着迷。我也一直认为熟知认知科学是设计师的关键技能之一。一方面希望我自己更加专业,另一方面也帮助其他人学习,我在这里写点我感兴趣的认知相关的内容。

    我们在日常生活中接触的设计被各种感觉(视觉、听觉、触觉)所感知,并将这些信息迅速传递给大脑处理。作为设计师,我们必须了解如何创造体验以及人类大脑如何评估这些体验。同时,设计师也有能力通过产品的交互或者不只交互来控制人们的思想。

    在本文中,我会重点聊一聊我们的注意力如何工作以及如何影响界面设计的。

    注意力=工作记忆

    通常,我们看到、听到、触摸或嗅到的一切信息都是由大脑处理的,同时这些信息也会影响我们的记忆体系。人类的记忆体系可以分为三部分:

    1、工作记忆

    2、短期记忆

    3、长期记忆

    工作记忆包含我们关注焦点的信息。我们的工作记忆能力很小(研究显示容量可以介于5-7个不相关的概念之间),大脑无法一次处理周围所发生的一切,因此,我们的注意力会有选择性,只会关注最相关的信息,而相关性取决于我们自己的目标。

    我们的大脑每秒可以接收大约1100万位的数据,但是我们每秒只能处理大约50位数据。

    如果关注焦点改变了,来自工作记忆的信息可能会很容易丢失。很多人应该都经历过这样的场景:

    在数数的时候突然打断你,你必须重新开始,因为你不记得刚才数到哪里了。 你走进一个房间,会突然意识到忘了刚进入房间的原因了。

    界面设计中的工作记忆

    模式

    模式在设计中很常用,使用设计模式有很多优点。我们可以通过切换不同的模式来减少手势/控制,以便执行更多的动作。例如,在Sketch(一个UI设计应用程序)中,默认情况下你会发现自己处于选择模式,这意味着拖动鼠标时,你可以在屏幕上选择对象。但是,如果你进入绘制矩形模式,在拖动鼠标时,则可以绘制一个矩形。

    工作记忆很不稳定,在没有任何反馈的情况下,很难保证用户可以记住他们当前处于哪种模式中。使用模式时,重要的是强调当前激活的模式。Sketch通过显示不同的光标来体现模式的不同。

    sketch中的不同模式

    搜索

    在网站上使用搜索功能时,用户输入搜索词语,然后查看结果,用户的注意力会从输入内容转移到结果展示。这意味着用户经常忘记最初输入的搜索内容。所以,具有搜索功能的网站,即使在搜索结果显示页,也应该使用户输入的内容明显的显示。

    说明

    如果用户需要超过5个步骤才能实现目标,那么请确保过程中有明确的提示。用户绝对不能记住所有的增量步骤。所以,用户应该在操作的时候可以轻松查看说明。

    导航

    如果你正在设计的系统需要复杂的导航层次结构,那么应该向用户反馈他们当前所在的位置以及到达的路径。虽然记住用户所有的操作步骤具有挑战性,但还是应该让用户清楚其主要路径。设计师应尽量避免信息超载,这有可能让用户迷惑并忘记最初目标。这也是当今许多互联网产品中面包屑(通常是显示页面层次结构的箭头或斜线)越来越受欢迎的原因。

    面包屑导航

    视力 - 眼中央凹

    毫无疑问的是,我们的大脑通过眼睛获得大部分信息,因此,眼睛在用户如何看待我们的设计上发挥着重要作用。人眼的结构是复杂的,不过最重要的发现是在眼睛的中央有一个小圆圈(1.5毫米宽),被称为“中心凹”,虽然很小,但我们大脑通过它获得大部分信息。这里有三个原因:

    1、眼睛的这一小部分比其余部分分辨率更大;

    2、因为中央凹的细胞与神经(其向大脑传递信息)1:1相连,所以与眼睛的其他部分相反,这部分信息传递没有任何缩减 。

    3、中央凹只有整个眼睛的大小的1%左右,但我们大脑的视觉皮质将其资源的50%用于它。

    因此,这些都是导致人类关注的焦点非常狭窄的原因。

    另一方面,我们的周边视力真的非常差。想想你现在阅读这篇文章的方式,你只能关注当前阅读的这几个词语,其他的一切都是不相关的。但这仅仅是整体设计的一小部分。有趣的是,我们的大脑会根据我们的期望和记忆力来帮助眼睛,填补我们周边的丢失数据。这使得我们认为自己实际上看到了一切。

    虽然周边视力的视觉质量很差,但在生活中也是非常有用的。一方面它会基于低分辨率数据将中央凹引导至焦点(下一步看),另外一方面它也非常擅长检测动态信息,这是我们遗传自生活在旷野中的祖先的本能。

    中央凹对界面设计的影响

    中央凹的发现很容易应用于设计。用户无法一下子字看到整个网站,他们只能扫描页面。这意味着他们的眼睛需要非常迅速地从一个部分跳到另一个部分。因此,最吸引用户眼球的是具有强烈对比的部分,或者是有任何形式运动的内容。

    页面右上角的黄色按钮吸引了我们的注意力

    设计中我们要考虑的是,必须以紧凑的方式显示相互关联的信息,以便用户将这些信息同时处理。这也正是我们熟知的格式塔原理:

    彼此接近的对象或形状会自动成组。

    格式塔原理

    例如,错误信息必须显示在密码字段的附近,如果错误信息展示在页面的其他部分,专注于输入密码的用户很可能会错过该信息。另一个例子是营销文案,如图中所示,标题和CTA按钮的强烈对比吸引了用户的注意力,意味着这块是整个页面中用户最先注意到的地方,用户会自动将这块内容联系在一起,所以文案应该说服用户点击CTA按钮。

    文案和按钮在一起,用户无需去其他地方寻找 错误提示直接显示在输入框下方

    无意视盲

    人的注意力是以目标为导向的。我们倾向于关注与实现目标有关的事情。除非它引发了我们的注意,否则其他一切事情都没那么重要。这就是心理学现象中著名的无意视盲。

    观看链接中的视频,并尝试数清楚白色队伍的传球数。

    http://v.youku.com/v_show/id_XNjkwMzg5Mzg0.html#paction

    因此,我们在设计的时候需要考虑元素间的相互关联性,例如使用格式塔的接近原则。如果难以实现,我们应该以动效或者对比的形式来吸引用户。曾有数据表明,如果我们没坚持这些原则,用户很可能会错过重要的体验细节。

    以上内容是我对人类注意力以及认知科学如何影响设计的一些认识,这篇文章也是受到Jeff Johnson的书“认知与设计”的启发。如果你对如何设计人类思维很好奇,并且想要深入挖掘,我强烈建议你仔细阅读本书。

    原文链接:https://uxplanet.org/designing-for-human-attention-ac0abe3d657d

    相关文章

      网友评论

        本文标题:【译文】设计思维之注意力设计

        本文链接:https://www.haomeiwen.com/subject/wqogsxtx.html