bts防弹少年团演唱会

bts防弹少年团演唱会

说服性网页设计的5个原则

《说服性网页设计的5个原则》

Cialdini将影响分解为6个%E8%AF%B4%E6%9C%8D%E5%8E%9F%E5%88%99” target=”_blank” rel=”noopener noreferrer”>等等 。

但是如果没有言语说服某人 – 可能呢?

你打赌。

研究人员在全球不同机场的小便池上安装了“飞行器”

《说服性网页设计的5个原则》

小便池中苍蝇的存在实际上改变了人类的行为。 怎么会? 显然,男人有直觉的本能。 当苍蝇在阿姆斯特丹史基浦机场引入时,溢出率下降了80%( 不想知道他们是如何测量的 )。

这是让人们在不使用文字的情况下做你想做的事情的明显案例。 有说服力的设计在行动。

丹麦人是否自私?

该图表显示了注册器官捐献者的人数除以国家:

《说服性网页设计的5个原则》

因此只有4.25%的丹麦人,但超过99%的奥地利人 – 这里发生了什么? 奥地利人比丹麦人更自卑吗? 好吧,不。 真正发生的事情是,当黄牌代表的人获得驾驶执照时,应用程序上有一个复选框,如果你想成为一名器官捐赠者,请勾选“勾选此框”。 在用蓝色条表示的国家中,复选框显示“如果您不想成为器官捐赠者,请勾选此框”。

人们会选择任何默认设置。 默认设计也是设计。

人们会改变软件设置吗?

这是另一个小窍门。 回到当天, UIE分析了人们的Microsoft Office设置 。 我们调查的用户中只有不到5%的用户完全改变了设置。 超过95%的人将设置保存在程序安装的确切配置中。 重要课程:人们不要乱用默认设置 (除非他们是设计师或开发人员)!

如果您希望更多人采取行动,请将首选操作设为“默认”。 当然,这可能会被滥用 – 比如RyanAir将购买旅行保险作为默认选项,而Vistaprint则默认使用“会员”登记。 这不是结交朋友的方式。

话虽如此,默认设计有很多机会。

我们花了很少的时间在刻意思考上

你有没有读过Blink:没有思考的思考力量 (Malcolm Gladwell)或者思考速度慢 (Daniel Kahneman)? 你应该。

他们两人都提出了一个令人信服的案例,说明我们人类主要是如何使用自动驾驶员。 在做决定时,我们很少停下来分析和思考。 我们做出快速判断,我们甚至不知道为什么或如何做出这些决定。

当我们必须为我们的自动驾驶决策辩护或提供理由时,我们胡说八道。 事实是我们不知道。

我们的决定会根据我们的想法而改变

当我们决定自动驾驶时,与我们对行动进行一些深思熟虑的思考时,结果会发生变化。

《说服性网页设计的5个原则》

在一项研究中,学生被要求品尝不同的果酱,并按照喜好的顺序排列。 没有解释 – 学生正在使用他们的自动驾驶模式。 然后将结果与消费者报告中的食品专家的排名进行比较。 排名结果非常相似。

现在,他们改变了 – 他们让学生解释他们的选择 – 提供理由 – 这使他们使用缓慢,刻意的思考。 结果大不相同。

它不仅仅是关于果酱 – 他们对大学课程排名也一样。 根据人们是否必须为自己的选择辩护,结果会有很大差异。 这是自动驾驶员与故意思考的行动; 我们根据我们在特定时刻的思考方式做出不同的决定。

了解您的目标受众

所有这一切的重点在于:您需要了解客户的理性思维,并且需要了解他们的潜意识和情感决策过程。 通过与他们交谈,用户调查,可用性测试和拆分测试,您可以了解这些内容。 我的这篇文章会给你一些如何做的想法。

您真的需要了解您的产品或服务如何适应客户的生活。 当我们提供他们需要的东西并希望以与他们产生共鸣的方式时,转换将达到最高水平。

以下所有内容都假设您对目标群体有一个很好的了解。

有说服力的网页设计的5个关键原则

遵循以下5条原则以改进转换。

1.首先是清晰度

我们的大脑是一个质疑器官。 当我们第一次看到某些东西时,我们立即问:“这是什么?”(我可以吃它吗?还是会吃掉我?)

难怪当人们被问到网站上对他们最重要的东西时,他们会说“找到他们感兴趣的东西”:

《说服性网页设计的5个原则》

当访问者访问您的网站时,他/她需要答案并快速需要他们。 他们首先阅读的内容需要提供以下问题的答案:

  • 这是什么网站?
  • 我能在这做什么/它是我在找什么?
  • 我为什么要这样做/对我有什么用?

学会制定引人注目的价值主张 。 你的价值主张需要回答这个问题:我为什么要向你而不是竞争对手购买?

这不仅仅是你的主页需要明确 – 所有这一切都需要。 产品页面,关于页面等。

对于您网站上的每个页面来说,清晰度是最重要的 – 它是否清晰易懂? 这里很清楚:

《说服性网页设计的5个原则》 它是什么: “今天开始接受信用卡”+一个清晰,相关的图像。
我能在这做什么:我可以买一个读卡器。
我为什么要这样做:它是免费的,每次刷卡只需2.75%。

我最喜欢的坏榜样(你能告诉他们卖什么吗?):

我们的销售点系统将硬件,软件和互联网社交媒体营销整合到一个巨大的收入超级系统中。

另一个例子:

《说服性网页设计的5个原则》

好处:他们使用视觉效果来传达他们所关注的内容。 人类大脑处理视觉效果比文本快50倍。 显示您正在销售的产品是个好主意。

糟糕的是:“找到最简单的方法……”。 人们不相信最高级的人。

具体而言,不要使用最高级

出于某种原因,人们很容易开始抛出“最好”,“最简单”,“最快”等字样。 如果这是真的 – 提供充足的证据(纽约时报说过,这项科学研究证实了这一点)。 如果这是你的意见 – 不要说出来。

我们大多数人每天都会看到这样的事情:

《说服性网页设计的5个原则》

“镇上最好的披萨”。 有人买吗? 不。 下面的线条怎么样:“自制意大利面”。 我们相信吗? 当然! 为什么? 因为它具体而且不包含最高级。

因此,他们可以说“我们在20分钟内送出你的披萨”而不是像“最好”这样的说法,而且每个人都会相信它。 如果他们从事提供比萨饼的业务,那就是一个很好的价值主张。

2.视觉吸引力

一旦人们明白他们在正确的地方并且我们提供的内容很有趣,我们的工作就是进一步吸引他们并将他们推向销售漏斗。

第一印象很重要

正如我之前所说,人们会做出快速判断。 用户需要大约50毫秒 (即0.05秒)才能形成对您网站的看法,以确定他们是否喜欢您的网站 – 无论他们是留下还是离开。

英国研究人员分析了不同设计和信息内容因素如何影响在线健康网站的信任。 该研究清楚地表明,网站的外观和感觉是第一印象的主要驱动力。 在测试参与者给出的所有反馈中,94%是关于设计(复杂,繁忙的布局,缺乏导航辅助,忽略网页设计,特别是使用颜色,弹出广告,网站介绍缓慢,小字体,太多文字,公司外观和感觉,搜索设施差。 只有6%的反馈是关于实际内容的。 到目前为止,视觉吸引力和网站导航对人们对该网站的第一印象影响最大。

由于以下三个原因,第一印象非常重要:

这是新的特斯拉Model S

《说服性网页设计的5个原则》

大多数人都没有看到它,但一旦他们这样做,他们总结出“这是一辆好车” – 完全基于它的外观。

您的网站也是如此。 如果它给人留下了良好的第一印象,那么您的工作将变得更加容易。 消极的第一印象将是拖累,并影响对您的产品和服务的整体看法。 如果它看起来像垃圾,一定是垃圾!

什么使网页设计好?

我喜欢蓝色,你喜欢绿色。 那么是什么让设计变得更好?

谷歌为我们做了沉重的工作,并确定有两个关键因素“人们喜欢什么网站”。 他们研究的主要发现是视觉复杂度较低(更简单,更好)和高’原型’(设计如何代表某类网站的代表性)的网站被认为是非常吸引人的。

使您的网页设计简单而熟悉(遵循惯例 – 例如,人们对电子商务网站应该是什么样子有一个固定的想法)。 如果你采用创新的,非传统的布局 – 人们不太可能喜欢它们。

这是一个“创新”的设计。 您需要将鼠标悬停在数字上以查看它是什么菜单项。 这有多愚蠢

《说服性网页设计的5个原则》

由于它不是“原型”,大多数人都不会喜欢它。

这是一个荷兰语网站 。 尽管您可能对网站上的任何内容都不了解,但您会发现它很有吸引力,因为它符合您的期望。 你以前见过很多类似布局的网站。

《说服性网页设计的5个原则》

这是一个布局复杂繁忙的网站。 大多数人都不会觉得这很有吸引力:

《说服性网页设计的5个原则》

这是相反的。 布局简单的网站:

《说服性网页设计的5个原则》

大多数人会觉得它很有吸引力。

3.强大的视觉层次

吱吱作响的轮子获得油脂,突出的视觉效果引起了人们的注意。 视觉层次结构是有效网页设计背后最重要的原则之一。 这是人眼看到它所看到的东西的顺序。

行使。 请按重要性顺序排列圈子:

《说服性网页设计的5个原则》

在不了解这些圈子的任何内容的情况下,您可以轻松地对它们进行排名。 这是视觉层次结构。

您网站的某些部分比其他部分更重要(表单,号召性用语,价值主张等),您希望这些部分比不太重要的部分更受关注。 如果您的网站菜单有10个项目,它们都同样重要吗? 您希望用户在哪里点击? 使重要的链接更加突出。

层次结构不仅来自大小。 亚马逊通过使用颜色使“添加到购物车”按钮更加突出:

《说服性网页设计的5个原则》

从业务目标开始

您应该根据您的业务目标对您网站上的元素进行排名。 如果您没有特定目标,则无法确定要优先考虑的内容。

这是一个例子,它是我拍摄的Williams Sonoma网站的截图。 他们想卖户外炊具。

最大的捕手是巨大的肉块(让我想要它),接着是标题(说它是什么)和号召性用语按钮(得到它!)。 第四位是标题下的一段文字,第五位是免费送货横幅,顶部导航是最后一位。 这是完美的视觉层次结构。

《说服性网页设计的5个原则》

行使。 浏览网页并有意识地对视觉层次结构中的元素进行排名。 然后去看看你自己的网站。 是否有重要的东西(访问者可能寻求的关键信息点)在层次结构中不够高? 改变这一点。

这不是关于颜色

你看到很多垃圾在互联网上浮动,关于哪种颜色最好转换。 一些傻瓜说,“用大橙色按钮去”。 其他人称,“红色是最好的”。

这是在线广泛传播的彩色A / B测试:

《说服性网页设计的5个原则》图片来源

结果是红色按钮比绿色按钮高出21%。

大多数人在这里想念的是它不是红色的颜色 – 它是从噪音中脱颖而出。 由于网站上的主色是绿色,因此红色按钮在视觉层次结构中占据更高的位置。 如果您的网站是红色或橙色,则需要使用其他颜色才能使您的号召性用品脱颖而出。

白色空间可以帮助您强调重要的事情

未使用的空间越多,对页面上的内容的关注就越多。

在这里,他们想卖给你一张床。 什么引起你的注意? 床! 它是迄今为止页面上最突出的东西。

《说服性网页设计的5个原则》

虽然看起来很明显,但事实并非如此。 大多数电子商务产品页面都与此截然不同。 它们有更小的图像,图像旁边的更多东西,菜单和什么不是。

人们根据它的外观购买东西 – 不要忘记 – 所以强调产品照片并放弃视觉层次结构中的所有其他内容。

4.不惜一切代价保护注意力

一旦人们知道您的网站有他们感兴趣的东西,网站的视觉设计吸引他们并通过强大的视觉层次结构,他们专注于重要的事情 – 保持我们不惜一切代价获得的关注是很重要的。

它从您放置东西的位置开始 – 大部分观看时间都花在首屏上(并且“折叠”随着屏幕尺寸和分辨率的增加而越来越低)和屏幕左侧 (69%用于启动的人)从屏幕左侧读取)。

得到关注

神经科学研究告诉我们,很少有事情像生命图像那样引起人们的注意。 重要的是你保持图像与你卖的东西相关:

《说服性网页设计的5个原则》

我认识的人曾评论过“ 我经常去Airbnb看照片和旅行的梦想 ”。 达到了目标!

另一个好方法是使用人物的照片 ,特别是那些直视我们的照片。 我们总是看着人们的眼睛,这是一个万无一失的吸引力。

《说服性网页设计的5个原则》

使用的第三个好处是对比 。 之前和之后。 然后现在。 我们的思想旨在发现差异。 在原始时代,我们经常需要扫描视野以确定是否有任何变化 – 是否有潜伏在阴影中的捕食者,接近的敌人或我们可以吃的人。

《说服性网页设计的5个原则》

虽然它显然适用于牙科工作,剪发和健身,但几乎每个企业都可以使用它。 通过对比显示您的业务增加的价值。 非常适合关注。

另一种保证方式是使用惊喜 。 当我们发现一些我们没想到的东西时,我们会注意。 就像在这里 – “与怪异的家伙有什么关系?”。 当然,您需要弄清楚意外与您的品牌如何相符。

《说服性网页设计的5个原则》

它不仅仅是关于图像,还包括复制。 意外的副本让你阅读更近 。 假设您正在寻找文案课程。 你将它缩小到这两个选择范围。 现在哪一个会让你注意并仔细阅读?

《说服性网页设计的5个原则》

右边的那个就是你所期望的。 左边的那个 – 不是那么多。

保护注意力

获得关注并不是*那么难以维持。

什么是最容易引起注意的2种方法?

#1:一面文字。 如果你不知道它是什么样的, 请看这个

#2 :不相关的,以自我为中心的行话。 像这样:

《说服性网页设计的5个原则》

  • “欢迎来到我们的网站”。 – 完全浪费空间,不会与任何人产生共鸣。 每个人都欢迎在互联网上的每个公共网站上。
  • “我们是谁”。 – 谁在乎! 人们关心自己和他们的问题。 不是你。
  • “我们的理念”。 – 说真的吗? 没有人该死的!
  • 俗气的照片。 – 所以假的我想立即逃离。

而不是这个废话,总是以用户为中心。 WIIFM(对我来说是什么)是一个始终牢记的伟大原则。

您的第一个业务是创建相关的,有趣的内容。 然后你必须好好呈现它。 阅读以下两个版本中哪一个更有趣:

《说服性网页设计的5个原则》

显然,右边的那个! 样式化文本,添加眼睛路径,使用视觉效果,分开文本,避免模式。

人眼不断尝试识别模式。 一旦识别出一个,它就会忽略它。 这就是为什么增加任何布局以提高注意力的关键。

设计新颖

正如我之前在几篇文章中所写的那样 – 为了使大量复制易于消化和阅读,你需要设计阅读。 你需要在每个屏幕上提供新颖性

这意味着您必须不断更改布局 – 以保持其有趣。 相同等于无聊并驱使人们离开。 我在这里写过许多心理现象。

  • 神经科学家说 ,新颖性促进了信息传播。
  • 我们的思想似乎倾向于新奇。 新颖的体验不仅能够吸引我们的注意力, 而且似乎是心灵的基本需求。

我们的大脑密切关注模式,并迅速学会忽略任何常规,重复,可预测或仅仅是无聊的东西。 这为注意任何不同的东西留出了空间。 所以新奇是让人们关注的东西。

曾经想知道为什么这么多网站不断交替文本段落的位置(左边的文字,右边的文字,左边的文字等)? 像这儿:

《说服性网页设计的5个原则》

出于同样的原因 – 新颖性。 它增加了阅读内容的人数。 副标题和空白空间有助于实现相同的目标。

这就是Jerry Seinfeld关于注意力的说法:

《说服性网页设计的5个原则》

任何跟随迷失,德克斯特,权力的游戏或其他迷人的电视节目的人都知道杰瑞的意思。 现在说实话,你的网站没有德克斯特。 但是,您始终可以提高对您网站的关注度。 重要的是要记住,长时间保持注意力是可能的。

帮助人们选择一些东西

一旦您让用户浏览您的产品,您需要帮助他们选择一些东西。 选择是艰苦的工作。 太多的选择瘫痪了。 我们都去过那里:

《说服性网页设计的5个原则》

第一步是帮助人们缩小选择范围。 你这样做是通过使用过滤器。 过滤器的作用是使找到最合适的产品变得容易。

Winelibrary的过滤器做得很好:

《说服性网页设计的5个原则》

所有过滤器都不适合此屏幕截图,还有更多。 过滤器的顺序是受欢迎的:更常见的选项,如国家和品种优先,瓶子大小和底部封闭,因为它们对大多数无关紧要。

如果我们不能限制选择,我们需要更容易选择一些东西。 什么脱颖而出,被挑选 。 因此,假设用户将选择范围缩小到这四个。 以下哪些突出:

《说服性网页设计的5个原则》

有点的,当然! 产品徽章非常有效。 有大量案例 研究 ,它一再推动转换和销售。

产品照片

挑选一双鞋,一件新衬衫或一块手表,最重要的因素是什么? 当然,产品的外观! 你打算买自己喜欢的鞋子。

虽然大多数电子商务类别页面看起来像这样:

《说服性网页设计的5个原则》

– 很难爱上一对 – 当它看起来像这样时会更有效:

《说服性网页设计的5个原则》

帮助人们找到一对爱上! 大类图像将帮助您完成工作。

我们最近为客户做了这个。 他们过去常常在类别页面上有4个产品:

《说服性网页设计的5个原则》

我们将其更改为3个产品,并使图像更大:

《说服性网页设计的5个原则》

结果:销售额增加25%。

两只鸡的故事

这个故事将帮助您进一步了解为什么更大的图像更好地工作

研究参与者展示了两张照片。 一个是漂亮的,丰满的鸡肉。 另一只鸡看上去很瘦,病得很厉害。 参与者被告知,丰满的鸡肉是天然鸡肉,而薄鸡则是经过基因改造的。

《说服性网页设计的5个原则》《说服性网页设计的5个原则》图像来源

研究人员告诉半数参与者,天然鸡健康但不太好吃,基因工程鸡很好吃,但健康状况较差。 另一半被告知相反的情况。

绝大多数参与者都喜欢这种美味丰富的鸡肉,但他们的推理却不同。 第一组声称这是因为他们认为健康高于品味,而第二组则认为这是因为味道更重要。

根据他们对鸡肉外观的看法,这两个群体似乎都无法证明自己的选择。 他们觉得有必要以非情绪化的理由为他们的情绪选择辩护,以至于这两个群体发现完全相反的方式来证明同样的决定。

主要内容:人们根据图片出售。 产品图片对于转换非常重要。

5.每个屏幕一个动作,当它们准备好时

您需要从每个页面开始明确定义的最需要的操作 – 并为其优化它们。 这可以追溯到明确的信息,视觉层次结构,并引起对这一行动的关注。

Campaign Monitor希望我们在此处创建免费帐户。 最想要的单一行动是显而易见的:

《说服性网页设计的5个原则》

我们大多数人也会有次要的行动呼吁 – 而且这完全没问题 – 但他们应该只是那个,次要的。

这里的主要行动呼吁是“查看计划和定价”,而次要号召性用语是进行视频导览:

《说服性网页设计的5个原则》

好的,这一切都非常明显,但是你什么时候应该采取行动呢?

这个网站有一个明显的主要号召性用语:

《说服性网页设计的5个原则》

你会注册吗? 不这么认为! 他们要求你先注册,然后才能正确解释网站的内容及其运作方式。 对他们来说不是一个好主意。 当客户准备采取行动时,您必须提出行动呼吁。

以下是营销实验的一个案例研究 ,他们分开测试了一个简短的着陆页与长着陆页 – 唯一的区别是在要求捐赠之前给出的信息量。 结果:在行动之前更多的副本带来了75%的资金。 Zurb的玩家在转换中获得了350%的升力,仅仅是为了掩盖号召性用语按钮。 还有更多像这样的案例研究。

这不是隐藏按钮 – 而是在用户准备好时要求采取行动。 IDC报告称,由于信息不足,50%的购买未完成 – 难怪! 人们总是希望以完整的信息进行操作。

那么什么时候才能采取行动? 拇指的规则是产品越昂贵和/或越复杂,在人们准备采取行动之前你需要提供的信息就越多。 从这里开始考虑这个原则和A / B测试。

福格行为模型

福格行为模型很好地解释了这一点:当你的动机处于最高点并且很容易采取行动时,当你提出触发器(行动呼吁)时,人们会采取行动。

《说服性网页设计的5个原则》

与Persuasive Tech Lab的许可一起使用

你想要瞄准右上角(高动力,易于做,触发到位)。 如果你有很高的动力和低能力(很难做到),你会得到的是挫败感。 如果它的动机很低,但很容易做到(例如拿走垃圾),你会感到烦恼。

因此,优先考虑什么时候才能引发观众。

结论

您可以在不使用文字的情况下影响人们的行为。 有说服力的网页设计。

这5条原则为您提供了大量的执行自由,但如果您实施这些原则,您最终将获得更具说服力的网页设计。 无论何时开始新的设计项目,都要记住它们。

相关文章

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注