
人们经常错误地认为创意就是设计的一切,然而,设计并不仅仅来自创意。优秀的用户体验设计师往往是优秀的心理学专家。他们知道用户如何看待和判断设计的好处。
加州大学设计实验室主任唐·诺曼(Don Norman)在他的著作《设计心理学:
我们必须挖掘用户期望的本质,而不是按照他说的去设计。又见“不要只靠逻辑”,世界上有一半人不会理性思考。
设计师要想帮助用户解决问题或者提高效率,了解他们的痛点是非常重要的。这个过程包括理解用户的行为,并感同身受。
为了帮助你更好地理解用户,本文首先介绍从“设计心理学”原理中提炼出来的五个帮助提升用户体验的技巧。
一、关注设计中的「少即是多,多即是少」
想象一下,去一家餐厅,看完菜单上的100多道菜比从20道精挑细选的菜里挑菜要花更长的时间,而且设计往往是一样的。
大多数用户体验设计师喜欢给用户提供选择。毫无疑问,人们喜欢有选择的权利,但过多的选项会困扰用户,因为普通的人脑一次只能处理异常有限的信息。
这与心理学中的“希克定律”有关:“当面临更多选项时,人们也需要花更多时间来做出选择”。无论你是否意识到,人们的决定很大程度上取决于他们是否认为这是“值得的”,包括权衡成本和潜在收益。这就是所谓的“成本效益分析”。
图片来源:https://lawsolux.com/,with中文译者注。
那么如何将“希克斯定律”运用到设计中呢?
设计师应该永远记住,用户会为特定的目的使用你的网站。不要提供太多的选项,删除任何不必要的高亮、链接、文字、图片和按钮,让用户快速找到自己需要的设备,而不会被打扰。一份简历就是把一个庞大的流程分解成简单可控的步骤,通过清晰的指引让用户直奔目标,从而尽快引起他们的兴趣!
二、将最主要的信息放在最上面
图片来源:https://lawsolux.com/,with中文译者注。
眼球追踪的努力程度可以反映出用户注意力的分散程度,以及他们关注某个特定点的时间。根据眼球追踪研究,大多数用户阅读网页的模式相似。
最常见的模式是阅读跨度短的“F”型。用户首先水平扫描屏幕顶部,然后逐步向下移动,读取短跨度水平区域。
根据尼尔森诺曼集团基于45,237次浏览的网页研究,人们经常只阅读页面上20%的文本。更糟糕的是,在内容更多的网站上,网页文本每增加100个单词,人们的阅读时间只增加4秒。
那么,设计师如何在用户体验策略中锻炼这一点呢?把关键信息放在大多数人关注的位置,尽量用较短的、吸引眼球的话题吸引用户的注意力。
在这个个人不会逐字阅读的世界里,纳尔逊·诺曼为轻松浏览设定了以下原则:
突出显示要害词;
有意义的小题目;
项目符号列表;
每个段落只讲一件事;
倒金字塔原理:从结论最先;
传统写作字数的一半或更少。
三、郑重使用颜色
颜色是帮助人们识别和区分相似物体的工具。从心理层面来说,色彩能让人产生情感。色彩本质上是主观的而不是客观的。人们利用大脑的视觉系统来感知或创造颜色。
利用色彩吸引用户的注意力是设计师常用的方式。色彩为设计师提供了接触品牌的途径,大部分用户的购买时间和决策都受到色彩的影响。
那么,色彩心理学如何帮助设计师创造更好的用户体验呢?
Azure的设计经理乔·哈洛克(Joe Hallock)认为,不同性别对颜色的偏好存在显著差异:男性通常喜欢更大胆的颜色,而女性则更喜欢更柔和的颜色。
下图显示的数据清楚地显示了为什么蓝色是设计师最喜欢的颜色,为什么橙色最少被使用。但是,颜色的选择不能仅仅基于个人喜好,还要考虑用户的行为和喜好。
图片来源:https://lawsolux.com/,with中文译者注。
腾讯新社交产品4连发。社交霸主到底在担心什么?
四、清晰传达关联性
在设计中,通过元素的视觉变换更容易表现出组织性和关联性:比如用形状、颜色、大小等基本元素来表现关联性(或相似性)或不相关性(差异性)。
如下图所示,salon (old)网站的两个组件通过相对大小来区分,用户可以清晰地感知到两个独立的区域:左边的“头条故事”和右边的“阅读量最大”。虽然这两个部门的职能是一样的:呈现文章。但通过放大“头条故事”的版面,用不同的颜色显示作者的名字,用户可以先关注这个部门。
这与“相似律”有关:即使将元素分开,人眼也倾向于将设计相似的部门视为一个整体。
图片来源:https://lawsolux.com/,with中文译者注。
如果上面的例子还没有说服你,让我们来看看在设计中如何运用“相似律”来传达关系。
链接和导航是最常用的方便用户快速浏览网站的方式。通常,用户不会阅读整个页面,而是浏览链接或使用导航来找到他们需要的信息。
设计师经常在普通的网页设计中有意无意地使用“相似律”,这可以用来解释为什么那么多设计师喜欢使用蓝色下划线或者看起来一样的链接。
BoatUS的官方网站通过下划线和颜色来显示导航链接组之间的关系,以便读者可以在视觉上将相似的导航链接感知为站点数据结构中的相关或分层内容。
五、群集、合并、拆分以简化视觉
大多数帮我们的客户都说,“我们想要一个简洁直观的应用设计,能够打动用户”。
用户不喜欢杂乱庞大的设计。根据Hubspot组织的一项观察,“访问者关注的是他们是否能够跨越漂亮的设计或美妙的体验轻松找到他们需要的信息”。
图片来源:www.hubspot.com,中文为译者注。
设计师应该组织和合并相似的元素、信息或内容,以简化结构。准确地使用这些元素将对用户体验产生积极的影响。
这就涉及到“邻近规则”:相关元素要保持靠近,无关元素要远离或离开。
图片来源:https://lawsolux.com/,with中文译者注。
设计师有两种方法使用相似性规则来提高可用性:
(1)帮助用户找到要找的设备:你有没有被分类乱七八糟的网站所困?
如下图,用户希望查看可以购买的笔记本电脑类型。如果想让用户容易找到,就把相关条目放在“ComputersOffice”下(下图右边),而不是提供混在一起的选项(下图左边)。
(2)通过元素的视觉层次反映界面结构:建立字体层次、色彩层次等视觉层次,可以帮助设计师甚至非设计师做出优雅有用的设计。
一句老话也适用于设计:“如果什么都突出,就没有什么突出”。在设计的时候,一定要考虑用户的需求,而不是仅仅通过讨好的设计来欺骗用户。
在这篇文章中,我们介绍五个心理学原则来帮助你改进你的设计。其中,你认为哪一个可以最快应用到设计中,哪一个难度最大?也请结合自己平时接触的项目案例来思考这个问题。