将情感融入网站增加销售转化率

营销简介:情感设计已成为为网站创造卓越用户体验的强大工具。然而,情绪没有用来在网络上发挥如此重要的作用。其实他们根本就没有任何作用; 相反,他们被大量合理的功能和效率淹没了。 我们非常忙于尝试适应万维网作为我们忽视其全部潜力的新媒体。我们不是按照我们的条件使用互联网,而是适应其技术,首先是非人**化。如果不是像Don Norman或Aarron Walter这样有远见.....

情感设计已成为为网站创造卓越用户体验的强大工具。然而,情绪没有用来在网络上发挥如此重要的作用。其实他们根本就没有任何作用; 相反,他们被大量合理的功能和效率淹没了。

我们非常忙于尝试适应万维网作为我们忽视其全部潜力的新媒体。我们不是按照我们的条件使用互联网,而是适应其技术,首先是非人**化。如果不是像Don Norman或Aarron Walter这样有远见的同时代人,那么我们可能仍然着重于改进过程,忽视情感设计的潜力。

进一步阅读 SmashingMag:链接

  • 人格层
  • 重新设计与个**
  • 设计情感与悬停效应
  • 给您的网站灵魂与情感智能交互

在他的书情感设计中,诺曼描述了为什么“有吸引力的事情更好”。他解释了有吸引力的产品如何触发我们的创造力,最终扩大我们的心理过程,使我们更容忍轻微的困难。他所说的是,有吸引力的产品使问题解决更容易,这使得它们绝对必要。情感设计是诺曼对评论家的反应,他们说如果他们按照他的规则,他们的设计将只是功能,但是丑陋。所以,他进行了必要的研究,并提出了三个层次的视觉设计,所有这些都需要考虑,以使设计既可用又漂亮。

用户体验设计师Aarron Walter为这个新的设计时代创造了一本伟大的书:设计情感。在这本书中,他将情感定义为“人类的通用语言”,每个人都是天生的本土语言。他描述了情感体验的重要**,因为它们对我们的长期记忆产生了深刻的印象,并创造了“使用户感觉到一个人,而不是一个机器,在另一端的连接的体验”。

诺曼和瓦尔特认识到,情感是当代网页设计全面潜力的关键。让我们来看看他们的例子,并了解我们如何为一个更个人化,更有针对**和更有感情力的万维网做出贡献。

在这篇文章中,我们将介绍一个好的设计的基础,看看诺曼的三个层次的视觉设计,并介绍在网站中建立情感的实用方法


(图片来源:万年历艺妓500

良好设计链接基础

无论设计是否符合情感,几件事都是任何良好设计的基础。为什么在这里谈论设计的基础?想想房子的建设。首先,你需要坚实的基础; 那么你可以开始计划空间划分和建立墙壁。在网页设计中是一样的; 您需要了解您的内部设计目标,您的用户以及他们将在何种环境中使用您的网站。一旦完成了这项工作,您就可以开始设计了。

内部设计目标链接

在开始任何事情之前,问问自己你自己的目标是什么。这并不意味着你应该把自己置于其他过程的关注中心,但重要的是知道你想要沟通的形象,你的价值观和愿景,以及你希望别人看到你的方式。凭借这方面的知识,您的武装不仅在您的行动中,而且在您的外表中都非常清晰和一致。一定的连续**和可预测**增加了您的可靠**,这对于让人们与您建立关系很重要。

潜在用户链接

知道你正在设计的 您的未来用户将是购买和使用您的产品或网站的人员,因此请确保您知道他们想要什么。一般人口统计资料将全面了解您的目标对象。通过清楚地了解他们的目标,他们将如何使用您的网站,以及重要并且对他们无关紧要,您将学习如何定位用户。不知道您的潜在用户,设计可用和愉快的相关内容将非常棘手。

使用链接的背景

最后,想想使用的上下文。了解用户访问您的网站的情况和情况是有价值的。考虑可能涉及的情绪,并找出您和您的用户所扮演的角色。请注意,了解使用环境将使您在访问您的网站时更容易了解用户。它将帮助您更好地接触客户并与他们进行沟通。

今天,太多的网站仍然无法访问。在我们的新书包容**的设计模式,我们将探讨如何制定灵活的前端设计模式,使面向未来的访问接口,而无需额外的努力。精装书,312页。立即获取书籍!

诺曼的三层视觉设计链接

诺曼已经确定了三个层次的视觉设计,设计师可以将其应用于产品中。这三个层次是基于我们的大脑功能的方式,并且可以被看作是更具吸引力,有效,愉快和难忘的设计的指南。

诺曼与西北大学两位同事进行的情感研究表明,我们大脑中的不同层次导致了非常具体和先进的人类特征。这些水平是我们能够完成和创造事物的原因; 为什么我们可以成为艺术家,音乐家和作家; 为什么我们有文化的语言,艺术,幽默和音乐; 为什么我们意识到我们在世界上的作用,这意味着我们可以反思我们的经验。诺曼定义并应用于视觉设计的三个认知层面是内在,行为和反思水平。我们一个接一个地看着他们。

本能层次链接

第一个也是最低的层次是内脏。这是意识的水平,我们环境中的情绪信号被自动解读。内脏水平本能地工作,我们的个**和文化价值观都可以影响我们对某物的看法。在这个层面上的印象对我们有直接的影响。诺曼称呼从内脏层面“自下而上”行为发起的活动。

对于视觉设计,这意味着内脏水平与外观,触感和感觉的初始影响有关。通过观察人们的第一印象可以研究设计的内脏质量。一个良好的内脏设计让我们至少感觉到一些东西,希望让我们快乐,理想地让我们兴奋。


Vimeo有一个吸引人的页脚。该设计没有别的功能来吸引人们的注意。(图片:mattyschreck)

行为级别链接

行为层面是关于事情如何运作,以及我们如何使用和体验它们。在这个层面上重要的是功能,**能和物理感。

视觉设计需要具备满足实际需要的相关功能。行为设计需要可以理解和使用。虽然混乱和沮丧导致负面情绪,乐趣,易用**和有效**触发积极的情绪。为了确保良好的行为设计,您必须真正了解用户的需求 - 例如,通过观察他们如何与现场设计进行交互。


iPad的分离键盘有幻影按钮。这样,如果你习惯用左手输入字母Y,你仍然可以这样做。(图片:iOS中的更好的东西)

反光级联

反思水平代表了我们认知思维过程的最高水平。诺曼将这一层次的活动称为“自上而下的行为”。这个层次是有意识的,能够感受,感受和认知的高度。在反思层面上,我们解释和理解事物,我们对世界的理**,我们反思自己。反思水平在行使后设定,主导其他两个层次,这意味着通过广泛的推理,我们可以推翻自动行为和情绪影响。

在视觉设计中,专业知识使我们对设计的反应不同于我们不知道我们在看什么。反思设计定义了我们对产品的总体印象,因为我们反思了所有方面:消息发送,文化方面,产品的意义以及是否值得记住。


美国的高速公路就像一个地铁系统。这个信息图有一个很好的反射设计。(图片:Cameron Booth)。

在每一个好的设计中,所有的三个层次都在一起。不必等同加权,但是因为我们认为所有三个认知层面都有视觉设计,所以至少应该被解决。不过,这些不同级别的视觉设计可能会发生冲突。例如,我们对设计的看法在考虑之后可能会偏离我们初步的印象。此外,人们对设计的解释不同,对设计的内在,行为和反射**质有不同的偏好。

所以,外观设计只能构成一层视觉设计 - 内脏设计。行为水平与产品的工作原理有关,反射程度与设计的长期影响有关。以正确的方式结合这三个层次,您可以进行设计...

  • 吸引力吸引
    用户的注意力并影响他们的看法。
  • 有效
    引导用户的注意力,并确保他们找到他们正在寻找的内容。
  • 愉快
    允许用户欣赏您的网站并开心。
  • 令人难忘
    与用户建立关系,确保积极的记忆。

在您的视觉设计链接中实现情感

Web设计师如何应用这些知识?我们如何在我们的设计中建立情感?网站通常包含几个可以让设计更加个**化的元素,可以被视为“情感载体”。其中一些是明显的,如颜色,图像和形状。其他的并不那么明显,比如幽默,认同,不和谐,语调和参与。我们来看看不太明显的一些。

幽默链接

幽默是与人联系的有效途径。一个很好的笑声,甚至一点微笑可以打破冰块,使人们感到舒适,无论是在街上,在朋友的公司还是在你的网站上。然而,幽默也是一个微妙的事情,因为它是极难推广的。对一个人来说,什么玩笑可能是荒谬的,尴尬的,甚至侮辱别人的。

在您的网站上使用幽默时,请在启动前先考虑几件事情。以前讨论的设计的基础在这里很重要。了解您的用户和使用的上下文将帮助您确定人们是否会真正分享您的滑稽感。此外,请记住,您可能不会让每个人都笑,但避免让人感到不舒服,特别是以任何方式对他们造成伤害。不要忘了,网站幽默程度会影响用户对您的看法。

情感设计中 Walter讨论了网络幽默的一个说明**例子:FredChie von Chimpenheimer,MailChimp的漫画吉祥物。沃尔特将弗雷迪描述为一个友好的吉祥物,“欢迎用户,使他们感到宾至如归”。弗雷迪完美地反映了品牌的特质,如可靠**,简洁**和非正式**,而不会使整个网站变得愚蠢。吉祥物的作品是因为Freddie开玩笑说“你可以与妈妈分享”,但同时他也不会妨碍你的工作流程。这个很重要。幽默可以让人们参与,但不应该让访客烦恼。


MailChimp卡通吉祥物Freddie是幽默的一个很好的情感载体。

识别链接

本质上,我们不断寻求与他人的情感联系。这就是为什么我们喜欢在网站上看到脸的图像,为什么我们欣赏某种方式来认识自己。当我们看到一张脸,我们会被自动触发,感受到某种东西或与那个人同情。如果我们认识到网站上的内容,例如问题,困境,习惯或其他任何内容 - 我们感觉到连接和理解。

沃尔特在他的书中解释说,我们非常了解自己,所以我们试图把我们看到的一切与自己联系在一起。我们甚至可以涉及不直接显示人类特征的网页设计。在设计中认识我们身体的比例足以使我们将设计视为熟悉和谐调。这个原因是黄金比例,这有助于我们将设计理念与设计联系在一起,因为我们将抽象概念与我们自己的身体联系起来。

通过认识自己的设计,我们感觉到不仅仅是一个屏幕与一堆代码和图像。我们认识到人的存在,这使我们感到舒适和连接。沃尔特描述了一个网站的个**,使设计更加人**化。


Twitter的重新设计完全基于黄金比例。(图片:Doug Bowman

解析链接

将我们视为人类的另一个特质就是我们试图将世界融入模式。模式可帮助我们了解和了解事情的运作方式,并且让我们了解预期的内容 - 我们喜欢知道预期的内容,因为它使我们感到舒适。在他的文章“ 大脑同意:网站可用**指南案例”中,Todd Follansbee提供了一个很好的解释,为什么我们非常喜欢模式,以及我们如何在网上寻找其他地方。

可用**指南基于对我们大脑信息如何处理的深刻理解。遵循这些网页设计指南有助于我们为用户提供一致的结构,使他们能够适应他们的心理模型。只要用户识别网站上的模式,并发现所有内容都符合他们的期望,他们就可以专注于内容并快速实现目标。

但是,如果我们建立一个不符合这些模式的网站,我们可以预期会有两件事情发生。任何一个用户都会因为找不到自己想要的东西而感到烦恼; 这可能会导致沮丧,你想以任何方式避免。否则用户不会介意被剥夺他们的习惯,并欢迎一些分心; 他们可能看到与他们的期望不一致是积极或有趣的经历。

再次,人们的反应如何,在很大程度上取决于他们是谁以及他们使用你的网站的上下文。如果您知道访客打算找到某些信息,请确保满足他们的期望并坚持熟悉的模式。如果您期望用户有时间和愿望去探索,您一定可以发挥一些不和谐的作用,让他们注意力并让他们参与其中。


品牌公司Subplot对其网站布局清晰,但导航有趣且不寻常; 它吸引人,同时仍然易于使用。

音调链接

您在网站上使用的声音是一个重要的情感因素。如何与用户沟通说明您与他们的关系。当您通过单词传达某些信息时,您的语调会显示您对他们的看法,以及您希望他们对您的看法。心理学家弗里德曼·舒尔茨·冯•图恩(Friedemann Schulz von Thun)在他的“四方”交流模式中说明了这些不同层次的信息。

你的声音强烈地决定了你的第一印象。如果您在幽默的故事中包含严肃的信息,用户可能不会认真对待。另一方面,如果你尝试卖东西乐趣,你的语调太严重,用户可能也不会认真对待。

对于您自己的网站,了解您正在销售的产品,谁在购买它以及您在发送消息的上下文。


Wufoo通过其声调创造了一个独特的环境,进行调查。

参与链接

一个完全可用和可访问的网站仍然可以具有很高的跳出率,少量的注册或没有值得记住的特征。在他的“ **互动的艺术与科学 ”演讲中,斯蒂芬·安德森展示了人们如何帮助我们建立关系和积极的用户体验。万维网已经足够长了,我们认为是理所当然的; 我们没有注意到良好的可用**,我们并不惊讶地发现我们正在寻找的内容。

现在是一件事情,而不是被动消费的预期。我们想要参与,乐趣和娱乐。这种参与可以采取播放,互动或个**化内容的形式。我们喜欢定制的东西; 我们可以花几个小时在线玩社交游戏; 我们欢迎任何有趣的视频穿越我们的道路,对吧?

当然,与上述一样,您的用户及其上下文应该决定您如何参与。如果用户只是寻找最有效的方式与您的网站进行交互,那么尽可能简单的进行交互。用户越多的时间越多,他们越有好奇心,就越能吸引他们。


关于奴隶制足迹,用户可以以互动和互动的方式了解其对奴隶制的影响。

结论链接

情绪设计将临时用户变成狂热分子,准备告诉别人他们的积极经验。

- Aarron Walter

情感设计有很多品质。如果我们面对有吸引力的东西,我们会变得更有创意。这种创造力帮助我们更容易地解决问题。情绪也给我们积极的经验,使我们更快乐,给我们更好的回忆。诺曼根据不同层次的认知处理提出了三个级别的视觉设计:内脏水平(外观),行为水平(可用**)和反思水平(个人满意度,自我形象和记忆)。内部设计目标以及用户的需求,期望和环境将决定设计人员应如何平衡这三个层次以及要强调的内容,以充分利用设计。