发布时间:2021-7-9 分类: 行业资讯
我们来看看如何设计“影响用户购买行为”的目标网页。
大多数SEM在设计登陆页面时只考虑“用户需求”,但从未考虑过“用户自购行为”。
也就是说,它会影响用户的购买因素。这也是我们设计登陆页面中最重要的部分。
然后关注兔子,看看如何设计影响用户购买行为的登陆页面!
首屏内容=美女脸
第一个屏幕是用户在打开代购源码网站时看到的第一个屏幕,其重要性不言而喻。
一方面,它可以使内容100%被用户吸收,另一方面它极大地决定了用户的进入和停留。
如果你将代购源码网站与一个美丽的女人进行比较,那么第一个屏幕就是这个国家的面孔。
并且通过热图工具分析了大量的登陆页面,兔子发现80%的访问者的浏览时间花在了第一个屏幕上,只有20%花在了页面的其余部分上。
因此,对于第一个屏幕的内容要求,它必须满足以下两点:
大大刺激用户形成转型
内容应该易于理解,内容应尽可能小,以满足用户的需求
近似效应
指当人们记住一系列事物时,对项目最后部分的记忆效应优于项目中间部分的现象。
流行的解释是最新的印象将占主导地位。
这是什么意思?当用户导航到着陆页的底部时,他们的注意力再次上升。所以我们必须掌握页面末尾的内容设计。
通常建议SEMer在最后设置更引人注目的转换按钮或相关链接,以提高目标转换率。
F模式设计网页
NNGroup对眼动项目进行了研究。通过跟踪浏览网页的200多个用户的眼球运动轨迹,发现当用户快速浏览网页时,眼球的移动类似于字母F.整个过程可归结为如下:/p >
用户将首先在水平方向上浏览,并优先浏览内容块的上部。此时,眼球运动构成了字母F的顶部。
然后视线斜视屏幕的左侧,找到可能引起段落兴趣的内容。当他们找到他们感兴趣的内容时,他们会继续水平浏览,通常内容的视线越多,第一次水平浏览的范围就越小,这条视线就构成了水平的中间位置。信F.
然后,用户将视线移动到屏幕的左侧并继续向下导航。
整个过程如下图所示。
有了上述信息,我们可以得出两个结论:
当用户浏览网页时,他们会更加关注左侧的信息
用户在浏览网页时更具选择性
因此,建议SEMer根据F模式设计网页。但也要遵循以下几点:
关键信息位于页面左侧
在目标网页中,内容是分层的,重要信息标有不同的字体大小和颜色(用户在阅读时更容易注意跳过)
内容需要生化
从以前的离线广告,到后续的招标,到当前的信息流广告,广告的形式在不断变化,用户对广告的认知和免疫力也在不断提高。
例如,用户会习惯性地忽略网页标题的大横幅,因为它看起来像广告,没有人喜欢广告。
下图为网页热点检测图。我们可以看到用户的眼睛集中在中间,大多数人倾向于忽略底部。
因此,在设计转换点时,我们不仅处于显眼位置,更重要的是,我们应该注意转换点的内容。
例如,在下面的图片中,您会点击哪两张图片? (最低限度,您必须找到第二个转换点半天,这正是我们上面所说的。)
图1
图2
因此,在设计网页时,要注意转换点的原始生物化学,并尽量避免固有的思维。
注意眼睛的设置
也许你看到主标题有点尴尬。
眼睛,指的是一个人的眼睛在图片中的具体内容,它往往有一个明确的方向。
在生活中,我们将与某人的视线一起移动,并且焦点将相应调整。着陆页设计中的眼睛方向也是如此。
事实上,当你用不同的眼睛看事物时,你的眼睛就有指向目的的作用。人们会跟随你的眼睛,朝着你眼睛所示的方向看。
图片中的字符将提示用户的眼睛,遵循模型或元素的方向,并注意指定的信息。
给栗子
左图1:角色的向上眼睛引导用户聚焦在角色的上半身,然后向上移动角色的眼睛,并注意角色顶部的四条信息。
左图2:人的眼睛,正面和右眼引导用户的眼睛看到相应的信息。
因此,在设计时,必须注意图像的设置和图像方向的内容设置。这通常可以根据以下几点来完成:
按照人物的脸部和眼睛的方向,并将重要和次要信息安排到相应的位置。这意味着用户的眼睛会朝着显示的方向看
注意图片中字符的表达。情绪是影响用户转化的重要因素,表达是影响情绪的重要因素。即:用眼睛指导用户看到的内容的方向,同时使用情感丰富的角色对用户产生积极影响
使用视觉点来引导用户可见性
当页面上出现一个点时,它可以迅速吸引用户的眼球;当有更多时,用户的注意力在观看图片时会更加分散;当用户遇到不同大小的点时,用户通常会首先关注较大的点,依此类推。 (点有时是相对的,我们可以将所有元素视为一个点)
例如,在下图中,视线将首先聚焦在右侧的鲜红色草莓上,因为:
聚焦(第一个引人注目的元素):图片中的大小,眼睛颜色和形状之间有明显的对比
亮点(用户的主要愿景):图片中某个点的形状或细节与其他元素不同
因此,基于以上结论,着陆页的归纳设计可以遵循以下几点:
根据设计需求和活动,调整设计元素的大小或颜色,使要突出的点更加突出
处理主副本的字形,颜色等,以便用户的视线具有焦点。或者调整文本的高低,使突出的亮点,弱化的弱化
使用视觉点来关注用户的视线
上面,您首先注意到哪些信息? “只有2680”袁权。
由此我们可以简单地得出结论,同一区域内的不同颜色总能得到更高的关注并立即掌握用户的视野。
例如,下面的图片,两张图片,通过眼睛的鲜明对比,我们可以快速注意到图片的内容。
从上面提到的栗子中,我们可以看到,当图片中有两种颜色时,用户的眼睛将首先关注对比度,大面积,突出的颜色,然后找到另一种颜色,然后浏览所有颜色。
通常,面对大格式文本,元素,图像信息,人眼需要被引导,颜色是最直接的形式之一。
通过合理使用颜色来关注最重要的信息,颜色的对比度最大化。如果颜色由元素的方向和动作的方向引导,则色点将更有影响力。
在着陆页中,使用颜色的设计可以遵循以下几点:
当使用对比强的互补色突出主要内容时,这种焦点处理方法更有效
如果图片中有更多颜色,您可以使用颜色大小对页面上显示的所有信息进行分类。
结合A/B测试并点击热图以提高效率
当我们根据以上几点纠正页面时,您认为转换是否已大幅增加?
着陆页的设计不仅仅是这样。我们必须学习并擅长A/B测试并不断优化页面。
例如,下图是日本旅游公司。通过热图,代购源码网站主页上的流量分布非常集中,并在导航栏和下面的模块中收集了大量的点击。为了更好地引导流量,他们决定根据用户的顾虑在主页上显示用户感兴趣的更多内容。
如果您不分析代购源码网站,则无法以有针对性的方式优化目标网页。通过将A/B测试与点击热图相结合,我们可以显着提高页面的设计和转换效率。
这些是兔子对着陆页设计的一些看法。实际上,登陆页面可以说是招标过程中最重要的部分,不仅负责承载流量,还负责流量的转换。因此,我们应该善于多维思考并观察页面中的每个元素。
这说“多维思维”总是容易说出来并且很难做到。例如,有多少人考虑用眼睛来引导用户的视线?
作者:兔子
资料来源:SEM联盟(ID:semlianmeng)