最专业的八方代购网站源码!

资讯热点
SEMer只会调整价格吗?也知道如何设计代购源码网站登陆页面

发布时间: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)

« 代购源码网站优化4种排水方式,获得良好的流量 | 降低跳出率有助于SEO优化 »