---
title: 5个心理学网页设计技巧，教你如何引起用户共鸣并提升点击率
date: 2015-09-16T16:00:00Z
modified: 2024-06-18T09:53:17Z
permalink: "https://www.tmogroup.com.cn/insights/other-26247/"
type: post
status: publish
excerpt: ""
wpid: 100701
categories:
  - 其他资讯
  - 电商开发
featured_image: "https://www.tmogroup.com.cn/wp-content/uploads/2024/06/色彩心理学.jpg"
timestamp: 2024-06-18T09:53:17Z
tags:
  - 其他资讯
  - 电商开发
---

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

### 1. 人性化的设计技巧

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

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

![人性化的设计](https://www.tmogroup.com.cn/wp-content/uploads/2015/09/人性化的设计.png)

### 2. 巧妙的色彩搭配

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

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

![颜色的情感](https://www.tmogroup.com.cn/wp-content/uploads/2015/09/颜色的情感.jpg)

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

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

### 3. 席克定律：选择越多，越难下决定

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

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

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

![shopify2010](https://www.tmogroup.com.cn/wp-content/uploads/2015/09/shopify2010.png)

现在，它看起来是这样的：

![shopify2015](https://www.tmogroup.com.cn/wp-content/uploads/2015/09/shopify2015.png)

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

### 4. 考虑移动化设计

如今，我们已经意识到了移动世界的到来。谁也无法确定未来的台式机会不会被颠覆。看似是一个大胆的想法，但是事实上[移动商务](https://www.tmogroup.com.cn/mcommerce/)已经越来越普及，手指尖的互动设计已经成为必然。随着屏幕的变大，让我们看看下图的使用状态：

![屏幕大小的移动端设计](https://www.tmogroup.com.cn/wp-content/uploads/2015/09/屏幕大小的移动端设计.png)

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

### 5. 人脸设计

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

![面部表情在网站设计中的应用](https://www.tmogroup.com.cn/wp-content/uploads/2015/09/面部表情在网站设计中的应用.png)

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