黑帽达人官网黑帽达人官网

欢迎光临
我们一直在努力

如何设计用户转化率高的登陆页面?

登陆页面的良好设计不仅与你浏览时所经历的情感有关,而且实际上是一个更广泛的概念,其主要目标是解决业务任务。不幸的是,许多新手网络营销人员和商家在设计登陆页面时会犯一个常见的错误,并设定错误的优先级。

我们希望这篇文章能让你摆脱错误的信念。请检查创建高用户转率高的登陆页面应遵循的简单步骤。

初步准备

在设计登陆页之前,请确保准备好了。结果取决于你在第一阶段的准确性。有几个基本步骤:

语义块的设计。着陆页原型的设计。准备着陆页设计所需的所有材料和示例。

如果您对销售感兴趣,请自细研究这些项目。

语义块的设计

每个登陆页都是演示文稿。如果您使用演示幻灯片组合并上传到服务器,您将获得设计相同的登陆页面。演示文稿中的每一个幻灯片都是一个单独的语义部分(在着陆页面上,我们考虑使用块而不是幻灯片)。

你可能已经注意到大多数登陆页面都有块。如果您已经为登陆页面准备了内容,您的任务是通过这些块构建它。每个单元都必须有自己引人注目的标题:试着激励访问者做出必要的动作。

注意:复制完成前请勿继续设计登陆页。作为文案写作的结果,你将得到一个简短的论文结构,并将其分解成单独的块。然后,您可以开始创建登陆页面原型。

着陆页原型设计

登陆页面原型是您完成工作的详细图片。设计师在网页创建过程中受到指导。

如果您想出售比设计师更多的钱(或设计师),请检查登陆页面原型是否满足所有要求,因为设计布局将相同。以下是创建着陆页原型的一些准则:

用图像支持最畅销的事实:这样会对访问者产生更大的影响。文本本身不足以说服他们:至少,请使用屏幕截图或文档以及必要的信息。将CTA将块添加到每三个块中。不要过多地投入创造力。可用性和简单性优先于创造力,因为它们可以带来销售。所有部分(标题、文本、图标、列表、信息图表、按钮等表、信息图表、按钮等)的位置。在登陆页面原型上保留足够的可用空间。太多的信息看起来像垃圾邮件,更难察觉。

您可以使用特殊的软件来开发原型。但我们建议你自己做——它更容易,更快。准备好原型后,设计师需要的所有必要材料都可以准备好。

材料的准备

如果您错过了此步骤,登陆页面设计可能会丢失一些评论、图像和文档。如果发生这种情况,编码人员不会询问信息丢失的原因:他将在没有信息的情况下登录页面。因此,您有获得未完成登陆页面的风险。确保设计师拥有所有必要的文本和材料文本和材料。

着陆页设计

我们不谈美和风格。通常,主要任务是销售。因此,让我们专注于转换和可用性。着陆页面设计有一些时间测试规则:最好的专家证明这些都很好。

请遵循以下规则:

1.主要规则。主要规则是摆脱所有不会导致目标行动实现的事情。设计越简单,越容易,效率越高。设计的最终目的是让访问者有机会快速捕捉你建议的本质,并迫使他采取目标行动。

2.版式。文本设计必须允许访问者以极大的欲望轻松阅读文本。请遵循以下规则,使文本易于阅读(可在显示器和移动设备上阅读):

以大字体为标题。文本大小应介于14-16像素之间。行距至少应大于字体大小的1.5倍。背景色和文本色应形成对比。若文本较长,请避免使用深色背景。避免5行以上的段落。使用更多的项目符号或编号列表。

3.信息图表。近年来,人们非常喜欢信息图表。如果包括访客互动,会带来特别好的效果。

4.图形。一张图值一千字。无论是显示某些事实的图片还是在订购按钮上显示图标,都没关系。还应遵循一组规则:

如果您不希望客户对品牌失去信心,请不要使用图片。不要在图像上覆盖文本:这会损害文本的感知。不要和不露面的男人一起使用图像。要推广产品,请务必向观众提供高质量的照片。

5.组成和颜色。请注意以下几点:

CTA着陆页的第一块应该放置。同时,模块的高度应受到流行设备设置的限制。按钮的颜色并不重要,但是请确保按钮的颜色与背景颜色形成对比。避免使用扁平按钮,因为它并不总是知道它是否是按钮。鼠标指针应响应按钮和链接。避免使用标准图标:照片要好得多。在CTA在块中使用箭头(如果目标操作包括来自用户的两个或更多操作,则有编号)。视觉上彼此分隔块。

6.动画。这绝对是一种趋势,但请不要过度使用。人类有直接和周围的视野。最后一个只能注意到那些伟大的项目或引起注意的项目,即高对比度的项目或感人的项目。这就是为什么动画无处不在。

从第一次尝试中制作理想的着陆页几乎是不可能的。通常,即使登陆页面上线,这项工作也会继续。在网络分析的帮助下,您可以了解市场对您有限合作伙伴的反应,并在必要时进行适当的调整。

南京网站建设专家分享了精美的登陆页设计案例Nest

Nest广告活动的定位是新一代恒温器,可以降低取暖成本,通过智能手机或平板电脑进行自我教育,与业主沟通。

着陆页面告诉你一个关于如何在一天内跟踪温度控制的故事。滚动页面时,您将进行时间旅行,查看原始演示文稿等操作。在旅途的某些部分,向您展示一段简短的视频。着陆页面有足够的空间,精致的色域选择,完美的构图和可以用图像更改文本块的功能。

Marshallamps

传说中的马歇尔(Marshall)吉他放大器的登陆页面向所有游客展示了该产品的巨大形象。一系列放置在滑块中的照片会引起强烈的情感联系。在我们看到这些照片后,许多音乐家都希望吉他连接到马歇尔。登陆页证明了与我们建立情感联系的重要性。

Hipstamatic

Hipstamatic它是一个应用程序,可以让你用手机应用各种照片滤镜。登陆页面之所以有效,主要是因为它展示了一些借助这个应用程序创建的有趣图像示例。因此,用户可以立即看到结果,并迅速决定是否购买应用程序。

BearCSS

这是登陆页面上罕见的例子,它不直接提供购买或下载内容。它的任务是有用的。它很简单,并解释了如何使用它。

CrowdSpottr

我相信你已经注意到很多人使用他们的主页来推广移动应用程序。CrowdSpottr优点是网页会问自己一些问题,并通过分阶段的解决方案立即回答。

Designed to move

有时候保持一些神秘感是值得的。在这种情况下,意义不会立即显示。例如,请观看视频或下载更多信息。关键是让人们对登陆页面上发生的事情更感兴趣。

Fixedgroup

着陆页对鼠标移动有很好的反应。过渡效果很好–块似乎被切成两半。

未经允许不得转载:黑帽达人官网 » 如何设计用户转化率高的登陆页面?
分享到: 更多 (0)

黑帽达人官网专业提供黑帽seo快排、黑帽seo技术、黑帽seo优化、快速提升排名、黑帽seo推广等服务。为企业客户提供更好的网络营销模式拓宽销售渠道,让客户盈利是我们服务的初衷,欢迎大家一起交流!

黑帽seo快排