当前位置: 首页>资讯中心>网页设计>文章正文

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

发布时间:2020-02-28 18:35访问人数:来源:浪知潮网络

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

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

我们希望本文能使您摆脱错误的信念。请检查创建高用户转化率的着陆页应该遵循的简单步骤。

初步准备

在开始设计着陆页之前,请确保已做好准备。结果将取决于您在第一阶段的准确性。有几个基本步骤:

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

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

语义块的设计

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

您可能已经注意到,大多数着陆页的设计都有块。如果您已经为着陆页准备了内容,那么您的任务就是通过这些块来构造它。每个单元都必须有自己的醒目标题:尝试激发访问者做出所需的动作。

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

着陆页原型的设计

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

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

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

您可以使用特殊的软件来开发原型。但是我们建议您自己动手制作-它更容易,更快捷。准备好原型后,即可进行设计师所需的所有必要材料的准备工作。

材料的准备

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

着陆页设计

我们不会谈论美丽和风格。通常,主要任务是出售。因此,让我们专注于转换和可用性。着陆页设计有一些经过时间考验的规则:最好的专家证明所有这些都很好。

在设计版式,信息图,图形,选择颜色,字体和制作动画时,请遵循以下规则:

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

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

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

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

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

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

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

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

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

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

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

Nest

Nest在广告活动中的定位是新一代恒温器,可以减少取暖费用,可以通过智能手机或平板电脑进行自我教育并与房主进行交流。

Nest

该着陆页告诉您一个有关如何根据一天中的时间跟踪温度控制的故事。滚动页面时,您会进行时间旅行,查看原始演示文稿之类的操作。将向您展示一段简短的视频,介绍在旅途的某些部分中智能恒温器的功能。着陆页具有足够的空间,精巧的色域选择,完美的构图以及可以用图像更改文本块的功能。

Marshallamps

Marshallamps

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

Hipstamatic

Hipstamatic

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

BearCSS

BearCSS

这是着陆页罕见的例子,它不直接提供购买或下载内容。它的任务是有用的。它是简洁的,并说明了如何使用。

CrowdSpottr

CrowdSpottr

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

Designed to move

Designed to move

有时值得保持一些神秘感。在这种情况下,含义不会立即显示出来。例如,邀请您观看视频或下载更多信息。要点是使人们对着陆页上发生的事情更加感兴趣。

Fixedgroup

Fixedgroup

着陆页对鼠标移动具有高度响应的一个很好的例子。过渡效果非常好–似乎块被切成两半。

分享:
说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!

版权:【注明为本站原创的文章,转载请注明出处与原文地址!本站部分转载文章能找到原作者的我们都会注明,若文章涉及版权请发至邮箱:service@langzhichao.com,我们以便及时处理,可支付稿费。向本站投稿或需要本站向贵司网站定期免费投稿请加QQ:1115814032】

SEO按天计费
浪知潮网络提交您的需求提交您的需求
  • 公司名称
  • 联系人
  • 电话
  • 邮箱
  • 验证码
    看不清?点击更换

南京浪知潮网络科技有限公司 Copyright © 2012-2019 All Rights Reserved.未经许可,不可拷贝或镜像   网站地图