1. 兔课网
  2. 资讯
  3. 平面设计教程
  4. 网站产品页设计中隐藏的心理学冷知识

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

3725人阅读 2020-06-30 收藏

设计和心理学一直紧密相连。今天,让我们来谈谈登陆页面上设计隐藏的心理现象:即时情绪和预期情绪。这两个概念并不复杂,甚至也不容易理解。一旦你掌握了它们,你就可以轻松地使用它们。即时情感实际上是用户对产品的直接情感反应。当你的网页有可用性、可访问性或可读性问题时,用户会有消极的情绪反应。例如,当网页不能顺利滚动和加载信息时,你的直接反应可能是无助、困惑甚至不信任。这是用户对产品的一种即时情感。当然,用户的即时情绪可能是负面的,当然也可能是正面的。例如,在设计,一个优秀的页面会在你第一眼看到的时候就给你惊喜和印象。这种积极的即时情绪也是设计教师追求的效果。

即时情绪

1-1


Acorns是一款在线变化投资应用,可以帮助你转移闲置资金。设计的整个主页充分利用简单的设计来安抚游客的情绪。在简单的环境下,用户可以看到这个应用程序覆盖了所有的平台,并且在可用性方面无可挑剔。当他们看到6363.71美元时,他们会产生“这个应用可以赚钱!”心理暗示是,整套软件将使用户对应用程序产生积极的情绪,并引导他们下载和使用它。

Acorns

2-1


CartoDB允许以最漂亮的形式呈现地理信息。虽然地理信息看起来不像什么美丽的东西,但CartoDB却是。当你打开网页,你会看到一个令人兴奋和华丽的地图。CartoDB头版的大图片有如此迷人的魅力。尽管他们的数据库是非卖品,但只有当前的网页设计才能吸引大量的潜在客户。

CartoDB

3-1


作为一个流媒体应用,路透社电视一直在展示自己。整个网站的导航不多也不复杂,这使得持续不断的视频背景特别引人注目。然而,这种方法以更直接的方式向用户展示正在发生的新闻,并且能够使用户产生真实和即时的情绪。

Reuters TV

期望情绪不同于直接情绪,用户将结合他们过去的经历来产生对未来的一些期望。这方面最常见的例子是在网页上展示人们购买产品后的幸福生活照片。这种情景是吸引潜在客户并消除他们的理由的最重要的手段之一。此外,当用户开始想象使用产品的场景时,他们自然会与产品产生情感联系。如果你的产品能在用户中激起积极的情绪,它将增加品牌和产品的信任,增加用户的忠诚度。

预期情绪

4-1


我们已经多次推荐了格罗弗马德的网站,这是一个出售手工木制品的网站,从显示器支架到手机外壳都有。当你打开网站的时候,设计大师用旋转木马展示了一系列的产品使用场景,这些场景精致、精致、吸引人。在这些照片中,你会看到你的电脑在使用它们的支架时有多漂亮,在使用它们的手机外壳时有多帅。用户被这些图片所吸引和说服。

Grovemade

5-1


这个网站上展示的照片更多的是生活方式的照片。整个网站使用单一页面设计,和整个页面是相当长的。设计大师在这个网站上通过九张图片展示了一个定制的钱包,用很少的文字和优秀的图片。该产品的展示并不突出,但没有干扰使产品图更有吸引力,数千字不如图片直接。你想要什么?漂亮的产品?来买吧。

Madeindays

6-1


记叙文可穿戴相机可以帮助你每隔几分钟就拍一张照片,这使得这款相机有许多不同于其他产品的优秀特性。因此,当你打开网站的时候,你看到的是一个由不同生活时刻组成的视频。最后,页面显示了相机的形状和外观,但这不是最重要的。你买的不是真正的相机,而是一种生活方式,或者生活本身。你不需要拿出手机来录音。这台相机会帮你拍照,那些难忘的记忆会清晰地记录在里面。这是一个简单但有意义的镜头,可以帮助你记录生活中的瞬间。

Narrative

我们都很清楚,我们专注于展示产品的价值和优势,而不是分析为什么会这样。因此,最重要的是让用户与产品有情感联系。从以上案例中,我们可以看到情感纽带和情感传染对产品销售的重要性。当然,文案是整个设计的重要组成部分。如果你想让设计设计出一个能真正激发用户情感和吸引人的优秀登陆页面,你不妨参考以下优秀文案。

专注价值

7-1


搜集想法并输入把合适的人引入了讨论。你可以向任何人发送对话,即使他们不使用Evernote。

Evernote

8-1


了解谈话对象总是看着演讲者。你会更好地了解他们的社会状况。

UberConference

9-1


通常只有在纸和不支持的应用程序中才会触摸、删除和混淆纸笔,但纸笔在与任何其他应用程序不连接的状态下仍然可以用作触摸设备。

Pencil by FiftyThree

10-1


与在许多电子邮件中迷失相比,团队实时聊天、清晰的任务管理和项目规划的整合将缓解你的困境。交流信息和分享反馈可以帮助你很好地完成工作。理解用户的需求和心理并不难。更好地利用产品的特性和用户的情感是实现这一目标的最终设计技巧。

相关文章推荐

陈漫老师告诉你修图标准,修皮肤尺度怎么掌握
艺术字,用PS制作逼真的玻璃上的水滴字
鼠绘食物,ps鼠绘红苹果教程
20几岁如何从零开始学习平面设计?
平面设计好学吗?有前途吗?工资待遇如何?,平面设计入行难吗?
淡蓝色,调出清新淡蓝色海边照片
福州到哪学习平面设计呢?哪家培训学校比较专业啊!个人对设计还是比,福州培训平面设计哪家比较好呢?
高光字,ps设计红色高光文字效果
品牌塑造中的设计心理!
去文字,如何用PS快速去除图片上的文字

特别推荐

上一篇>> 一份超实用的设计规范制定指南

下一篇>> 设计和艺术有哪些本质的区别

新人大礼包

1
咨询客服
平面设计零基础学习交

交流Q群

微信公众号
返回顶部