说服网页设计的5个原则


在和他们说话的时候最好的方法是劝说某人?你必须有自信,说话快,发誓  等等。但是,如果没有话可以说服别人呢?

你打**

研究人员在世界各地不同机场的小便器上安装了“飞”

在小便池中飞行的存在字面上改变了人的行为。怎么来的?男人显然有本能的目标。当在阿姆斯特丹史基浦机场引进苍蝇时,溢出率下降了80%(不想知道他们如何测量)。

这是一个明确的例子,让人们不用使用话来做你想要的。有说服力的设计在行动。

丹麦人自私吗?

该图表示注册机构捐赠者的人数,除以国家:

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

人们与默认的任何人一起去。默认值也是设计的。

人们是否会更改软件设置?

这是另一个tidbit。回到当天,  UIE分析了人们的Microsoft Office设置。不到5%的受访用户已经改变了任何设置。超过95%的设置保存在程序安装的确切配置中。主要教训:人们不会混淆默认值(除非是设计师或开发人员)!

如果您希望更多的人采取行动,请将首选操作设为“默认”。当然,这可能会被滥用 – 比如RyanAir使购买旅游保险成为默认选项,而Vistaprint默认情况下用于注册他们的“会员资格”。这不是交朋友的一种方式。

话虽如此,设计缺省的机会很多。

我们花费很少时间思考

你有没有阅读  眨眼:没有思考的思维的力量(马尔科姆·格拉德韦尔)还是快速思考(丹尼尔·卡尼曼)?你应该。

他们都提出了一个令人信服的案例,我们的人类大多数是在自动驾驶上进行的。做决定时,我们很少停止分析和思考。我们做出快速的判断,而我们甚至不知道为什么或如何做出这些决定。

当我们必须为自动驾驶员做出决定的理由或提供理由时,我们就会胡闹。事实是我们不知道。

我们的决定取决于我们的想法

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

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

现在,他们改变了 – 他们有学生解释他们的选择 – 提供一个理由 – 这使他们使用缓慢,故意思考。结果差别很大。

这不仅仅是关于果酱 – 他们在排名大学课程上也是如此。结果是非常不同的,取决于人们是否有理由选择他们的选择。这是自动驾驶与故意思考的行动; 我们根据我们在特定时刻的想法做出不同的决定。

了解您的目标受众

所有这一切都是这样的:您需要了解客户的理**思维,您需要了解其潜意识和情绪决策过程。您可以通过与他们交谈,用户调查,可用**测试和拆分测试来了解这些内容。我的这个职位  会给你一些关于如何做的想法。

您真的需要了解您的产品或服务如何适应客户的生活。当我们提供他们所需要的东西并且想要与他们共鸣的方式时,转换将是最高的。

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

有针对**的网页设计的5个主要原则

遵循这5项原则,以改善转换。

清晰度首先

我们的大脑是一个提问机关。当我们第一次看到什么,我们马上问:“是什么?”(可以吃吗?还是吃我?)

毫无疑问,当人们被问及他们在网站上最重要的时候,他们会说“找到他们感兴趣的东西”:

访问者访问您的网站时,他/她需要答案并快速地需要他们。他们阅读的第一件事需要提供以下问题的答案:

  • 这个网站是什么?
  • 我可以在这里做什么/是我在找什么?
  • 为什么要这样做/对我有用吗

学习制作一个引人注目的价值主张。你的价值主张需要回答这个问题:为什么我要从你那里购买,而不是竞争对手?

这不仅仅是你的主页需要清楚 – 所有这一切都需要。产品页面,页面等。

清晰度是您网站上每一页最重要的一点 – 它是否清晰可读?这是清楚的:

这是什么: “开始接受信用卡今天”+一个清晰,相关的形象。
我可以在这里做什么:我可以拿到读卡器
为什么要这样做:每次滑动是免费的,只有2.75%。

我最喜欢的坏例子(你能告诉他们销售什么?):

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

另一个例子:

好:他们使用视觉来传达他们的内容。人类大脑处理视觉效果比文本快50倍。显示你所卖的东西是个好主意。

坏的:“找到最简单的方法…”。人们不相信超人。

具体来说,不要使用最好的

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

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

“城里最好的比萨饼”。有人买吗?不。下面的行:“自制面食”。我们相信吗?当然!为什么?因为它是具体的,不包含任何优点。

所以,他们可以说“我们在20分钟内提供比萨饼”,而不是像“最好的”这样的一个索赔,而且每个人都会相信。如果他们正在提供比萨饼的业务,那么它就会有一个很好的价值主张。

视觉吸引力

一旦人们明白,他们在正确的地方,我们提供的是有趣的,我们的工作是进一步吸引他们,并推销他们的销售渠道。

第一印象很重要

正如我刚才所说,人们做出快速的判断。用户需要  大约50毫秒  (即0.05秒)形成关于您的网站的意见,决定他们是否喜欢您的网站 – 不管他们是留下还是离开。

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

由于这3个原因,第一印象很重要:

  • 第一印象导致更高的满意度,
  • 视觉吸引力  比用户感知的可用**更重要,
  • 第一印象可以持续多年(高中团聚,任何人?)

这是新特斯拉模型S:

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

与您的网站相同。如果它提供了良好的第一印象,您的工作将变得更加容易。否定的第一印象将是拖累并影响您对产品和服务的全部看法。如果看起来像垃圾,一定是垃圾!

什么使网页设计更好?

我喜欢蓝色,你喜欢绿色。那么什么使一个设计好?

Google为我们做了很大的努力,并确定“有什么让人喜欢网站”有两个关键因素。他们研究的主要发现是,具有低视觉复杂**(更简单,更好)和高“原型”(设计寻找特定类别的网站的代表**)的网站被认为是非常有吸引力的。

使您的网页设计简单和熟悉(遵循约定 – 例如人们对电子商务网站应该是什么样的一个固定的想法)。如果你去创新,非常规的布局 – 人们不太喜欢他们。

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

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

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

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

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

大多数人会发现它很有吸引力。

强视觉等级

吱吱吱吱吱吱吱吱吱吱吱吱。。视觉层次是有效网页设计背后最重要的原则之一。人眼看到的是什么样的顺序。

行使。请按重要程度排列圈子:

不知道有关这些圈子的事情,你很容易对他们进行排名。那就是视觉层次。

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

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

从商业目标开始

您应该根据您的业务目标对您网站上的元素进行排名。如果您没有具体目标,您将无法知道要确定哪些优先级。

这是一个例子,这是一个截图,我拿到了威廉姆斯索诺玛网站。他们想卖户外炊具。

最大的眼睛捕手是巨大的肉块(让我想要的),其次是标题(说是什么)和呼吁行动按钮(得到它)。第四名是标题下的一段文字,第五名是免费送货横幅,顶部导航是最后一个。这是完美的视觉层次。

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

这不是关于颜色

你看到很多垃圾在互联网上浮动,哪个颜色转换成最好的。一些傻瓜说,“用大橙色按钮去”。“红是最好的”,要求别人。

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

图像信用

他们的结果是,红色按钮比绿色按钮高出21%。

大多数人在这里想到的是,这不是红色的 – 它是从噪音中脱颖而出的。由于网站上的主要颜色是绿色,红色按钮在视觉层次结构中占有较高的位置。如果您的网站是红色或橙色,您需要使用不同的颜色,使您的行动呼吁脱颖而出。

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

剩余的空间越多,驱动到页面上的东西越受关注。

在这里,他们想要给你一张床。什么引起你的注意 床!这是页面上最突出的东西。

虽然似乎很明显,但不是。大多数电子商务产品页面与此截然不同。他们有更小的图像,更多的东西旁边的图像,一个菜单,什么没有。

人们根据它的样子购买东西 – 不要忘记 – 所以强调产品照片,并将视觉层次结构中的其他内容放在一边。

4.不惜一切代价保持注意

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

它开始于你放置的东西 – 大部分的观看时间花在了折叠(和“折叠越来越低屏幕大小和分辨率增加)和屏幕左侧(69%为开始的人从屏幕左侧读取)。

注意力

神经科学研究告诉我们,很少的事情会吸引人们的注意力,比生活中的图像更大。重要的是,您保持与您所销售的图像相关的图像:

有人说我曾经评论过“ 我经常去Airbnb看照片和梦想旅行 ”。目标实现!

另一个伟大的方式是使用人的照片,特别是直视我们的照片。我们总是在眼中看人,这是一个肯定的注意吸烟者。

第三件好事是对比。之前和之后。然后现在。我们的想法旨在发现差异。在原始时代,我们经常需要扫描视野,看看有没有改变 – 有一个潜伏在阴影中的捕食者,接近的敌人或者我们可以吃的人。

虽然它显然适用于牙科工作,头发剪裁和健身用品,但您可以在几乎所有的业务中使用它。通过对比显示您的业务增加的价值。非常值得关注。

另一个保证的方式是使用惊喜。当我们发现我们没有想到的东西时,我们会注意。像这里 – “有什么怪怪的人?” 当然,您需要了解意想不到的与您的品牌配合。

这不仅仅是图像,还可以复制。意外的副本让您阅读更近。假设你正在寻找一个文案课程。你把它缩小到这2个选择。现在哪些会让你注意和阅读更近?

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

保护注意力

注意力不是很大,维持不变。

什么是两个最简单的方法来杀死注意力?

#1:文字墙。看到这个,如果你不知道它是什么样子的话。

#2:不相关,以自我为中心的行话。喜欢这个:

  • “欢迎来到我们的网站”。 – 完全浪费不与任何人共鸣的空间。在互联网上的每个公共网站上都欢迎每个人。
  • “我们是谁”。- 谁在乎!人们关心自己和他们的问题。不是你。
  • “我们的哲学”。 – 认真吗?没有人给死了!
  • Cheesy库存照片。 – 所以假的我想要立即逃跑。

而不是这个垃圾,总是以用户为中心。WIIFM(对我来说)是一个伟大的原则,在任何时候都记住。

您的第一个业务是创建相关的,有趣的内容。那么你必须表现得很好。这两个版本中的哪一个更有趣的阅读:

显然,一个在右边!对文本进行风格化,添加眼睛路径,使用视觉效果,分开文本,避免模式。

人的眼睛不断尝试识别模式。一旦识别出它,它将忽略它。这就是为什么调整任何布局以提高注意力至关重要。

设计新颖

正如我之前写过的几篇文章一样 – 为了让大量的副本易于阅读,您需要设计阅读。您需要在每个屏幕上提供新颖**

这意味着你必须不断地改变周围的布局 – 保持有趣。Sameness等于无聊,驱使人们离开。我在这里写了很多心理现象。

  • 神经科学家说,新奇促进信息传播。
  • 我们的头脑似乎倾向于新奇。一种新颖的经历不仅似乎吸引了我们的注意力,而且似乎是心灵的根本需要。

我们的大脑密切关注模式,并快速学会忽略任何常规,重复,可预测或只是无聊的东西。这使得注意任何不同之处的空间。那么新奇的是什么让人们注意。

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

这是因为同样的原因 – 新奇。它增加了阅读内容的人数。小标题和空白空间有助于实现同样的目标。

这是Jerry Seinfeld不得不说的关注:

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

帮助人们选择一些东西

一旦你让用户浏览你的产品,你需要帮助他们选择一些东西。选择是艰苦的工作。太多选择麻痹了。我们都在那里

第一步是帮助人们缩小选择范围。您可以通过使用过滤器来实现。过滤器的作用是使得找到最合适的产品变得容易。

Winelibrary的过滤器做得很好:

所有的过滤器都不适合这个截图,还有更多。过滤器的顺序是受欢迎的:更常见的选项,如国家和品种第一,瓶子大小和关闭在底部,因为他们无关紧要。

如果我们不能限制选择,我们需要更容易选择某些东西。什么脱颖而出,被挑选。所以让我们说用户将选择缩小到这四个。其中哪一个脱颖而出:

那些点,当然!产品徽章非常有效。有吨的情况下, 研究它一再提高转化率和销售。

产品照片

选择一双鞋,一件新衬衫或手表最重要的因素是什么?当然这个产品的样子呢?你要买你喜欢的鞋子。

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

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

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

我们最近为客户做了这个。他们以前在类别页面上连续有4个产品:

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

结果:销售额增加25%。

两只鸡的故事

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

研究参与者展示了两张照片。一个是一个很好看的,丰满的鸡。另一个是一只看起来很瘦而病的鸡。参与者被告知丰田鸡是一只天然的鸡,细小的鸡是基因工程的。

图片来源

研究人员通报了一半的参与者,天然鸡是健康的,但不太美味,基因工程的鸡是好吃的,但健康却不好。另一半被告知相反。

绝大多数的参与者都是喜欢丰满的鸡肉,但是他们的推理是不一样的。第一组声称是因为他们重视健康以上的味道,而第二组则认为这是因为味道更重要。

根据他们对鸡的外观的感觉,两个组织似乎都没有理由选择他们的选择。他们感到被迫以非情感原因证明他们的情感选择是正当的,两个组织发现完全相反的方式来证明同一决定是合理的。

主要外卖:人们根据图片出售。产品图片巨大的转换。

准备好一个屏幕的一个动作

您需要从每个页面的明确定义的最需要的操作开始,并对其进行优化。这回到清晰的消息,视觉层次结构,并提请注意那一个动作。

Campaign Monitor希望我们在这里创建一个免费的帐户。最单一的行动是显而易见的:

我们大多数人也会采取二次诉诸行动 – 这完全可以,但是他们应该是次要的。

这里的主要诉求是“查看计划和定价”,次要号召行动是进行视频巡视:

好的,这几乎是很明显的,但是什么时候应该要求采取行动?

这个网站有一个明显的主要行动呼吁:

你会注册吗?没想到!他们要求您注册,甚至可以正确解释该网站是什么以及它的工作原理。不是一个好主意。当客户准备采取行动时,您必须提出行动呼吁。

这是市场营销实验的案例研究,他们分析测试了一个短的着陆页与长的着陆页 – 唯一的区别是在要求捐赠之前给出的信息量。结果:更多的复制之前,呼吁行动带来75%以上的钱。在Zurb的家伙获得了350%的转换率,只是为了埋葬行动按钮。还有更多的案例研究。

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

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

福格行为模型

Fogg行为模式解释得很好:当您的动机处于最高状态时,当您提供触发(呼吁操作)时,人们将采取行动,并且很容易采取该行动。

与说服技术实验室的权限一起使用

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

所以,把握时机是什么时候触发观众呢?

结论

你可以不用言语影响人们的行为。有说服力的网页设计作品。

这5个原则为您提供了大量的执行自由,但是如果您实现这些原则,您将会获得更有说服力的网页设计。当您开始新的设计项目时,请牢记它们。

//conversionxl.com/blog/5-principles-of-persuasive-web-design/

,

发表回复