涨姿势！网站产品页设计中隐藏的心理学冷知识

优设网 • 8年前扫码分享

我是创始人李岩：很抱歉！给自己产品做个广告，点击进来看看。

emotions-landing-pages-1

设计和心理学一直是紧密关联的。今天我们来聊聊着陆页的设计中所隐藏的心理学现象：即时情绪和预期情绪。这两种概念并不复杂，甚至很容易理解，一旦你掌握，就能得心应手地运用。

即时情绪

即时情绪其实就是用户对于产品直接情绪反应。当你的网页出现可用性、可访问性或者可读性的问题的时候，用户出现负面的情绪反应，举个例子，当网页无法流畅滚动，无法加载信息的时候，你的直接反应可能是无奈、困惑甚至不信任。这是用户对于产品所呈现出的一种即时情绪。

当然，用户的即时情绪可能是负面的，自然也可能是正面的。比如一个设计优秀的页面会在你看到的第一时刻，令你为之惊叹，留下深刻印象。这种正面的即时情绪也是设计师们所追求的效果。

Acorns

1-1

Acorns 是一个在线零钱投资APP，可以帮你将闲置的资金动起来。整个主页设计充分使用了简约的设计来平复访客的情绪，整个简约的环境下，用户可以看到这款APP覆盖了全部的平台，在可用性上无可挑剔！当他们看到$6,363.71 会进而产生“这款应用能赚钱！”的心理暗示，整个这一套下来，让用户对这款应用产生正面的情绪，引导他们下载使用。

CartoDB

2-1

CartoDB 可以让地理信息以最漂亮的形态呈现出来。虽然地理信息怎么都不像是能漂亮起来的东西，但是CartoDB还真就做到了。当你打开网页的时候，你会看到一幅令人兴奋且足够华丽的地图。CartoDB的首页大图就是有这样吸引人的魅力。虽然他们的数据库并不是拿来销售的，但是仅目前的网页设计就可以吸引相当一部分潜在客户。

Reuters TV

3-1

作为一款流媒体APP，Reuter TV 无时无刻不在做自我展示。整个网站导航并不多也不复杂，这也使得时刻不停的视频背景显得特别抓人眼球。但是这种方法却以更加直接的方式为用户展示正在发生的新闻，并且可以让用户产生真实的即时情绪。

预期情绪

预期情绪和即时情绪不同，用户会结合他们看到的过去的经验来产生对于未来的某种预期。这方面最常见的例子，就是在网页中展示购买了产品之后的人们幸福的生活照。这样的场景是吸引潜在客户并打消他们的由于的最重要的手段之一，而且，当用户开始想象自己使用产品的场景的时候，就会自然而然地同产品产生情感纽带。如果你的产品能在用户中引起积极的情绪，就能为品牌和产品增加信任度，用户的忠诚度也会随之提高。

Grovemade

4-1

我们曾经多次推荐过Grovemade 的网站，这是一个销售手工木制品的网站，从显示器支架到手机壳，不一而足。当你打开网站的时候，设计师用轮播图展示一系列产品的使用场景图，精致，细腻，吸引人。你会在这些图片中看到你的电脑用上他们的支架有多漂亮，用上他们的手机壳有多帅气，用户就是在这一张张照片中被吸引、被说服的。

Madeindays

5-1

这个网站所展示的照片则更多的是生活方式类的图。整个网站采用的是单页设计，而且整个页面也相当的长，设计师在这个网页中通过九张图展示了一款定制化的钱包，文字很少，图片很赞。这种产品的展现方式谈不上多么突出，但是缺乏干扰的呈现方式让产品图更加吸引人，千言万语不如一张图来的直接。你要的是什么？漂亮的产品么？来买就好了。

Narrative

6-1

Narrative 可穿戴的相机，它可以每隔几分钟就帮你拍张照片，这种功能使得这款相机有许多不同于其他产品的优秀特性。所以，当你打开网站的时候，映入眼帘的是个一个由不同生活瞬间构成的视频。页面最终确实给你展示了相机的造型和外观，但是这不是最重要的——你买的最终并不是一个实体相机，更多的是一种生活方式，或者说就是生活本身。你再也不需要掏出手机来刻意记录，这个相机会帮你拍摄，那些难忘的记忆也会清晰地记录在其中，这是一个简单但是意蕴丰富的镜头，帮你记录生活的瞬间。