如何在网页设计中运用心理学



蓝色可以让你感到平静,而鲜艳的红色可以让你感觉饥饿或受到威胁。我们都是通过自己的过滤器感知世界的,但对于什么吸引我们的眼睛去看东西,有一些一般的规则。

那么,是什么让一种设计比另一种更具吸引力呢?我们怎样才能进入访客的大脑,仅仅通过影响他们看到的东西,让他们有某种感觉?我们将看一看网页设计中使用的一些常见心理学技巧,以及如何利用这些技巧。

以大脑为路线图

为了充分了解网页设计对大脑的影响,必须对大脑的工作方式有一个基本的了解。创建一个成功的网页并不需要脑外科医生,但关于大脑如何感知体验的实用知识是有用的。如果这听起来像是哲学和心理学的奇怪结合,那么你的目标是对的:2012年发明的神经设计让我们能够根据审美判断客户体验的好坏。

neurodesign handdrawn comic图像来源:Interni杂志

我们可以将人脑最基本的概念之一应用到网页设计中,那就是它渴望秩序。我们的大脑形成所谓的“图式”,将信息组织到我们的世界观中。我们使用所谓的“启发式”或经验法则来解决日常生活中的问题。

模式识别就是一个很好的例子。当遇到刺激时,比如一行乱七八糟的文字,我们通常可以填空并找出文字应该说什么,因为我们的大脑经过训练,能够识别模式并使其适应我们已经知道的内容。那么,我们如何在网页设计中使用这些基本构建块呢?以下是几个示例:

  • 用户在浏览具有层次结构的网站时感觉更舒适。例如,如果您是一家在线零售商,您可以显示这样的类别:Home>;节假日>;圣诞节>;树木和装饰

提供舒适的模式并不是将大脑的组织技能应用于网页设计的唯一方式。尼尔森·诺曼团队开发了一个包含10种启发式方法的列表,用于网页设计。其中最重要的一个是使用识别而不是回忆的想法。

例如,你有没有遇到过这样的情况:你在社交聚会上遇到了一个人,你认出了他们的脸,但不记得他们的名字?你刚刚经历了心理学家所说的“提取线索失败”。这可能令人沮丧,这是一种你想不惜一切代价在网站上避免的体验。

在您的网站上使用识别功能可以为消费者带来更愉快的体验,因为您的界面实际上为他们做了更多的工作。以下是一些流行网站如何在其界面中使用识别:

  • 谷歌通过使用基于过去搜索和浏览历史的自动填充功能来帮助引导搜索

利用大脑的基本组织技能可以获得更友好的用户体验。然而,还有其他方法可以让消费者更容易使用网站。

构建网页设计美学

从柏拉图时代起,美学的正确使用就一直存在争议,他自己就写了一本关于这个主题的大部头。他也了解它的力量

Interactive design in relation to other fields of study图像来源:维基百科

多亏了现代心理学的进步,人们不再需要思考哲学课堂之外的美,因为研究告诉我们,有些东西是人类大脑感到愉悦的。让我们来看看某些网页设计元素是如何利用情感并为积极的用户体验做出贡献的。

颜色

颜色是最重要的元素之一,你可以用它来唤起用户的某种情感。这个概念并不新鲜;古希腊人认为幽默影响身体和人格。

人们说,以红色(代表血液)为主的人精力充沛、勇敢,这就是“乐观”一词的由来。相比之下,那些以黑色(代表胆汁)为主的颜色本质的人则被认为是沮丧的,这也是“忧郁”一词产生的原因。虽然我们可能已经从幽默和水蛭中毕业,但心理学仍然证明了颜色和情感之间的联系。

以下是更常见的颜色,以及主要网站开发人员如何利用这些颜色:

  • 红色代表活力、活力和青春。美国有线电视新闻网(CNN)使用了一个醒目的红色界面,让用户保持警惕,随时准备阅读新闻

我们之前发表过一篇关于网页设计中的色彩心理学的文章,下面是Kissmetrics的一张信息图,很好地总结了色彩心理学:

字体

即使是像你使用的字体这样简单的东西也会影响你网站上的用户体验。例如,衬线字体(有脚的字体,如泰晤士报新罗马字体)代表着传统和专业。底特律自由出版社和《纽约时报》等报纸使用衬线字体来传达重要性。相比之下,无衬线字体被用来唤起现代感。谷歌(Google)和苹果(Apple)等硅谷巨头使用无衬线字体出现在最前沿。

periodic table of typefaces图像源:SquidSpot

间距也是网页设计中的一个问题;如果你的字母之间的空间太小,它会传递一种密度和重量的感觉。另一方面,词与词之间的间距过大,则会散发出轻浮的气息。重要的是要在良好的间距和字体大小之间取得平衡,以展示您试图实现的角色。

图像

大多数陈词滥调都是真实的陈述,已经成为被过度使用的俗语,“一幅画抵得上千言万语”也不例外。想想看照片时你情绪激动的时候:时代广场的V-J日就是一个典型的例子:

kissing the was goodbye图像来源:维基百科

摄影师Ming Thein很好地分解了图像和情感之间的关系,因此在选择网站图像时牢记最终目标很重要。例如,一群专业人士在剪贴板上握手可能会唤起专业精神和能力,而卡通形象可能会传达年轻和幽默。

将这些原则应用于您的网站

现在你知道了网页设计心理学的基础知识。你如何将这些设计策略融入你的网站?以下是一些想法:

  • 了解您的优先人群。你的访客中谁占了大部分?是年轻的千禧一代吗?还是富裕的婴儿潮一代

使用心理学来推动网站设计是增加网站流量和促进销售的最简单方法之一。如果你遵循这些基本原则,你可能会对结果感到惊喜。

来源:https://speckyboy.com/psychology-in-web-design/

0