5个心理学网页设计技巧,教你如何引起用户共鸣并提升点击率

TMO Group

人们总是对事物的第一眼印象深刻。对于一个网站来说,网站的布局,颜色,按钮等等都是首先进入眼帘,并能给出第一印象的东西。这也是为什么网站的首屏设计如此重要。本文将会给出5个心理学的网页设计技巧,教你怎样引起用户的共鸣并引导用户点击

1. 人性化的设计技巧

也许建设网站的时候,你会忽略人们本身对此的想法。事实上,面对对象市场的设计是首要的一步。也许游蛇设计对于你·个人来说有足够的意义和说服力,但对于网站的访问者,甚至是商业模式来说是一文不值的。

我们来看一个著名的例子:Reddit。网站的设计元素几乎可以忽略。但这并不重要,也并不影响其成为世界著名的社交新闻站点之一。同理,大部分的论坛更注重其功能和网站性能方面,人们的目的很明确,繁琐的设计反倒是画蛇添足。

人性化的设计

2. 巧妙的色彩搭配

色彩的搭配是很多设计师们喜欢讨论的话题。因为不同的颜色往往可以带来不同的感受。对于色彩的理论也有很多种,但事实上大多数都是有一定的个人的倾向性的。例如你可能觉得红色代表着热情,而对于我似乎代表着禁止与警告等。

那就是说,在关系到市场方面,能够了解一定的颜色理论是有帮助的。下图是某公司对于logo颜色的情感分析,可作为参考学习。

颜色的情感

  • 红色:提升心跳,表示紧急,往往也跟促销联系在一起
  • 蓝色:表示信任和安全。一般被很多的银行和技术公司使用
  • 绿色:经常表示健康,也是视力的保护色,对眼镜的刺激较小

此外,来自Kissmetrics的调查还发现,男人们更偏向于高亮刺眼的颜色,而女士们比较喜欢温和的颜色。

3. 席克定律:选择越多,越难下决定

有多少次买薯片的时候,你在犹豫不决的选择品牌?站在货架的面前,面对十几种品牌是否感觉到不知所措呢?这不是选择性困难症。相同的事情也可以发生在网站上。

太多的导航链接,产品或者图片总会令消费者不知所措。很可能他们会受到过多的刺激而离开网站。适当的留白设计可以使消费者没有催促感。例如Facebook或者twitter的设计是很简洁的。只有很少的地方可以互动,包括注册,图片和发布按钮。

很巧合的是笔者经历了shopify的网站改版过程。在2010年,它的网站看起来是这样的:

shopify2010

现在,它看起来是这样的:

shopify2015

最明显的莫过于导航的改变。登陆注册被单独拿出来,也是其网站的主要转化目的。

4. 考虑移动化设计

如今,我们已经意识到了移动世界的到来。谁也无法确定未来的台式机会不会被颠覆。看似是一个大胆的想法,但是事实上移动电商解决方案移动电商由于其轻便易于携带,以及能够满足消费者随时随地的即时消费需求,已然成为越来越重要的网购方式。加之偶发性和冲动型消费快速滋长,品牌零售商的电商移动化战略成为必然。移动商务已经越来越普及,手指尖的互动设计已经成为必然。随着屏幕的变大,让我们看看下图的使用状态:

屏幕大小的移动端设计

看出什么了吗?大拇指的活动范围几乎是不变的。假如我们的按钮在屏幕的中上方,那么对于大屏用户显然是不习惯的。

5. 人脸设计

你们喜欢看笑脸吗?这是几乎可以被认定为最容易被理解的表情,无关于背景和语言。一个来自Caltech的调查显示,我们的脑细胞的某个区域是只对脸部表情有反应的。是不是觉得很惊奇?接下来的问题就是怎样点燃这些细胞。下面让我们一起看一下一个运用面部表情的茶类网站设计。

面部表情在网站设计中的应用

其实很多情况下,我们的网站都可以运用一些面部表情,来表达情感或者与消费者互动。