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

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

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

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

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

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

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

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

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

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

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

我们都很清楚,专注于呈现产品的价值和优势,而非分析它为何会这样。所以,让用户与产品产生情感联系是最重要的。从上面的案例可以看出来,情感联系和情绪感染对产品销售而言是何等的重要。当然,文案是整个设计中的重要组成部分,如果你想设计出真正调动用户情绪,吸引人的优秀着陆页,那么不妨参考一下下面的优秀文案。

搜集想法并输入

将正确的人引入到讨论当中。你可以将一段对话发给任何人,即使他们并不使用Evernote。

了解谈话对象

始终看着说话的人。你会更轻松掌握他们的社交状况。

运行良好

通常手掌误触、删除和混淆只会在纸张和非支持的应用中出现,不过 Paper Pencil 依然可以在非连接状态下,同任何其他应用中作为触摸设备而使用。

不再错过任何邮件主题

相比于在诸多邮件中迷失,团队实时聊天、清晰的任务管理和项目计划等功能的集成,将会很好的缓解你的困境。交流信息、分享反馈都可以很好地帮你完成工作。

了解用户的需求和心理并不难,更好地利用产品的特性和用户的情绪才是最终达成目标的设计技巧。我想就是这样的。

designmodo

译文地址:优设

作者:Paula Borowska

译者:@陈子木

(0)

相关推荐

  • 如何在网页设计中使用绿色

    小编:植树节马上就要到来了,植树节让你想一种颜色你想到了哪种呢?绿色,代表着生机和希望.我们可以在保证视觉舒适的同时追求自然,让色彩丰富我们的生活.在网站主页上用绿色元素去突出信息重点是一个不错的选择 ...

  • 巧用格式塔原则处理网页设计中的正负空间

    本文中,我们讨论了关于网页正负空间的格式塔原则.文章虽然有点长但讲解详细,希望能对你有所帮助. 备注:翻译过程中为了适合我们的阅读习惯,有对原文进行一定的内容简化和语义修饰,如有不妥欢迎大家根据官网链 ...

  • 网页设计中要遵循哪些原则

    网页设计中要遵循哪些原则呢?怎样才能设计出一个合格的网页.我们知道,设计的个性化表现得非常明显,每个设计师都有着自己的设计理念,而企业也有着自己的需求,因而这两者经常会出现冲突.因此,网页设计中要遵循 ...

  • 网页设计中的形状法则

    今天的文章简直是网页设计师的福音,满满的干货,感谢@祝小贱带来这么好的教程.文章主要讲的是形状在网页设计中的妙用,运用适当的形状,可以瞬间让你设计的网页提高几个档次,关键文章还很浅显易懂,小编忍不住再 ...

  • 网页设计中的极简风格—无的力量

    小编:首先感谢@飞屋睿UIdesign为我们分享讲解什么是极简设计以及如何做到极简并配上很优秀的图来帮助我们讲解.不久前刚看到一句话来和大家分享下,感觉可以用来提升逼格.这句话是这样写的"U ...

  • 充分利用网页设计中的面包屑

    小编:面包屑导航是网页设计中非常重要的一个组成部分,虽然看起来短小精悍,但它的作用却非同小可.那么你知道面包屑导航都有哪些分类,分别的作用是什么吗?面包屑应该在什么时候使用?什么?你还不知道什么是面包 ...

  • 网页设计中的大事件 – 彩色字体

    小编:今天@Ethan为大家带来一篇关于网页设计中彩色字体的文章,主要介绍了什么是彩色字体以及注意事项和如何创作.感兴趣的小伙伴可以试着自己创作一下,完成后别忘记晒出来呦. 那么什么是彩色字体?这是一 ...

  • 【海平面】在网页设计中,如何应用纹理?

    当提到网页设计,纹理的应用是未来的趋势.极简主义的方式已经一去不复返了--我们想要纹理那种令人快乐的"小零碎"呈现在我们的网页上,现在就想要它! 纹理是一种简单而有效的方式,可以为 ...

  • 网页设计中文字排版设计的技巧

    谈到到网页设计中的排版,这是可个大学问.网站上每一个元素都能影响浏览,排版设计的好与坏绝对能考验一个设计师的基本功底,而短短的一篇文章并不能将排版介绍清楚,本文就先主要分享网站主题部分文字的排版,后期 ...