我们研究了1000个顶层地板,总结了两个转换优化秘密

2021-05-04
我们开设地板,简单而清晰的落地页面将逐步诱导我们单击页面元素,最后完成浏览。上图是一个例子,用户通过搜索引擎广告进入着陆页,首先反映了醒目的“课程和课程特征”,详细阐述了以下屏幕以使值带到用户。它非常集中在需要用户完成的用户的动作中。当然,本网站设计中存在一些问题。例如,当没有完全引入课程值时,用户的读取行为被中断,第二个屏幕中添加了“测试”形式:

Landing设计是您和访客之间的更清晰和直接的互动。
通信流程部分是为了确保访问者被主动指导积极指导,您可以注意到要注意的内容。关于上面的例子,一些读者将被混淆,市场不是全部第一图类加上表格,测试表单形式也是一种高转换率,为什么这笔扣除这个地板页面?我们已经研究了1000个顶层地板,总结了两个原则,可以帮助快速优化地板版本的设计,你只需要掌握这两个基本原则,后来增强着陆页改变了这件事,无论多么紧急任务八九无法完成。
视觉级别确定哪个页面元素首先将吸引访问者,以及访问者如何交互(以及页面中的顺序)。通过建立视觉级别,您可以确保访问者与登陆页面之间的通信无缝连接。
格式:不同大小的元素将指导用户的注意力。与较小的组件相比,较大的组件可以吸引更多的关注。
颜色:人们将永远被黑色的身体吸引,与强色调鲜明对比。
对比:颜色的转换可用于捕获眼睛。元素的颜色与另一个元素的颜色进行比较,这很容易吸引人们的注意力。
接近:使用它分开或组合页面的一些元素,以帮助区分其位置。
PAGE扫描模式:视线跟踪研究表明,一旦访问者到达网页,他们的视线将专注于整个页面的进度。
以上所有设计元素都很重要,但本文将重点关注通过研究跟踪的页面浏览模式之间的相关性,尤其是f和z模式。 2006,Nielsen Norman Group对视线跟踪的研究被认为是今天最有用和最有用的参考之一。
在研究期间,他们观察了232名用户如何浏览数千个不同的网页。结果表明,用户的主要阅读习惯在不同的网站和测试中相对一致。
f模式是访问者在水平方向上首先读取页面,主要读取沿内容区域的上部,然后移动页面,读取第二个水平线。最后,访客在垂直方向上浏览左页面。
上图中的三个热图来自于3种不同网站的用户的视线跟踪研究。值得一提的是,F模式不必遵循严格的双维水平模式(请参阅右侧的热门图)。这是一个典型的运动轨道(颜色按钮如下:
要记住的键,用户的视线从左上角移动,在整个页面上移动,然后扫描页面,发现它们觉得它是有吸引力的强制组件。对于您希望在文本密集型页面上访问的组件(如图像),您可以确保在F模式下看到这些元素。在其着陆页上使用F模式以引爆这些元素(上面折叠)
首先,访客的眼睛首先会看到标题和字幕。接下来,它们将扫描原始的原点(图标)。
在下面所示的楼层页面使用f模式(上面的折叠上方)
标题是页面上最大的字体,所以可能先看到它。然后就有对应的字幕。接下来是关键点的副本。安排您的落地页面组件,使其能够进入此特定的视觉顺序确保访问者传递页面并单击CTA按钮。F模式通常适用更多到更多内容,但当然它也可以应用于更少的内容。
z布局通常用于小内容。它的设计模仿人眼的路线 - 从左到右,从上到下。
接下来,它们向下和向左扫描,在幻觉中形成对角线
这是由这些眼球产生的观看模式。
就像一个f型模式,以及z型图案的布局