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

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

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

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

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

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

排版如何影响转换

字体(文字的设计)可能会影响您的网站的有效性或使其失效。它有五种影响人们对您的品牌,产品或信息的反应的方式。

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个字符。

总结

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

内容出处:,

声明:本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。文章链接:http://www.yixao.com/seo/13322.html

发表评论

登录后才能评论