如何通过排版提高网站的转化率？

时间：2024-05-22 06:30:01 | 来源：建站知识

时间：2024-05-22 06:30:01 来源：建站知识

恭喜有人登陆了您的网站！但是在离开之前，它们会停留半秒以上吗？他们的经历会愉快还是令人沮丧？他们会选择做您希望他们做的事情吗？

最后一个问题反映了您的网站的转化率：被说服采取有利于您的业务的特定行动的人数，例如订阅电子邮件通讯，提交联系表单或购买产品。

经验丰富的营销人员分享了许多技巧和窍门，以提高转化率，例如利用心理学来制作最具说服力的副本，或者悬挂不可抗拒的免费赠品以吸引订户。但是，当人们阅读您的网站可能提供的内容时，他们也在体验您网站的另一个关键要素：版式。

排版是我们网站设计人员用来传达信息的主要手段，只要我们做对了，它就会强大。如果我们弄错了，那么设计就会失败。无论如何都必须仔细考虑布局，代码或内容编写。

排版如何影响转换 字体（文字的设计）可能会影响您的网站的有效性或使其失效。它有五种影响人们对您的品牌，产品或信息的反应的方式。

1.好的字体使人们相信你 我们没有我们想像的那么理性-但我们确实倾向于以可预测的方式做出非理性的决定。我们称这些模式为非理性的决策认知偏见。受排版影响的一种偏见是流利处理偏见：如果我们更容易理解和理解某些内容，则我们更有可能认为它是可信的。

在一项研究中，要求参与者阅读健身APP的说明。一组阅读了“微软雅黑”字体的说明。另一组阅读了装饰画笔字体的说明。

结果？装饰画笔字体小组将比容易理解的“微软雅黑”组多花费83％的时间。装饰画笔字体小组还认为，健身APP将需要更多技能，并且不太愿意尝试。

2.好的字体鼓励行动 您的网站应该有明确的号召性用语（CTA），例如“关注我们的公众号”或“注册免费试用”。借助易于阅读且愉悦的字体，访问者更有可能注意这些CTA。

一项研究中，要求参与者阅读一部手机手册，其中一组阅读一种易于阅读的字体（宋体），另一组阅读一种难以阅读的字体（宋体斜体，带有分散的阴影）。

参与者被问到是否会立即购买电话，或者是否需要更多时间做出决定。拥有易于阅读的手册的参与者中只有17％表示希望推迟购买决定，而拥有难以理解的手册的参与者中有41％希望等待购买。

转换的另一个关键？您的网站结构。

3.好的排版会影响感官 我们的大脑以帮助我们生存的方式响应环境。因为类型是视觉的，所以我们对它的响应与对物理世界的响应几乎相同。我们通常会在消化实际意思之前快速，不自觉地响应文字内容。

最近的一些调查揭示了人们对“字体为何如此重要”中的字体所产生的物理联系。

在一项调查中，测试者给了100个人相同的软心豆粒糖。当她在左侧显示字体时，人们对软糖的评价是甜17％。当她在右边显示字体时，人们对（相同！）软心豆糖的酸度提高了11％。



字体的左侧曲线反映了软心豆粒糖本身的圆度，以及枕头或云朵等其他柔软的圆形物体。锯齿状的字体让人联想到愤怒和侵略性，就像掠食者的裸露牙齿。

4.良好的排版可以放大您的信息 您选择的字体有太多个性，排版定了基调：是认真，有趣，还是异想天开？

字体可以具有个性的想法可能看起来很虚构，但这并不是在开玩笑。除了我们的感官之外，我们的个人记忆以及共享的历史和文化可以为字体增加一层含义。

弗吉尼亚理工大学进行的一项研究发现，人们归因于字体的特征中存在清晰的图案，并且这些特征可以分为三个主要类别：优雅，友好和直接。

字体普查调查深入探讨了流行字体的“个性”，这是一些关于人们归因于字体的个性和价值观的发现的样本：

• Baskerville：知识分子，学术，智慧，传统，传统，可信赖
• Clarendon：行动者，领导者，思想家，传统，专业，自信
• Futura：领导者，理想主义者，思想家，负责任，专业，见多识广
• VAG Rounded：每个人，理想主义者，行动者，友好，开朗，轻松

当字体的“个性”与文本消息匹配时，它会支持并放大该消息。

例如，如果您看到粗体的全大写Gotham字体，则可能会想到使奥巴马的“HOPE”海报使字体成为设计师的宠儿，并且可能将其与乐观，灵感和前瞻性联系在一起，思维。

5.良好的排版使您的网站访问者想要停留 如果读者对网站感到沮丧，那么吸引人的选择始终是点击。您的用户正在给您他们的时间和精力（可能还有金钱），因此请给他们精美的排版礼物，以使他们的体验顺畅无阻，甚至令人愉悦。

如何明智地选择和使用类型 准备好磨练您的排版技巧来赢得网站了吗？您可以按照以下方法创建销售类型的转化。

选择适合用途的类型 字体不仅可以选择哪种字体（我们接下来将介绍可读性），但是字体选择通常是第一步也是最重要的一步。

快速说明：字体经常互换使用，但是有些不同。甲字体是设计，如Helvetica。甲字体是字体显示在格式，如Helvetica斜体，10磅。字体就像一个家庭。字体就像家庭中的个人成员。

看似无止尽的字体选项以及使用字体的各种上下文。通常可以将这些用途分为两个简单的类别：暂时输入和随身携带。

暂时输入 顾名思义，这是一种仅需一点时间即可阅读的字体。

对于导航或界面文本，我们建议选择一种字体，该字体应以小尺寸可读且没有过多装饰，例如简单的无衬线字体。

使用具有很多个性的装饰性字体会立即引起一种情绪，这可能是吸引读者的好方法。也就是说，您不希望将其用于其他用途。一两行，因为它很快变得难以阅读。

随身携带 这种类型的读者会花更多的时间，例如在阅读文章或书籍时。您使用的字体应该平滑，以消除读者和文本之间的摩擦。帮助人们忘记他们盯着屏幕，而是将他们沉浸在您所讲的文字和故事中。

我们议查看字体的一些特征以评估其可读性：

• 足够的x高度： x高度反映了字体的比例。
• 低或中等对比度： 可以做一点对比，但是可以太多，太多了，高对比度衬线对于标题来说可能效果很好，但很难在较大的文本块中阅读。
• 识别和独特的字体形式：一些字体，特别是无衬线字体，不具有相似的结构字母形式之间的区别很多。尽管运行文本为这些外观提供了上下文线索，但较短的文本片段可能会造成混淆。读者花在识别文本上的每一刻都是浪费时间。

选择适合消息的类型 还记得有关类型如何拥有自己的性格的研究吗？您想让这种个性适合您，并选择一种匹配甚至放大您想要的消息的字体。

我们建议集思广益一些您想反映您的信息的字体联想。是传统的，现代的还是时尚的？豪华还是便利？好玩还是专业？坚固还是优雅？

然后尝试以下操作：使用您想到的关键词，然后在字体库中搜索结果，您可能会找到所需的东西。

配对可一起使用的字体 乱七八糟的字体通常是好的设计的大招。遵循经验法则，一次只能使用两个字样。

对于完美的配对，我们建议选择具有互补结构但又不太相似以至于无法区分的字体。

一种技巧是简单地在一种字体中选择不同的粗细和样式，或者选择一个既提供衬线又提供无衬线的“超家族”。

使类型可读 仅仅是因为某些东西清晰易读并不意味着它可读性强。易读性意味着可以解释文本，但这就像说树皮可食用。我们的目标更高。

以下是一些简单的方法来确保您网站上的文本可读。

使文字更大 Web文本越大越好。一项2016年的研究使用了眼动追踪技术，并衡量了阅读文章中各种文本大小和行距的人们的理解力。

结果：18点文字具有最佳的可读性和理解力，并且1.0至1.4行间距是理想的。

使行更短 您不希望您的文字行遍及整个页面，因为眼睛很难跟随下一行。建议使用大量空白，并将行长保持不超过65个字符。

总结 字体就像是多感觉想象力的手榴弹。字体将文字变成故事。像动作一样，打字胜于雄辩。当您知道如何明智地选择和使用类型时，可以确保您发送的信息正确。