使用文本来增加转化率——网页设计中的排版如何促进您的销售

源节点: 1091927

作为数字营销人员,转化是您在营销活动中跟踪的主要内容之一。您可能想知道许多不同的方法 如何优化转化 在特定页面上。但是,有一点经常被许多所谓的增长黑客所忽视,那就是 使用文本来提高转化率.

是的,你没听错!文本文案是每个内容营销策略的支柱。这是您在网络上最常看到的内容形式,但它也与视觉吸引力密切相关。毕竟,如果文本看起来不太好,您如何期望该页面按照您的意愿进行转换?

在这篇文章中,我们将介绍版式、其主要元素以及如何 利用有效的排版来提高您的销售额 在长期!

什么是版式?

在我们深入研究如何使用文本来提高转化率之前,我们需要先了解一下排版是什么。为了简单起见,您可以将排版视为 艺术与文字的交汇点.

15 世纪中叶,约翰内斯·古腾堡 (Johannes Gutenberg) 和他的活字印刷术将印刷术引入了生活世界的大部分地区。在计算机世界中,由于史蒂夫·乔布斯和他的第一台 Mac,排版开始变得重要。

当互联网被引入世界时,排版的重要性爆发了。它成为最重要的网页设计组件之一 帮助您的网站脱颖而出 给潜在用户。

版式最重要的元素

许多人仍然混淆版式和字体,这是很常见的情况。在扩展版式定义的本节中,我们将分解版式的六个基本要素:

  • 字体 – 大多数人将字体与字体混淆,尽管它们不是同一回事。将字体视为以相同设计形成单个字符、字母和数字的家族。 Arial、Times New Roman 和 Comic Sans 是字体,而不是许多人认为的字体。
  • 字体– 因此,如果字体是一个家族,那么字体就是家族的成员。准确地说,字体是一种具有特定大小、粗细和宽度的字体样式。例如,Arial 是一种字体; 16pt Arial Bold 是一种字体。基本上,字体是一种传递特定艺术形式(称为字体)的方式。
  • 线路长度 – 这是位于同一行的左右页边距之间的文本所占据的距离。理想情况下,您不希望行长度太短或太长,因为它会使阅读内容比预期的更加尴尬。
  • 领导 - 这是每行文本之间的垂直距离。在大多数情况下,您希望增加行距以便用户更容易理解。
  • 字距调整 – 这是每个字符或字母之间的空白。通常,字距调整最好保留默认值,但您可以进一步对其进行调整以测试最适合您网站的设置。
  • 追踪 - 此字体元素也称为字母间距,它适用于特定数量的字符和字母。

为什么版式对于网页设计很重要?

第一印象在我们的个人生活中很重要,在网络世界中也是如此。 Taylor & Francis Online 的研究得出的结论是 需要 05 秒 让用户对特定网站形成意见。

版式至关重要,因为它是网页设计的核心组成部分之一。想一想:如果人们因为单词太靠近或文本尺寸太小而无法阅读您网站上的文本,那么他们很可能会对您的网站不满意。

当您在网站上使用不良排版时,您的转化率很可能会下降,而这是您最不需要的事情。即使您的潜在客户停留在排版不佳的网站上,他们很可能不会记住您想传达给他们的信息,而是记住他们阅读您的信息所付出的努力。

由于上述原因, 使用有效的排版 提高转化率至关重要。通过有效的排版,您可以优化理解网站上显示的信息的过程。如果您网站上的文本格式很好,那么所有的焦点都会集中在内容上,而不是费力去理解该内容。

As 大多数人浏览网页内容,使用文本并通过正确的排版引导用户采取行动是增加转化的正确方法!

使用文本提高转化率的可行技巧

现在您已经了解了有关版式以及它如何帮助您的网页内容脱颖而出的更多知识,以下是有关如何使用它的一些提示 推动您网站的增长!

请记住字体大小!

字体大小阅读统计

图片来源: 研究之门

字体大小对于留住用户和进一步提高转化率至关重要!是的,我们的大脑处理图像的速度确实比文本快数万倍,因此任何改善文本处理时间的方法都会受到热烈欢迎!

举个例子, 眼球追踪研究字体大小和类型如何影响在线阅读。通过使用较大的字体,网站上的整体文本往往可以更快地阅读。

因此,如果您有一个文本较多的网站,请不要折磨您的用户 - 增大字体大小!是的,每种字体都是不同的,但对于文本较多的网站,字体大小有一个共识:

  • 16 像素 – 这是文本较多的页面的最小值,所以不要低于这个数字!基本上,这个字体大小是浏览器默认显示的大小,所以很明显为什么这是最小值。
  • 18 像素 – 这是文本较多的页面的黄金平均字体大小,可以让人们在查看显示器时减轻眼睛疲劳。
  • 20px 及以上 – 尽管一开始可能感觉太大了,但有些网站使用这样的字体大小效果会更好。拿 ,举个例子。他们使用 21 像素的正文字体大小,使数以百万计的故事对更广泛的受众来说更具可读性。

此外,较大的字体确实往往会产生更强烈的情感联系。也许这是您需要执行的步骤,让您的用户点击导致转化的 CTA 按钮?

不要过度使用字体样式!

粗体斜体下划线字体示例

图片来源: 青色饲料

字体样式一般包括: 胆大, 斜体, 并下划线。您可以使用这三个来强调某些单词或句子。不过,您应该避免过度使用它们,因为这是我们在所有 Web 内容中看到的最常见的编辑错误之一。

不要在整个段落中过度使用字体样式。相反,用它们来指出您最希望与用户产生共鸣的词语。您不想让自己陷入不正确地使用文本来增加转化的情况。

相应地调整行距!

我们在这里谈论的是领导力。这虽然是一件小事,但在使用文本来提高转化率时却是必不可少的。当您的观众视力不佳时,他们可能会很难找到下一行文本的开头。

这就是为什么间隔行是一种常见的做法 至少是字体大小的 25% 到 30%。这样做时,您将使几乎所有读者都可以阅读您的文本!

另外,您应该始终注意您 在段落之间添加足够的空间。基本上,您希望将段落分组以与您想要在几句话中传达的信息保持一致。那样, 您的内容将更具可读性 给您的目标受众。

您还想关注 您的类型的视觉层次结构。这可以通过正确设置标题标签来完成,但这并不是您能做的全部。正确利用视觉层次结构的最佳方法之一是放大文本所涵盖的最重要的信息。最终,您希望引导用户,以便他们能够按照有意义的特定顺序阅读信息。这将为您的整体内容赋予更多意义。

除了上述所有内容之外, 利用空白 将注意力集中在您想要向观众强调的领域。这样,您就可以让您的设计得以呼吸,并为最需要的地方提供背景。

避免寡妇行、孤儿词和连字符

寡妇和孤儿是排版中非常常见的术语。它们本质上非常相似,但许多人将它们混淆。 寡妇 指示单独位于页面开头的段落结束文本行。 孤儿 是位于某一页末尾的段落开头行。这两者都会破坏文本的可读性,尤其是在网页设计中。

嗯,解决这两个问题并不是那么困难,一切都取决于上面的技巧。您可以重写段落以适应大局,也可以调整行距和间距以创建更紧凑的段落。

此外,连字符在网页设计中很常见,它可以决定或破坏网站上的整个排版。基本上,连字是使用破折号来分割单词(例如:狗友好)。当您需要使用破折号从行尾断开单词时,就会出现问题。不要这样做,只需将给定的单词拉入新行,这样就不会完全破坏可读性!

不要忽视文本对齐!

文字对齐 当涉及到网页设计中的文本时,经常被忽视。但是,如果你做得正确,它在处理信息时会产生奇迹。以下是网页设计中文本对齐时需要遵循的一些提示:

  • 避免段落居中。 虽然有些人认为将整个段落居中可能看起来更艺术,但他们所做的却完全相反。正如西方社会中的大多数人学习从左到右阅读一样,我们的本性就是走到每一行的开头。当你将段落居中时,只会让我们的大脑更难处理所有这些信息。
  • 仅当您想强调某条信息时居中。 尽管如此,当您的目标是将焦点集中在特定的文本段落上时,将段落居中还是非常受欢迎的。它创造了一种对比,可以立即将信息传递给你的读者。居中文本对于标题和引号也很有用。

搭配看起来很酷的字体!

Helvetica-neue-garamond-字体示例

图片来源: Creative Bloq

当你只使用一个时 字体 在您的整个网站中,事情可能会变得有点无聊。不过,这并不意味着您应该在网站上使用十种不同的字体。 简单是关键,但不要害怕尝试一下。毕竟,您希望您的内容看起来尽可能有吸引力,对吧?

在网站上配对字体的规则之一是同时使用不超过两种或三种字体。如今,借助 Google Fonts 等服务,可以呈现比以往更多的字体。虽然这可能有点让人不知所措,但这里有一个列表 36种完美的字体搭配 激励你!

通过大量的字体和字体选择,您可以进一步定制文本,以彰显您企业的独特个性。你想要看起来有创意还是传统?通过正确选择字体,您可以实现这两种色调以及更多效果。不要忽视它,因为它是使用文本增加转化的最佳方法之一!

了解何时区分 Sans-Serif 和 Serif 字体!

与上述观点密切相关的是两种主要类型:无衬线字体和衬线字体。有些人会争论其中一个,有些人会争论另一个。这里的底线是,没有具体的研究表明 Sans-Serif 比 Serif 更好,反之亦然。但是,这并不意味着需要遵循一些约定:

  • 无衬线字体更容易阅读,并且更适合正文 – 当涉及在线内容正文时,无衬线字体在这里效果最好。这是因为这种类型很简单,并且需要用户花更少的时间来解读您试图传达的消息。
  • 衬线更适合作为头条新闻 – 尽管 Serif 比 Sans-Serif 更复杂,但这正是您想要将其用于标题的原因。衬线字体充满个性,您希望该角色通过您的在线内容概述您的要点。

 

当您平衡这两种类型时,您可以制作视觉上有趣的内容,这将吸引更多用户阅读您的整个内容并执行您正在等待的转换!

选择适合您的消息的类型

根据研究,人们确实将字体与不同的性格联系在一起 伊娃·R·布鲁伯格 (Eva R. Brumberger) 进行的研究。 大多数字体特征可以分为三类:直接、优雅和友好。

根据上述观点,考虑 你想传达什么样的信息 与您的网站和品牌。你想要听起来专业还是有趣?或者,也许您想听起来有创意且有趣?相应地设置字体,你就会吸引合适的人。

可以派上用场的在线业务领域之一是 邮件营销。 基于 来自2019的研究,您在电子邮件营销上每花费 1 美元,平均投资回报率为 42 美元!这是一个巨大的数字,许多在线企业专注于电子邮件营销策略来吸引新客户也就不足为奇了。

因此,电子邮件营销是一个竞争非常激烈的领域,每个小细节都很重要。在客户中脱颖而出的好方法之一就是根据您要发送的消息使用正确的排版!

但是,随着越来越多的企业利用电子邮件营销来吸引合适的受众,扩大规模比以往任何时候都更加重要。此外,如果您的电子邮件列表充满了不同的人,例如专业人士和日常消费者,那么手动创建模板充其量也将非常耗时。

值得庆幸的是,有几十个 免费的电子邮件营销服务 这将帮助您节省执行任务的时间,并使您能够为业务发展进一步规划和制定战略!其中大多数将提供电子邮件模板、电子邮件自动化和报告来跟踪您的电子邮件营销活动。

利用对比来发挥你的优势

字体对比度示例

图片来源: 3.7设计

您认为为什么路标对所有人都如此引人注目?它们从环境的其他部分中脱颖而出,使我们认为这些元素很重要。这就是我们首先考虑这些元素的主要原因。

这同样适用于网页设计。使用文本来提高转化率有时可以简单到 利用对比来发挥你的优势。你想要在这里做的基本上是 增加可读性 以便您的用户 更长时间地保留您的内容.

常见的方法之一是创建适量的对比度 在你的文字和背景之间。两种对比类型之间一直存在争论:

  • 深色背景上的白色文本
  • 白底黑字

虽然深色背景上的白色文本(或“深色模式”)有其优点,但研究表明浅色背景上的黑色文本(或“浅色模式”) 大多数时候都会带来更好的性能。

尽管如此,“黑暗模式”仍然可以让那些在弱光条件下阅读您的内容的用户受益。那么,为什么不包括两种文本对比模式并看看转换后会发生什么情况呢?

考虑用户的年龄

根据Statista的说法,互联网用户的人口统计如下:

  • 18年至24年– 18 percent
  • 25年至34年– 32 percent
  • 35年至44年– 19 percent
  • 45年至54年– 14 percent
  • 55年至64年– 10 percent
  • 65 岁及以上 – 7 percent

现在,考虑到 疾病预防控制中心的事实 大约有 12 万 40 岁及以上的人患有视力障碍。基本上,如果您不优化在线内容上的文本以方便视力障碍人士阅读,您将错过 50% 的互联网用户。

 

版式只是冰山一角!

当然,在您的案例中,使用文本和排版并不是增加转化率的唯一方法。您可能需要完全重新调整内容的用途,或者定位更好的关键字,以便更容易排名。

事情是, 通过转化优化发挥创意 会是什么 让您在竞争中脱颖而出 从长远来看。可能让你与众不同的就是微调你的排版!

如果你一个人做不到,你总是可以 寻找网页设计师 在线将您的网络内容转变为视觉杰作。毕竟,如今人们更看重视觉内容,而不仅仅是纯文本。

关于作者

罗伯特·布兰德尔

罗伯特一直热衷于让您的生活更轻松的网络工具。这就是为什么他创立了 网站工具测试器,您可以在这里找到世界上最好的网站建设者和电子商务平台的评论和教程。

0.00 平均评分 (0% 分数) - 0

资料来源:https://blog.2checkout.com/how-typography-in-web-design-can-boost-sales/

时间戳记:

更多来自 Blog2结帐