优秀UX的设计心理学和神经科学 _原型设计

本文概述

设计心理学：快速思考, 缓慢思考
设计心理学
设计心理学技巧1：轻松识别
设计心理学技巧2：指出即将发生的事情
设计心理学技巧3：为懒惰的读者组织
设计心理学技巧＃4：肠道检查
设计师为” 心智读者”

听本文的音频版本
关于特定设计为何能引起你的注意并吸引你的血液, 这是一门科学。
人脑是懒惰的, 有偏见的, 并且容易捷径。
用户对人类认知的体验研究可能是糊涂的, 不科学的, 并且充满了错误的假设-也许这是懒惰的大脑的错误。
认知很复杂, 很多因素都会影响肠道反应或即时印象。当你问某人时, “ 你为什么这样做？” 他们很有可能无法回答, 或者你会误解他们的回答。
输入神经科学。

文章图片
尽管诸如观察和访谈之类的研究方法通常需要用户体验研究人员和参与者做出猜测, 但诸如眼动追踪之类的现代技术却使研究人员能够研究几乎察觉不到的反应和偏好。
对于流量很大的产品, 看似微小的细节(例如按钮的宽度或文本的颜色对比度)可以带来数百万美元的差异。因此, 像Facebook和Google这样的科技巨头开始采用基于神经科学的技术来研究人们如何使用他们的产品。
让我们从介绍反应式” 快速思考” 开始, 并为设计师提供一些技巧, 以帮助他们利用神经科学的力量来创造出色的用户体验。
设计心理学：快速思考, 缓慢思考推动人类行为的许多因素都是潜意识, 这已不是什么秘密。在一个人遇到一个新的应用程序或网站后的几毫秒内, 数百万个神经元被激发, 大脑做出数百个潜意识的决定。
我在” 正确” 的地方吗？我应该信任这个网站吗？
YouTube UX研究人员哈维尔·巴尔加斯·阿维拉(Javier Bargas-Avila)在2012年的一项研究中确定, 人们在曝光后的前17到50毫秒内会对网页产生审美反应。
要了解这一点, 眨眼需要300-400毫秒。你的产品可能在不到眨眼的时间内就可以收到其审判, 判断和判决。
这些印象可能不会出现, 但是会影响行为。例如, 如果某个站点加载缓慢, 并且大脑将加载的第一个项目读取为” 离题” , 则用户可以立即离开, 而不必等待该站点加载。

文章图片
像Facebook这样的公司投入大量资源来研究元素的加载顺序。如果某人登录了Facebook但没有看到任何通知徽章, 则他们可能会立即离开。如果徽章首先加载, 则它们可能会在加载大量内容的新闻源时等待。
诺贝尔奖获得者丹尼尔·卡尼曼(Daniel Kahneman)的书《思考, 快和慢》将人类的思想和决策分为两个系统, 以帮助说明这种差异。
系统1：快速, 自动, 频繁, 情绪化, 刻板印象, 潜意识。
系统1的思维是反应性的-对复杂但本能的认知负责, 例如确定对象之间的距离或确定情感反应。懒惰的大脑通常默认为系统1思维。
系统2：缓慢, 努力, 逻辑, 计算, 有意识, 不频繁。
系统2思维是分析性的, 适用于更复杂的场景, 例如确定适当的社会行为或比较具有不同价格和特性的两种产品。

文章图片
由于大脑在每次遇到新情况时都不想重新处理信息或做出新颖的决定, 因此人类的许多决策都属于系统1或” 快速思考” 。
快速做出决策时, 大脑会过度依赖模式或思维模型-信息和交互的熟悉模式。参与系统1的思考时, 系统2永远不会生效。人们可能不知道自己大脑的决策速记, 但它会严重影响他们的行为和对该产品的认知。
设计心理学尽管只占人脑质量的2％, 但人脑却消耗掉人体25％的氧气。大脑懒惰是一种生存机制-模式识别和捷径意味着有意识地处理这种情况所花费的精力更少。大脑会识别事物, 将其标记, 然后忽略它们, 直到它们再次相关。
大脑对模式的偏爱和懒惰的决策可能使生存变得更容易, 但是却使UX设计更加困难。你如何学习你的研究主题甚至无法感知的东西？
少数神经科学技术最近进入了UX研究, 帮助研究人员阐明了激发” 快速思考” 的事物。
注意力和知觉可以用眼动相机研究。情绪反应和唤醒可以通过皮肤传感器或面部分析来确定。大脑中的电反应可以通过脑电图测量。

文章图片
脑电图(EEG)是一种检测大脑中电活动的测试。
对于设计师来说, 要想抓住某人的兴趣并在不到眨眼的时间里传达重要信息, 这似乎是一项不可能完成的任务。幸运的是, 就像神经科学可以帮助我们诊断问题一样, 它也可以揭示一般的解决方案和最佳实践。
这是从神经科学用户体验研究中获得的一些一般经验教训, 设计人员可以在设计数字产品时采用这些经验教训。
设计心理学技巧1：轻松识别每个人进入网站或应用程序后都会对外观有所期待。接近期望值可以帮助设计师从即时的潜意识决策中受益。
打开你的应用程序或网站的人想知道a)是否正是我所寻找的？ b)这种高质量吗？保持设计简单, 保持品牌, 服务和产品处于领先地位和中心地位, 有助于人们定位自己。
将某些信息放在首位和居中意味着防止其他信息被挤出。整理设计与重新排列组件一样重要。
你会注意到, 跨技术公司逐渐转向更简单, 更不拥挤的界面。这些简约的设计在任务完成方面胜过更复杂的设计, 并且视觉清晰度可影响在线和离线购买决策。
科学证明, 视觉上简洁的设计效果更好。懒惰的大脑可以立即掌握网站的目的, 并了解要采取的措施。

文章图片
噪音与平静。 Google已对其网站进行了优化, 以吸引用户关注其徽标并鼓励与搜索框的互动。从2016年的65.5％上升到2017年的80.5％
设计心理学技巧2：指出即将发生的事情启动或为某人准备一些即将到来的信息或进行交互可以提高用户理解新信息并对新信息做出反应的能力。你可以使某人期待UI元素, 某些交互或流程中的计时之类的事情。
例如, Yelp使用附加屏幕来警告用户他们离开Yelp来访问第三方站点。附加的上下文帮助用户发出信号, 期望获得新的设计和信息体系结构。

文章图片
启动是一把双刃剑。你并非要传达的信息仍然会影响决策。例如, 如果你的摄影公司仅以婴儿图片为特色, 那么一个人可能会误以为你只为婴儿顾客服务。
设计心理学技巧3：为懒惰的读者组织眼动追踪研究可以在产品与产品互动时跟随人们的目光。他们可以生成热图, 以显示花费在屏幕的一部分上的时间长度, 或者显示眼睛如何在页面上跳跃。
我们知道, 在各种行业和应用程序类型中, 大脑通常会以F模式(或E模式)扫描信息。该人员查看顶部的信息, 向右看, 然后向下扫描页面以获取相关信息或图标。
破坏F模式(例如, 在右下角放置重要信息)将使查找起来更加困难。

文章图片
眼动追踪热图显示参与者专注于页面各部分的时间长度。注意F模式要引起注意, 当该人向下移动页面时, 注意力会下降。
驯服你的文字
根据尼尔森·诺曼(Nielsen Norman)对45, 237页浏览量的研究, 人们只阅读页面上20％的文字。更糟糕的是, 在内容更多的网站上, 人们每增加100个字词就只会花大约4秒的额外时间。
在人们不识字的世界中, 尼尔森·诺曼(Nielsen Norman)针对可扫描文本采用了以下准则。

重点关键字
有意义的副标题
项目符号列表
每段一个想法
倒金字塔式-从结论开始
传统写作的单词数的一半(或更少)

文章图片
该站点上的大量文本难以吸收-用户可能会立即退出而不是继续阅读。文本是统一的, 没有粗体或项目符号。这些部分的标题是通用的, 因此很难不阅读而准确地进行分析。
使用色彩流行和对比
文本的组织和位置不是设计中的唯一重要因素。颜色理论, 权重和对比度可用于引导用户注意。
NASA的座舱设计团队使用亮度(或设计的感知亮度)来帮助管理飞行员在充满竞争信息的区域中的注意力。座舱设计团队使用颜色和对比度使最重要的元素视觉突出。

文章图片
亮度和对比度可用于你的产品中, 以突出显示或淡化特定信息, 但在按钮或号召性用语设计中最常引用。正如你在下面的红色示例按钮中看到的那样, 尽管左上角的按钮最饱和, 但由于对比度最高, 因此它” 感觉” 最亮。

文章图片
对比度和亮度只是第一步。颜色理论建议通过使用60％的主色, 30％的次要色和10％的主色来平衡产品的颜色。这种故障与引起人们注意的背后的神经科学相一致。因为使用的是强调色, 所以吸引眼球最多。

文章图片
就像使用鲜艳的颜色吸引眼球一样, 使用更多的柔和颜色也可以帮助用户确定哪些信息是次要的或次要的。例如, 大多数网站使用页脚区域的颜色更中性, 以显示与页面上其余信息的分离。
任何功能或信息设计人员都会取消优先级设置, 从而帮助用户直接专注于最重要的交互或信息。

文章图片
大多数网站在底部使用柔和的颜色表示导航或参考资料。中心的较亮颜色向用户表明它们是最重要的信息。
设计心理学技巧＃4：肠道检查幸运的是, 你不需要数千美元的眼动追踪软件或脑电图就可以判断设计是否有效。
5秒测试是确定你的设计是否可以立即理解的强大工具。
在5秒钟的测试中, 参与者查看网站或应用5秒钟, 然后回答有关主题和设计的问题。参与者无法回想图片, 而是给出他们的” 印象” , 即参与者所假定的是产品的目的和功能, 以及他们将做什么或在哪里寻找下一步。
你的产品可能具有用户所需的所有功能, 但是如果喜欢样式的懒惰大脑不能立即掌握它, 它将继续发展。
设计师为” 心智读者” 随着我们对设计心理学, 大脑和感知的更多了解, 设计规范将在整个行业中不断变化。连接的线程是数据-随着神经科学和认知研究方法的改进, UX设计可用的数据类型和质量也会提高。
出色的用户体验设计不是魔术, 而是科学。神经科学。
本文是与UX研究人员Caitria O’Neill协作撰写的, 该研究员以前是Facebook的人, 现在是Airbnb的人, 也是斯坦福d.school的研究员。
【优秀UX的设计心理学和神经科学】? ? ?
在srcmini设计博客上进一步阅读：