作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.
听听这篇文章的音频版本
有一门科学可以解释为什么特定的设计会吸引你的眼球,让你热血沸腾.
人类的大脑是懒惰的、有偏见的,而且容易走捷径.
人类认知的用户体验研究可能是模糊的, 不科学的, 而且充满了错误的假设——也许这是懒惰的大脑的错.
认知是复杂的,许多因素影响着直觉反应或即时印象. 当你问别人:“你为什么要那样做??他们很有可能答不上来 或者你会误解他们的反应.
进入神经科学.
而像观察和访谈这样的研究方法通常需要用户体验研究者和参与者进行猜测, 像眼球追踪这样的现代技术 使研究人员能够研究几乎难以察觉的反应和偏好.
对于具有大量流量的产品, 看似微小的细节,如按钮的宽度或文本的颜色对比,可以造成数百万美元的差异. 这就是为什么像Facebook和谷歌这样的科技巨头开始采用基于神经科学的技术来研究人们如何使用他们的产品.
我们先来介绍一下反应。”快速思考,并提供一些建议 设计师 帮助利用神经科学的力量来创造伟大的用户体验.
众所周知,驱使人类行为的很多因素都是潜意识的. 在用户遇到一个新的应用程序或网站后的几毫秒内, 数以百万计的神经元被激活,大脑做出数百个潜意识的决定.
我在“正确”的地方吗? 我应该信任这个网站吗?
YouTube用户体验研究员Javier Bargas-Avila在2012年的一份报告中表示 研究 那。 人们在接触网页后的最初17到50毫秒内会形成对网页的审美反应.
从这个角度来看,眼睛眨眼睛需要300-400毫秒. 您的产品可能在不到一眨眼的时间内接受审判、判决和判决.
这些印象可能不会引起注意,但它们确实会影响行为. 例如, 如果一个网站加载缓慢,大脑将加载的第一个条目视为“偏离主题”,用户可能会立即离开,而不是等待网站加载.
Facebook等公司投入了大量资源来研究元素的负载顺序. 如果有人登录Facebook,却没有看到任何通知徽章, 他们可能会立刻离开. 如果徽章先加载,那么它们可能会等待内容丰富的News Feed加载.
诺贝尔奖得主丹尼尔·卡尼曼的书 思考,快与慢 将人类的思想和决策分为两个系统,以帮助说明两者的区别.
系统1: 快速的,自动的,频繁的,情绪化的,刻板的,潜意识的.
系统一思维是 无功-负责复杂但本能的认知,如确定物体之间的距离或决定情绪反应. 你懒惰的大脑通常默认为系统1思维.
系统2: 缓慢,努力,逻辑,计算,有意识,不频繁.
系统二思维是 分析 并适用于更复杂的场景, 比如决定适当的社会行为,或者比较两种不同价格和特性的产品.
因为大脑不想在每次面对新情况时重新处理信息或做出新的决定, 人类的很多决策都属于系统1, 或者“思维敏捷”.”
当快速做出决定时 大脑可能过度依赖图式或 心智模式-熟悉的信息和互动模式. 当系统1思维被激活时,系统2永远不会生效. 人们可能没有意识到他们大脑的决策速记, 但它强烈地影响了他们的行为和对产品的看法.
人类的大脑消耗了人体高达25%的氧气,尽管它只占人体质量的2%. 大脑作为一种生存机制是懒惰的模式识别和捷径意味着更少的精力花在有意识地处理情况上. 大脑识别事物,给它们贴上标签,然后忽略它们,直到它们再次相关.
大脑对模式的偏好和懒惰的决策可能使生存更容易, 但这让用户体验设计变得更加困难. 你如何研究你的研究对象甚至无法感知的东西?
少量的 神经科学技术最近进入了用户体验研究, 帮助研究人员揭示刺激“快速思维”的事物.”
注意力和知觉可以用 眼动跟踪摄像机. 情绪反应和觉醒可以用 皮肤传感器 或者面部分析. 大脑中的电反应可以用 脑电描记法.
To 设计师, 在不到一眨眼的时间内抓住某人的兴趣并传达重要信息,这听起来像是一项不可能完成的任务. 幸运的是, 就像神经科学可以帮助我们诊断问题一样, 它还可以揭示一般解决方案和最佳实践.
以下是我们从神经科学中学到的一些经验 用户体验研究 设计师在设计数字产品时可以使用.
每个人访问一个网站或应用程序时,都对它应该是什么样子抱有一些期望. 与预期保持接近会有所帮助 设计师 从即时的潜意识决策中获益.
的 person who opens your app or website wants to know a) does this have what I am looking for; and b) is this high quality? 保持 设计简单,保持品牌,服务和产品的前沿和中心 帮助人们自我定位.
把一些信息放在前面和中心意味着防止其他信息挤占它. 整理设计和重新安排组件一样重要.
你会注意到,科技公司正在转向更简单、更少拥挤的界面. 这些 极简主义设计 在任务完成和 视觉清晰度会影响购买决策 在线和离线.
这是 科学证明 视觉上简单和干净的设计效果更好. 懒惰的大脑可以立即掌握网站的目的,并了解采取什么行动.
启动, 或者让某人为即将到来的信息或交互做好准备,可以提高用户对新信息的理解和反应能力. 你可以让别人期待UI元素之类的东西, 特定的相互作用, 或者过程中的时间.
例如, Yelp使用了一个额外的屏幕来提醒用户他们正在离开Yelp去访问第三方网站. 额外的上下文有助于向用户发出信号,让他们期待新的设计和信息体系结构.
启动是一把双刃剑. 你不想传达的信息仍然会影响决策. 例如, 如果你的摄影公司只提供婴儿的照片, 有人可能会错误地认为你只服务婴儿客户.
眼动跟踪 研究人员能够在人们与产品互动时跟踪他们的目光. 它们可以生成热图,显示人们专注于屏幕某一部分的时间长度, 或者是眼睛如何在页面上跳跃的地图.
我们知道,在不同行业和应用类型中, 大脑通常以f型扫描信息 (或E-pattern). 这个人看最上面的信息, 向右阅读, 然后向下浏览页面寻找相关信息或图标.
例如,打破f型, 把重要的信息放在右下角会让人更难找到.
根据… 尼尔森诺曼研究 在45,237个页面浏览量中,人们只阅读了页面上约20%的文本. 更糟糕的是, 在有更多内容的网站上, 每增加100个单词,人们只会多花4秒.
在一个人们不逐字阅读的世界里,尼尔森诺曼采用了 遵循可扫描文本的指导方针.
文本的组织和位置并不是设计中唯一重要的因素. 色彩理论、权重和对比可以用来引导用户的注意力.
美国国家航空航天局的驾驶舱设计团队使用亮度——或设计的感知亮度——来帮助管理飞行员在充满竞争信息的区域的注意力. 的 驾驶舱设计团队使用颜色和对比度 使最重要的元素在视觉上突出.
亮度, 对比, 可以在你的产品中用来突出或淡化特定的信息吗, 但它最常被用于按钮或号召性行为设计. 正如您在下面的红色按钮示例中看到的那样, 尽管左上角的按钮是最饱和的, 它“感觉”最亮,因为对比度最高.
对比度和亮度只是第一步. 色彩理论建议在60%的时间里使用主色来平衡产品的色彩, 二次30%, 口音10%. 这种分解与吸引眼球背后的神经科学是一致的. 因为强调色使用得最少,所以它最能吸引眼球.
就像使用鲜艳的颜色可以吸引眼球一样, 使用更柔和的颜色可以帮助用户确定哪些信息是次要的或不太重要的. 例如, 大多数网站使用比较中性的页脚区域来显示与页面上其他信息的分离.
任何功能或信息设计师都可以帮助用户直接关注最重要的交互或信息.
幸运的是,你不需要花费数千美元的眼球追踪软件或脑电图来判断一个设计是否有效.
5秒测试是一个强大的工具,可以确定你的设计是否能立即被理解.
在一个 5秒钟测试里面, 参与者观看一个站点或应用5秒, 然后回答关于主题和设计的问题. 无法返回到图像, 参与者给出他们的“印象”——参与者认为是产品的目的和功能, 以及他们会做什么,或者他们会在哪里寻找下一步.
你的产品可能拥有用户想要的所有功能,但是 如果懒惰的、喜欢模式的大脑不能立即理解这一点,它就会离开.
随着我们对设计心理学的了解越来越多, 大脑, 和感知, 整个行业的设计规范将继续发生变化. 随着神经科学和认知研究方法的改进,数据成为连接线, 用户体验设计可用数据的类型和质量也是如此.
优秀的用户体验设计不是魔术,而是科学. 神经科学.
本文是与UX研究员合作编写的 Caitria O ' neill他曾在Facebook工作,目前在Airbnb工作 斯坦福大学的维.学校.
• • •
设计原则是用来组织或安排构成设计的结构设计元素的概念. 这些原则的运用方式影响着表达内容, 或者作品传达的信息.
设计模式分为三种基本类型:行为模式、创意模式和结构模式.
设计的五个要素是:线条、形状、质量、纹理和颜色.
用户期望是我们使用设计模式的原因之一. 在软件开发中,这与我们使用食谱来烤蛋糕的原因是一样的. 它们是用于实现已知结果的可重复过程. 没有食谱,每一块蛋糕都将是一个全新的发明——软件的设计模式也是如此.
根据研究,f型阅读是人们倾向于阅读网站内容的方式. 人们通常首先看顶部的信息, 向右阅读, 然后向下浏览页面寻找相关信息或图标.
眼动追踪技术使市场研究人员能够识别网页或应用程序上哪些项目吸引了某人的注意力, 了解顾客如何感知产品周围的环境, 辨别是什么驱使他们决定购买或采取行动.
这可能取决于你问的是谁. 设计的八个原则是:平衡, 对齐, 对比, 比例, 强调, 运动, 团结, 和节奏.
世界级的文章,每周发一次.
世界级的文章,每周发一次.