如何设计用户转化率高的登陆页面?
来源:网络 日期:2021-02-02 09:59 作者:小编.h

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

好的登陆页面设计,不仅与你浏览时体验到的情感有关,更是一个更宽泛的概念,其主要目标是解决业务任务。不幸的是,许多网络营销新手和商人在设计登陆页面时犯了一个常见的错误,设置了错误的优先级。

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

初步准备

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

语义块的设计。

登陆页面原型设计。

准备登陆页面设计所需的所有材料和示例。

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

语义块的设计

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

您可能已经注意到,大多数登录页面都是用块设计的。如果您已经为登陆页面准备了内容,那么您的任务就是从这些块中构建它。每个单元都必须有自己醒目的标题:努力激励来访者做要求的动作。

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

登陆页面原型设计

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

如果你想卖的比设计师多(或者你是设计师),请检查登陆页面原型是否满足所有要求,因为设计布局会一样。以下是制作登录页面原型的一些指南:

用图片支持最“畅销”的事实:这样,对访客的影响会更大。文字本身不足以说服他们:至少,请使用截图或文档和必要的信息。

每三个块加CTA块。

不要太有创意。可用性和简单性比创造性更重要,因为它们能带来销售。

标记所有部分(标题、文本、图标、列表、信息图表、按钮等)的位置。)在登陆页面原型中。

在登陆页面原型上留下足够的自由空间。太多的信息看起来像垃圾邮件,更难发现。

可以用专门的软件开发原型。但是我们建议你自己做——这样更容易更快。一旦原型准备好了,设计师需要的所有必要材料都可以准备好。

材料准备

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

登陆页面设计

我们不谈美和风格。通常主要任务是销售。因此,让我们专注于转型和可用性。登陆页面设计有一些久经考验的规则:最好的专家证明这些都是好的。

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

1.主要规则。最主要的规则是摆脱一切不会导致目标动作实现的东西。设计越简单,越容易,越高效。设计的最终目的是给访问者机会,让他们迅速抓住你的建议的本质,迫使他们采取有针对性的行动。

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

使用大字体作为标题。

文本大小应该在14-16像素之间。

行距至少要比字号大1.5倍。

背景色和文字色要对比。

如果文本很长,避免使用深色背景。

避免段落超过5行。

使用更多项目符号或编号列表。

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

4.图形。一图胜千言。不管是显示一些事实的图片还是订单按钮上的图标。你还应该遵循一套规则:

如果不想让客户对品牌失去信心,请不要用图片。

不要在图像上叠加文字:会破坏文字的观感。

不要对不出现的男人使用图片。

如果你想推广产品,请务必向观众提供高质量的照片。

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

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

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

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

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

Nest

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

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

Marshallamps

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

Hipstamatic

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

BearCSS

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

CrowdSpottr

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

Designed to move

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

Fixedgroup

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

上一篇:公司品牌推广中需要记住的几点 下一篇:更智能的搜索引擎需要更好的搜索引擎优化策略
猜你喜欢
各种观点
热门排行
精彩
  • 网站优化过程中排名是具备周期性
    网站优化过程中排名是具备周期性
    今天小峰seo博客在这里和大家一起来细细的说下关于网站优化过程中排名是具备周期性,这个周期性的更新是根据百度的大更新数据和自身的网站的一个更
  • TAG标签作用及其详细说明
    TAG标签作用及其详细说明
    今天小峰seo博客在这里为大家来说说TAG标签作用及其详细说明,网站优化的人员对于TAG标签是比较熟悉的,因为它可以作为seo人员用来进行关键词布局还有
  • 关于利于社交媒体营销SEO技术
    关于利于社交媒体营销SEO技术
    今天小峰seo博客在这里和大家来说说关于利于社交媒体营销SEO技术,无论您的社交媒体活动是针对政治,还是宣传您制作的产品,您都可以使用相同的工具
  • 为什么网站排名流量会下降
    为什么网站排名流量会下降
    今天湖南网在这里和大家一起来探究关于为什么网站排名流量会下降,我们要知道网站流量上升或者下降是根据关键词的变动而变动的,还有就是竞争对手
  • 网站内在的一些seo技巧
    网站内在的一些seo技巧
    今天小峰seo博客在这里和大家一起来说说关于网站内在的一些seo技巧,我们在做seo关键词排名的时候,往往会遇到一些关于排名和收录的问题,那么究竟