如何设计有效的目标网页 _原型设计

本文概述

着陆页设计最佳做法
内容–着陆页的基础
着陆页设计中的常见错误
摘要

登陆页面可以描述为将访问者推向单个动作的一页网站。专注于单一目的是使目标网页与其他网站不同的主要功能。
他们的主要目标是生成通常与电子邮件和社交媒体活动相关的销售线索, 并将这些销售线索转化为买家和订户。将访客转化为潜在客户和购买者的过程通常是通过号召性用语按钮和潜在客户生成表格来完成的。

着陆页是指互联网访问者首先到达你要其在网站上采取的重要行动的任何网页– Tim Ash, 着陆页优化

登陆页面的产生是对微软Office套件销售不佳的一种反应, 现在已经扩展到了电子邮件营销解决方案, 客户管理和潜在客户捕获功能的标准点, 并成为通过营销手段留住和获取客户的强大工具和设计技巧。
尽管客户获取和销售是一种狭窄且基本的形式, 但目标网页仍然是营销人员使用的最强大的工具之一。

文章图片
Dann Petty的着陆页设计
有效的目标网页用于转换和面向销售的任务, 例如：

推广新产品
越来越多的订户列表
增加销售和潜在客户
通过表单获取见解和数据

着陆页设计最佳做法着陆页尽管与常见网站非常相似, 但其目的不同。以下是一些关键特征, 这些特征有助于使目标网页看起来更好并且转换效果好：
1.视觉简洁

文章图片
显示在Conversionlab主页上的视觉简洁性
视觉简洁性考虑了登录页面用户界面的所有元素。保持视觉简洁性和简约设计很重要, 因为它可以提高访问者的注意力并有助于展示其价值主张。以下是一些视觉简洁的特征：

视觉简洁性保持空白, 通过将访客与其他元素隔离开来, 使访客集中于号召性用语(CTA)。
视觉上的简单性使关键功能和号召性用语易于凸显。
视觉简洁性通过以突出元素的方式显示元素来形成对比。
视觉上的简洁性通过以引导用户继续阅读的方式放置元素来维持设计流程。

2.伟大的着陆页始于伟大的媒体
着陆页上正确的图像和视频将有助于说服访问者对号召性用语采取行动。出色的形象有助于讲故事, 有效地展示产品并与访客建立个人联系。

文章图片
引人入胜的摄影作品可以增加Uber着陆页上的转化次数。
所显示图像的相关性至关重要。显示友善, 真实的人的形象而不是普通的股票形象有助于建立与访客的信任。包括相关的产品和服务图像可以使访问者更好地了解他们所购买的商品。
对视频在目标网页上的影响的研究表明, 视频比静态图像更具影响力, 其中” 71％的受访者确认视频的转换效果优于其他内容。” 视频有助于SEO, 保持用户参与度并更好地向访问者说明产品或服务。支持视频的另一个因素是, 如果使用得当, 它们可以替换可能会损害转化的长期复制的视频。
3.色彩的重要性
研究表明, 色彩在我们的感觉和行为方式上对我们的心理有很大的影响。适当的调色板可改善用户界面并帮助指导用户的行为, 从而改善登录页面的转换。

文章图片
Mason Yarnell在Mixpanel的着陆页上大量使用了颜色
以下是有关如何有效使用颜色的一些技巧：

了解如何使用允许创建高对比度的高和低色彩, 而高对比度直接与复印的可读性相关。
创建一个调色板, 该调色板由兼容的颜色组合组成, 并基于互补色/相反色。
从心理学和市场营销的角度处理色彩。根据产品/服务, 使用传达正确信息的颜色(例如, 绿色是传达安全性, 信任和平静的颜色, 因此, 最适合与金融相关的产品使用)。
针对不同的受众特征时, 请考虑颜色符号。各种文化对颜色的解释不同, 因此, 对一个用户群有效的方法可能对另一用户群无效。
请理解, 颜色的解释因性别而异, 并且在选择颜色时没有” 防弹” 解决方案。

文章图片
巴尔干兄弟在着陆页上很好地使用了颜色
5.登陆页面响应设计
自自适应网站成为行业标准已经过去了两年, 登陆页面也不例外。响应性登陆页面旨在在移动设备上提供与全屏布局相同级别的用户体验和UI。

文章图片
通过移动设备进行的在线购买正在增长, 因此, 手机很快将成为在线购物和购买的主要流量来源。由于目标网页是面向转化的, 因此了解移动受众的潜力并适应该流量渠道很重要。
以下图表显示了着陆页响应式设计统计信息中的移动用户百分比：

文章图片
尽管提供登录页面的大多数服务已经将响应能力集成到其模板中, 但是如果决定设计一个独立的登录页面, 那么登录页面设计最佳实践要求响应能力是绝对必须的。原因如下：

响应式布局在主登录页面上提供功能和内容奇偶校验。
响应性着陆页受益于手机和平板电脑带来的大量流量。
响应式登录页面与SMM广告系列可以很好地集成, 从而吸引流量。
由于降低了布局的复杂性, 响应式登录页面更易于构建。

文章图片
Taster’ s Club登陆页面上醒目的简洁标题
有效的目标网页标题是：

有说服力和吸引人
简短但清晰, 并说明解决的问题
传达一种紧迫感

2.强烈呼吁采取行动
号召性用语按钮是出色的目标网页的核心组成部分, 是产品或服务与用户之间的主要门户。

文章图片
Lyft利用明亮的号召性用语
运用以下提示可以改善CTA的” 按钮游戏” ：

保持优势, 重点放在主要的CTA上。始终使访客易于执行所需的操作。
使用暗示性的图像和视觉提示将访问者指向CTA。
使用强而明亮的颜色, 通过创建对比度使CTA按钮突出。
在号召性用语中使用自然且可行的词组, 例如” 立即开始” 和” 立即获取免费报价” 。避免使用简单的短语, 例如” 提交” 和” 发送” , 因为它们在转换方面不那么有效。

3.心理方面
每个人都必须遵守心理原则和规则。人们的动机, 欲望, 信念和偏见使他们做出特定的选择。这些选择受到有意识或无意识的多种因素的严重影响, 并且有多种方法可以影响它们：

利用与用户上下文相关的移情图像。这允许在情感水平上更好的连接并将同情的感觉传达给用户。
着陆页上的关键元素(例如标题和号召性用语)应为用户创造价值和紧迫感。这可以通过编写适当的副本并使用对比色来实现。
信任徽章, 评级和奖励之类的小部件应显示在折叠上方。这传达了一种信任感。
显示相关证明书可以作为访客的社交证明, 并提高信誉和可信赖性。
展示与服务或产品有关的徽标和品牌有助于通过社会证明建立信任。

文章图片
在Unbounce的目标网页上使用社交证明
4.在登陆页面上使用人员
【如何设计有效的目标网页】除了可以用来从目标网页中获取更多收益的各种心理方面之外, 使用人和友好的面孔也是提高目标网页转换率的一种行之有效的技术。
使用真实, 日常人物的照片代替物体或股票图像有助于建立更个人的联系并引起访问者更多的同情。因为人们通常在情感和潜意识的水平上做出决定, 所以通过图像创建情感联系是一种非常有效的技术。

文章图片
高层通过在目标网页上使用友好的人员来提高他们的转化率。
探索在网页设计中使用人像的研究发现, 包含面部特征的网站激发了人们对网站值得信赖的印象, 因此更具吸引力。

文章图片
指挥官的魅力指向行动号召, 这增加了转化率
吸引人们关注CTA的另一种好方法是使用观看标题和号召性用语的人的图像。此技术使用户更容易看到重要的CTA, 并导致转化率更高的着陆页。
着陆页设计中的常见错误 1.没有图像或低质量的图形

一张图片胜过千言万语。 –谚语

研究表明, 人们对图像的感知更好, 符号的识别速度比文本快1000倍以上, 从而强调了使用高质量图像和视频的必要性。通用, 像素化, 过时的图像和股票摄影会损害信誉, 降低可信度, 并使目标网页在读者眼中不那么真实。
2.内容和复杂性过多的页面布局
登陆页面的目的是易于使用和快速理解。过于复杂以至于无法滚动, 难以扫描并且UI元素过多的布局很少提供价值, 并且极大地减少了目标页面的转换。应根据具体情况决定使用通用网站元素(如导航栏, 页脚和类似元素)的决定。

文章图片
复杂的布局中充满了” 噪音” -太多的文本和信息
理解用户的观点可以更有效地发现设计中的弱点, 有助于使页面流程更加直观, 并且扫描目标网页的过程也不会那么困难。
A / B测试目标网页是一种收集见解的好方法, 这些见解可用于改善目标网页的布局。另一种选择是使用基于证据的UX设计技术, 例如F形和Z形图案布局。
已对这些类型的布局进行了彻底分析, 并使用显示常见用户交互模式的数据进行备份。展望未来, 应用研究数据将大大提高用户与目标网页内容进行交互的能力。

文章图片
枪口着陆页的简单而有效的设计
3.无法扫描的副本
登陆页面上的良好复制对于为访问者创建清晰直观的体验至关重要。写得好好的副本不仅暗示而且令人兴奋。由于营销人员, 设计师和企业主了解优质副本的价值, 因此迫切需要为目标网页撰写副本。
以客户为中心的复制的一个重要原则是讲故事。太多的文字, 语法错误, 大量的不间断文字以及无聊的语气可能会导致目标网页的效果不佳。如果访问者觉得副本是为他们量身定制的, 并且讲述了一个引人入胜的故事, 他们会更加信任你。
摘要登陆页面本质上是关于获取和保留访问者以及将其转换为购买者和订阅者, 并且它们目前是营销人员用来收集潜在客户的最受欢迎的工具之一。
各种营销和设计技术的使用会对用户的参与产生重大影响。本文概述的着陆页设计技术和心理学原理得到了真实数据的支持, 并被证明可以保证着陆页有效, 高转换性和面向结果。
? ? ?
在srcmini设计博客上进一步阅读：