着陆页模式:人们如何消费 Web 内容

已发表: 2020-12-17

无论您的着陆页设计得多么好,访问者都不太可能看到其中的每个元素。 更令人担忧的是您的访问者错过的信息可能会导致您失去转化。

幸运的是,有一些方法可以控制这种情况。 通过了解着陆页模式(访问者看哪里以及何时看那里),您可以确保您的受众看到您的所有基本内容。

着陆页模式的类型

根据 Nielsen Norman(通过早期眼动追踪研究确定 F 模式的小组)的说法,网络上有几种不同的阅读模式。 您的访问者使用哪一个来访问您的页面取决于多种因素,例如您如何安排页面、理解页面的难易程度、您提供的内容等。以下是一些最常见的,还有一些是您的可能没听说过。

F型

F型

阅读的 F 模式是最著名的登陆页面模式。 它首先固定在页面的左上角,然后按以下方式进行:

  1. 用户将水平扫描页面顶部,形成“F”的上部栏。
  2. 用户将返回到页面的左边距并向下扫描,直到他们到达吸引他们眼球的元素。
  3. 用户将水平扫描,但不是一直扫描,形成“F”的下条。
  4. 然后用户返回到左边距并垂直向下扫描页面的其余部分。

广告商可以从中学到一些东西。 首先,页面顶部得到更多关注。 与正文相比,用户更有可能使用标题和特色图片。 其次,访问者可能会阅读水平线上的前几个词,但可能不是最后一个。

当您考虑到用户正在扫描特定信息时,这一切都不足为奇。 他们不是为了消遣而读书。 他们正在寻找标题、图像、副标题、粗体文本和项目符号,以便在无需阅读所有内容的情况下获取页面的要点。 慕尼黑直销协会的早期眼球追踪研究证实了这一点。

重要的是要澄清用户在具体消费内容时遵循 F 模式,而不是在他们浏览新页面和浏览导航菜单时。 该模式也很少是完美的“F”。 很多时候,它在较长的页面上形成一个“E”,要扫描的内容更多。

尼尔森诺曼研究

Z 型

Z 模式是网络上另一种流行的阅读模式。 与 F 模式一样,它从用户从左上角进入开始,然后浏览页面顶部以形成一个水平条。 此外,与 F 模式一样,Z 模式阅读器在读完页面顶部后会移回左边距。

然而,与 F 模式不同的是,Z 模式从用户移回左边距的方式中获得其对角横杆。 在这种情况下,他们不会通过跳到左边距并再次阅读来创建“F”的第二个小节。 相反,他们似乎在页面中间跳过了很多内容。

这里的区别在于 F 模式更适用于文本较多的页面。 当然,这些页面上会有更多的从左到右的水平移动,因为用户正在阅读内容。 但是您的普通网页不会有那么多副本。 这就是为什么你有 Z 模式。

Z型

这种锯齿形是用户在页面上的内容块之间移动的结果。 虽然他们的做法略有不同,但最终,F 模式和 Z 模式用户都在寻找相同的东西:与他们想知道的相关的信息。

其他常见的登陆页面模式

尽管 F 模式和 Z 模式在网络用户中是最自然的,但它们并不是唯一的。 根据 NNG 的说法,还有:

  • 分层蛋糕图案,将显示水平线,看起来像蛋糕和糖霜交替层的甜点。 这些结果来自读者的眼睛扫描标题和副标题,但跳过下面的正文。
  • 斑点图案,它创建了一个包含许多看似随机的点的热图。 这种模式源于读者寻找特定的东西,如短语、单词、链接或特定格式的数字,如地址或电话号码。
  • 当鼠标滚动或手指滑动时,当眼睛聚焦在一个地方时,标记模式会创建一个热图,显示页面上或页面上的一致线条。
  • 绕过模式,它创建一个热图,表明用户不是在扫描,而是故意绕过内容。 当列表中的多行文本以相同的单词或短语开头时,通常会发生这种现象,因此没有必要全部阅读它们。
  • 承诺模式,它创建一个热图,显示用户对页面上几乎所有内容的关注。 这种模式最接近于在网络上阅读的乐趣,所以不要指望它会发生在您的着陆页上。 但如果条件合适,用户可能会产生足够的兴趣来消费整个页面的内容。

着陆页模式:这意味着什么?

人们很容易沉迷于人们在网络上消费内容的所有方式。 如果您像大多数广告商一样,总是在寻找超越竞争对手的优势。 虽然针对阅读模式进行优化可以让您获得优势,但不值得一味追求。 这是因为对登陆页面模式的眼球追踪研究并没有告诉我们很多我们还不知道的信息。 最关键的是:

  • 大多数人从左到右阅读。 始终保持文本左对齐。 右对齐会给眼睛带来刺耳的阅读体验。
  • 人们从上到下阅读。 将您的基本内容放在首位:价值主张、英雄形象等。
  • 人们很懒惰。 他们将尽可能少地使用您的着陆页,因为他们需要了解您的报价。 他们会浏览标题、图片、副标题、粗体副本和项目符号文本,以了解您的产品的要点。 因此,请确保您最重要的内容包含在该内容中。

总体而言,访问者遵循的确切着陆页模式将因页面而异。 您的目标不应是适应 F 模式阅读器或分层蛋糕阅读器,而应是创建易于使用的内容。

请遵循以下提示:

  • 将最相关的信息放在页面顶部。 在标题中体现您的价值主张,并与您的广告进行信息匹配。
  • 使用标题和副标题组织您的内容,以便于浏览。 让你的副标题比你的正文更大更粗。
  • 将最重要的信息放在标题和正文副本的前几个字中。
  • 使用项目符号快速总结项目,例如福利清单。
  • 大胆的关键词和短语。
  • 要全面,但要简洁。
  • 将相关元素组合在一起,使它们更易于查找和理解。
  • 在基本元素和页面背景之间创建对比。 更高的对比度等于更高的重要性。 例如,您的 CTA 按钮应该是着陆页上对比度最高的元素。

最终,F 模式和 Z 模式不会使读者或广告商受益。 故意按照这些对齐方式排列您的内容可能会导致用户跳过有价值的信息。 最好的着陆页设计会引起最大的注意,但它们也适合扫描阅读器。

想要为您的所有细分受众群创建数百个引人注目的个性化登陆页面吗? 获取 Instapage 的免费演示以了解操作方法。