眼动追踪和 UX 设计中的模式

眼动追踪对于设计师来说是一个重要且有用的工具。它帮助我们了解用户如何与我们的设计交互，从而使我们能够确定页面的哪些元素吸引了他们的注意力，哪些元素被忽略了。通过使用眼动追踪，我们可以深入了解用户如何搜索信息以及他们将注意力集中在页面上的哪个位置。此信息可用于改善用户体验并创建更有效的设计。它还可以帮助我们确定用户浏览网站的不同部分需要多长时间。

1、F 模式

F 模式是人们在互联网上阅读信息最常见的方式之一。

用户首先水平扫描页面的顶部，然后移动到页面的中间或底部，并在到达末尾之前以更短的距离再次水平扫描文本。同时，用户将注意力集中的参考点位于右侧和左侧。
因此，他们的目光形成一个 F，尽管它并不总是完全平滑的。

使用 F 模式时，请记住以下功能：

1.句子的前几行（尤其是 “字母 F” 的顶部）将吸引最多的注意力。如果用户觉得前几个单词很无聊，他们不太可能进一步阅读。

2. F 模式中的大多数句子都被跳过。因此，“朗朗上口”的词位于左侧和右侧，用户的眼睛会变慢。

3. F 模型不是通用的。它的使用取决于网站上信息的语言和文化。在西方文化中，用户从上到下、从左到右阅读，但在阿拉伯文化中，他们从右到左阅读。

2、Z 模式

在网站上阅读信息的另一种常见方法是使用 Z 模式。当用户根据布局中的逻辑层次结构扫描内容时，通常使用此模式。

用户从左上角开始扫描页面，水平阅读内容，然后沿对角线向左移动。之后，他们移动到第二个水平层，用眼睛创建一个 “Z ”形。

此模式的参考点位于页面的左侧和右侧，但用户也会将视线暂停在 “Z” 的中心或页面本身的中心。

使用 Z 模式时，请记住以下功能：

1.此模式适用于信息量较少且关键元素较少的页面，这些页面可以通过放置参考点来突出显示。

2. 使用 Z 模式的页面上的内容应该是平衡的，因此没有一个部分会引起更多的关注。

3. 使用 Z- 模式时，内容应该有一个清晰的叙事结构，这样用户就更有可能遵循它。

3、 “斑点”模式

“斑点”信息扫描模型涉及用户将注意力集中在散布在文本中的某些单词或短语上。与 F 模式不同，用户通常不会阅读句子中的第一个单词。相反，他们选择因其颜色、字体或超链接的存在而在视觉上突出的单词。这些词包括与用户的搜索查询匹配的词，尤其是当它们以大写字母开头或包含数字信息时。

“斑点”模式有时比 F- 模式更有效。特别是如果设计人员通过链接工作，突出显示重要元素并将信息放入项目符号列表中。但是，与 F 模式一样，此模型并非普遍适用。

使用 “斑点 ”模式时，请记住以下特征：

1.模式的有效性取决于用户的目标。如果用户访问站点以获取特定信息，例如了解价格或历史日期，那么此模型最适合他们。

2. 使用此模型时，用户通常比使用 F 模式时阅读更多。由于他们正在搜索特定的单词和数字，因此丢失信息的可能性较小。因此，使用“斑点”图案的页面上的文本应清晰易懂。

4、 “分层蛋糕浏览模式”模式

4. “夹心蛋糕”模式

使用此模式时，网站访问者的注意力主要被标题和副标题所吸引。如果某个标题引起了他们的注意，他们将继续阅读其下面的内容。否则，他们可能会转到另一个标题。

“分层蛋糕浏览模式”图案的设计是用横条纹（标题）用空格（正文）分隔的，就像传统蛋糕的层被糖霜隔开一样。我们可以将标题视为糖衣，将正文视为馅料，就像分层蛋糕一样。

使用 “Layer-cake” 模式时，请记住以下功能：

1.在查看网页的标题和副标题时，它通常会给出页面中将讨论的内容的一般概念。因此，仔细选择明确表达文本主要思想的标题词很重要。一旦用户确定他们是否对标题中显示的信息感兴趣，他们将决定是阅读正文还是跳过正文。理想的标题长度应介于 60 到 80 个字符之间。

2. 大量研究表明，当用户在文本中找到数字时，他们的注意力会停止游荡。这时，他们停下来，专注于数字。人们经常下意识地将数字与事实和真实信息联系起来，因此他们关注包含数字的标题并认为它们更有趣。

5、“承诺”模式

该模型主要由积极或高度感兴趣的读者使用。他们不扫描信息，而是仔细地盯着几乎每一个字。

这些用户不是在寻找特定信息，而是希望完整地阅读一篇文章或段落，以获得所有可能的信息。这种类型的阅读可以比作阅读学校教科书，我们努力从所提供的材料中尽可能多地学习。

使用 “承诺” 模式时，请记住以下特征：

1.专门的读者可以克服阅读时遇到的任何困难。它们不会因格式错误或文本错误而停止，
但这并不意味着我们不应该尝试让阅读更愉快、更轻松。我们不应该忘记文本格式的规则，因为忠实用户的存在表明我们的网站有趣且有价值。你不应该忽视你的声誉。

2. 读者需要很长时间才能读完一篇文章，因此使用这种格式时的信息准确率应为 100%。该网站应展示可靠性并包含指向可靠来源的链接，以便用户可以
信任信息，而无需在其他网站上寻找确认。

3. 这种格式通常用于信息、新闻网站和个人博客。因此，在适当的情况下包含图像和照片是有意义的。
他们将帮助读者更深入地了解上下文并稀释信息。

结论：

UX 模式是一种有效的工具，可以影响网站流量并将用户引导至页面的所需部分。设计师的主要任务是准确确定网站的性质并理解大多数用户在访问页面时的主要目标。

通过清楚地了解这些因素，设计人员可以以既引人入胜又易于理解的方式组织网站上的内容，从而提高用户参与度并增加网站转化率。