这并不意味着你对研究访问者的行为不感兴趣。您的目标受众可能是一个特定的群体,由遵循这些模式之一的人组成。这意味着你可以为他们进行优化。
查看模式
有很多的模式。这篇文章的目的就是为了帮助你认识这些问题。我们发现的最重要的,或者说我认为最常见的是以下三个:
“f型”
古腾堡图
的Z-pattern
“f型”
这可能是大多数人都知道的。正如这个名字已经暗示的那样,F型表明人们对网站的浏览模式与F型相似:
用户将首先水平地查看页面顶部的内容。在这之后,他们的视图会往下看,他们会水平地看另一部分。然而,这个水平观看区域通常会比顶部观看区域小。用户最终只会“扫描”页面左侧的内容(最好显示在中间的截图中)。
这个f型图形与下面两种图形非常不同。它主要关注站点的左阅读行,而在Gutenberg图和z模式中,用户的“结束”在页面的右下角。
古腾堡图
古腾堡图表表明,人们受“阅读引力”的影响,直接从页面的左上角到右下角:
查看模式:古腾堡图
根据在vanseodesign.com上找到的图片
用户将从页面的左上角开始,并在页面的右下角结束。然而,他们并不是通过浏览所有内容来实现这一点的:古登堡图表显示,用户通过一条直线到达那里,几乎只是扫描页面。
让事情更复杂的是,“方向轴”是从左到右,这使得右上角区域更容易被注意到,因此比左下角区域更强。
的Z-pattern
与f模式一样,z模式的名称已经给出了它的含义。它表示人们以z形浏览网站内容,也被称为倒s形:
查看模式:z模式
这种观看模式呈现了一个更专注的阅读路径。人们浏览一个像这样的网站会看到网站的每个部分。起始点和端点与古腾堡图中的相同,但是右上角和左下角不会被轻易忽略。
Nick Babich在UX Planet上写了一篇你应该读的关于z模式的文章。
其他浏览模式
还有一些其他的,但是为了保持这篇文章的可读性,我们只提一下。它们都与上面解释的模式有很大的相似之处。这是金三角图形,和f图形非常相似。这是齐格-扎格模式,基本上就是在彼此下方有很多z模式。这通常是最专注的阅读形式的一种观看模式:人们寻找特定的东西。
结构和层次结构
关于人们如何浏览网站有很多模式和想法。但我们能从中学到什么呢?
我们倾向于认为,人们浏览页面的方式是由他们浏览的页面的结构和层次以及个人偏好决定的。这个想法已经存在很长时间了。事实上,研究人员在2004年得出了同样的结论:
目前的研究证实了之前的研究,即观察者的个人特征和刺激因素都对观察者的眼动行为有影响。
因此,当人们浏览一个缺乏清晰层次的网站时,浏览模式可能意味着一些东西。但是一旦你在你的网站上添加了焦点和层次结构,人们就会开始遵循这个层次结构。其他几位研究人员都报告了类似的发现。
页面的“结构”是通过“查看热图”来明确的,就像我们在f模式中看到的那样。很多这样的研究都集中在搜索结果页面上,这些页面的左侧已经有很多内容了。所以人们显然会更多地查看这些页面的左侧。然而,如果你在右边添加一个“沉重的”或大的对象,无论是文字的还是视觉的,人们的眼睛几乎肯定会被吸引到它上面。所以,你如何设计你的页面将决定人们如何查看你的页面。
在关于图像搜索引擎优化的文章中,我提到图像应该向右对齐,或者应该是全宽的,以保持左边的阅读线。如果你的访问者遵循这个f型模式,这是非常合理的。顺便说一句,在所有的模式中,图像都可以作为这种浏览模式的指示,这篇文章也强调了这一点:视觉上直接,吸引你的访问者。
相似之处
所有这些模式,在它们的基础上,都非常相似。如此相似,事实上,UX Movement在回顾Gutenberg图时并没有讨论方向轴,这使得它成为一个清晰的z模式。