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

已发表: 2020-12-17

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

幸运的是,有一些方法可以控制这一点。 通过了解登陆页面模式——访问者在哪里看以及他们何时看——你可以确保你的观众看到你所有的重要内容。

着陆页模式的类型

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

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 演示,了解如何操作。