从构思到出版：加快设计审查过程
已发表: 2017-03-24无论是发生在职业体育、商业还是任何其他领域，成功往往不被重视。 它就像一座冰山：每个人都看到了顶端——你的奖项和荣誉——但没有人意识到表面之下的东西。 他们看不到到达那里所付出的努力。
点击后登陆页面设计也是如此。 耸人听闻的博客标题，如“一个简单的颜色变化使收入飙升 50%”，通常会在没有充分解释成功原因的情况下突出成功。
他们不会告诉您颜色选择是由整个团队根据公司数据和设计理论知识精心挑选的。 他们不同意这个想法来自格式塔心理学的基础。
设计点击后登录页面需要大量的知识、实践、流程和人员。 通常，它看起来像这样：
设计过程是什么样的
第 1 部分：规划
根据您的业务规模，规划阶段可能涉及几个不同的关键员工。 创意总监、数据分析师、销售代表、撰稿人、设计师、开发人员——他们都是计划您的活动基础的一部分，按照以下步骤：
1.确定页面的目标
你正在构建一个页面，但为什么呢？ 它的目的是什么？ 是的，它是为了转化访客，但它的最终目标是什么？
许多创作者错误地认为转化率是“成为一切”的点击后着陆页指标。 不是。 最终，您想增加收入。
点击鸣叫
以此页面为例，来自服务器密度：
以前的定价结构导致许多免费试用注册，但很少升级到付费客户。 因此，Server Density 与 VWO 合作构建了一个新页面。 它的目标是通过新的打包定价模型提高收入，尽管转换率很高：
该页面实际上减少了免费试用转换和付费注册升级。 但与此同时，它通过提高每次转化价值将收入提高了 114%：
如果这些点击后着陆页创建者仅根据转化率来评估性能，那么第二个页面就会被废弃，取而代之的是原始页面。 然而，最终目标不是积累转化率，而是增加收入。 这也应该是您的最终目标。
当您作为一个团队坐下来计划活动时，请确保您确定哪些关键绩效指标对于提高您的底线至关重要。 然后，回过头来弄清楚“如何”。
在这种情况下，最终目标是增加收入，然后是“如何”通过引入新的定价点击后登陆页面来增加每次转化的价值。
2. 确定你的听众
接下来，您的团队确定点击后登录页面的受众至关重要。 这是市场研究人员和数据分析师将插话回答以下问题的地方：
预计哪些买家角色会到达此页面？ 你将从什么渠道吸引他们？ 谷歌广告？ 电子邮件？ 领英？ Facebook？
他们最能回应什么营销信息？ 他们谈论您的产品时使用什么语言？ 他们处于买家旅程的哪一部分？
如果不回答这些问题，您的创意人员（设计师、撰稿人、开发人员）就无法创建能引起特定受众群体共鸣的页面。
请记住，正确的流量是高转化率的最重要因素。 如果没有互联网用户需要您的报价，您的点击后登录页面就是对网络空间的浪费。
3. 选择你的报价
现在你已经确定了你的听众，你应该问问自己，“他们想要什么，我怎样才能让他们需要它？”
数据分析师和营销经理可能会在这里插话，深入了解在漏斗的这个阶段提供什么最有效：
在许多情况下……
- 博客帖子、文章、网站内容、社交媒体帖子和网络研讨会在漏斗的顶部效果最好。
- 电子书、技巧单、白皮书、网络研讨会和案例研究在漏斗中间很有效。
- 演示、咨询、免费试用、网络研讨会和报价在渠道底部效果最好。
请记住，这些与营销渠道相关的优惠并不是一成不变的。 您可能会发现，对于您的企业而言，网络研讨会在漏斗底部比在顶部效果更好。 您可能会发现电子书根本不起作用。 但如果您没有数据证明并非如此，那么这些都是一个很好的起点。
4. 确定你的元素
现在，你将如何让你的听众需要你的提议？ 你会提出什么有说服力的论点，你会用什么抵押品来做到这一点？
他们说一张图片抵得上 1,000 个单词。 信息图表、视频和英雄镜头等视觉效果可以以一种易于理解的方式传达您的报价的价值。 然而，有时 1,000 字可以讲述一个更引人入胜的故事。
如果您的报价昂贵、新颖、复杂或高度承诺，则会受到更多审查。 你的报价可能会受到更多的审查，你的抵押品就需要更有说服力。
这可能意味着更多的文字、更多的图片、更多的推荐、更多的权威徽章等。总的来说，如果您销售 500 美元的课程，您的页面可能会比您提供免费的提示表更长。
但是，“更多”并不总是答案。 很多时候，完成工作是“不同的”。 Moz 的 Rand Fishkin 和 CXL 的 Alex Birkett 等专家建议创建几个截然不同的点击后登录页面，并附上替代参数和抵押品，以确定哪个最接近全局最大值。
与您的团队一起确定哪些页面将以视频为特色，哪些页面将使用带有信息图表的文本，或英雄镜头，或者您认为可以与观众交流的任何元素组合。
第 2 部分：整理论据
这是每个团队成员中断准备支持您的团队同意的信息的地方。 设计师将深入研究 Adobe Photoshop 和 Premier 等工具，而撰稿人将在记事本上草草记下思维导图和标题。 在这个阶段，这是可以期待的。
设计师
在创建过程的这个阶段，设计师将致力于制作视觉内容以支持页面的有说服力的论点。 这可能包括：
点击后着陆页视频
研究表明，视频可以将点击后登陆页面的转化率提高 80%——但是，必须正确制作视频才能做到这一点。
案例研究视频和视频推荐非常适合高成本和高承诺的报价。 您会经常在基于服务的点击后登录页面上看到它们，例如在法律行业和数字营销领域。
在您的企业中，请确保您拥有最热情的拥护者，您的企业为他们改善了最多的生活。 如果他们是众所周知的，那就更好了。
在制作时，请记住案例研究视频和视频推荐的优势，并使用效果来增强它们。 文本叠加可以将注意力吸引到演讲者的全名和职位以提高权威性，并突出显示在您的企业帮助下实现的特定投资回报率。
最重要的是，记住要简短并讲一个故事。 让访问者知道在您的业务介入之前您的客户的生活有多大问题，然后具体分享你们如何合作，以及这种伙伴关系为帮助客户做了什么。
当您的报价很复杂或很新时，解释视频和介绍视频会更好。
您会看到许多软件企业使用简短的解释视频来快速向访问者展示工具或平台的功能。 如果你创建了一个，一定要保持简短。 网络上许多最好的解说视频都不到两分钟。
与案例研究视频类似，解释视频应该讲述潜在客户的问题、企业如何解决问题以及结果会是什么样子的简短故事。 他们还可能需要设计师和撰稿人的协调来创建脚本。
另一方面，当您的报价以特定人为中心时，介绍性视频会很有帮助。 想想由鲜为人知的专业人士教授的昂贵课程。
介绍性视频解释了他们是谁，以及为什么他们有资格举办网络研讨会或教授课程，这正是潜在客户消除他们对转换的疑虑所需要的。
点击后着陆页图片
图像即时传达信息的能力是无与伦比的。 视频可能更引人注目，但它们需要访问者更多地投入观看。 另一方面，图像可以快速解读。 设计师可能会发现自己创建了一些常见的点击后登录页面图像：
- 产品图片主要出现在电子商务点击后登陆页面上。 以服装或珠宝为例。 访客无法试穿，因此您的工作是向他们展示从各个角度看会是什么样子。 如果您的产品是新的或复杂的，图表可以展示它是如何工作的。
不过，产品图片并不严格限于实物。 它们可以为访问者提供有价值的预览，让他们了解您的软件界面是什么样子的，或者您的电子书包含的内容。
- Hero shots可以帮助潜在客户想象您的产品在他们使用后会变成什么样子。 清洁服务可能会显示一尘不染的房子的图像，而汽车保险提供商可能会显示一个快乐的青少年在将车倒出车道时向父母挥手的图像。 将此视为“之前”和“之后”序列的“之后”照片。
这是来自 Infusionsoft 点击后登录页面的英雄照片，展示了他们使用该软件将成为的前景——一个有组织、敏捷的小商人。 请注意，这不仅仅是移动界面的照片； 这是一张手握手机的照片，可以帮助潜在客户想象自己正在使用该软件：
- 当您需要以一种不吓人、易于理解的方式显示数据时，信息图表是理想的选择。 条形图、饼图和折线图非常适合比较和对比，例如您和竞争对手之间的差异。
如果您要构建多个不同的页面，请在每个页面上尝试完全不同的方法。 其中一个包括解释视频，另一个包括一些图表。 稍后，测试可以证明哪个更有效。
撰稿人
当设计师创建点击后登录页面的视觉部分时，撰稿人将制作其书面内容。 他们的职责包括：
传达您的 USP 的标题
该页面的标题应立即传达该优惠的独特销售主张。 它应该激发好奇心、分享新闻、诉诸自身利益，并匹配它所来自的广告信息以建立信任。
点击后着陆页上最重要的词在标题中。 如果他们不能说服您的访问者留下来，他就不会费心寻找您的正文或号召性用语。 这是 AWAI 的一个很好的例子：
以利益为导向的正文
就书面内容而言，页面的正文是最大的变量。 字数通常取决于要约，通常，受众在营销渠道中越往下，就需要越长、越有说服力。
例如，压缩页面的总字数通常少于 20 个。 不过，销售后的页面可能会长到数千字。
无论字数如何，撰稿人都应该优化页面的易读性、可读性和理解性，因为人们不阅读。 相反，他们以 F 模式或 Z 模式浏览：
为了适应这种模式，你的报价的好处应该被格式化以从你的正文的其余部分中脱颖而出，使用粗体或项目符号列表等效果。
客户评价
应收集满意客户的报价并详细写在您的点击后登录页面上。 这些推荐书应完整附上全名、职位，并应着重于特定的积极成果。 这是来自 Directive Consulting 的一个例子，说明了明星推荐的样子。
引人注目的号召性用语
号召性用语应该是几句话，让您的访问者对索取您的报价感到兴奋。 传统上，这是一个以行动为导向的短语，强调访问者需要做什么才能获得优惠。 今天，它已经演变成一个短语，与点击后登录页面上的所有其他元素一样，强调领取优惠的好处。 在此处详细了解如何找到合适的 CTA。
一旦创意团队的每个分支都创建了这些元素，它们就会被传递给创意总监以供批准。
第 3 部分：将它们放在一起
一旦创意总监给出“OK”，设计师将负责创建在初始规划阶段讨论的模型。 他们会将所有元素组合在一起，形成一个或多个解剖学上正确的点击后登录页面：
导航、页脚或正文中没有出站链接
点击后登陆页面着重于让访问者采取一项行动，这就是为什么它们不应包含任何会分散该目标的出站链接。 这些链接不应位于导航菜单、页脚或页面正文的任何位置。 每个点击后登陆页面的转化率都应为 1:1，这意味着访问者只能点击一个地方：您的 CTA 按钮。
品牌配色方案
页面上的颜色应适合您的业务。 根据您的品牌色调、色调和阴影，您应该选择一种方案，使您的表单和 CTA 按钮最引人注目。
参与媒体
是时候嵌入您在第 2 部分中设计的视频、信息图或产品照片了。Invodo 建议将媒体放在首屏，但研究表明，如果您的页面引人注目，人们就会滚动浏览首屏。
媒体的放置也取决于它的目的。 如果您要显示软件的屏幕截图，就像 Autopilot 在其点击后登录页面上所做的那样，它应该与其相应的副本对齐：
一个简单的表格
并不是所有的点击后登陆页面都会有表单，但如果有的话，这些表单应该尽可能简单。 只索取您需要的信息，并确保提供的信息与要求的信息相等。 与简短的提示表相比，潜在客户愿意为免费试用您的软件提供更多信息。
可读的品牌字体
装饰字体可以用于标题，但对于深度阅读，基本类型效果最好。 确保您的字体符合您品牌的设计指南。 创建一致且熟悉的用户体验对于与访问者建立信任至关重要。
信任徽章：权威、社会证明、安全感
徽章有各种形状和类型。 三种类型有可能使您的点击后目标网页更具说服力。
- 权威徽章通过突出显示您赢得的奖项或您曾参与的出版物来证明您的专业知识。以下是 Foxtail Marketing 的点击后登录页面示例：
- 社会证明图标表明其他人已经发现您的产品或服务有价值。 知名客户的徽标和计算您的社交关注度的代码可以增加您获得转化的机会。
- 安全徽章向访客表明您的企业将确保他们的安全。 来自 McAfee 和 Norton Security 等公司的图标可以让他们知道他们的个人信息是安全的，而退款保证徽章和 Better Business Bureau 徽标可以让访问者知道他们的钱在您这里是安全的。 以下是来自 Beach Body 后点击登陆页面的示例：
可定位的联系信息
如果您忘记包含访问者可能想知道的关于您的报价的任何信息，您应该始终包含可找到的联系信息，以便他们可以联系到您的团队。 许多企业将其添加在页面的右上角。 让您的点击通话更轻松地通过移动设备联系您的团队。
视觉层次结构
并非所有点击后着陆页元素都同样重要。 这就是为什么颜色、元素和视觉提示需要以一种引导访问者以自然的方式从标题到号召性用语的方式排列的原因。
研究表明，在网上，这种“自然方式”是 F、E、颠倒的 L 或 Z 模式。 通过考虑这种阅读模式并使用基于 100 多年前制定的心理学理论的设计实践，您可以使用称为“视觉层次结构”的东西为您的号召性用语按钮创建一条逻辑视觉路径。
第 4 部分：设计审查过程
这是事情可能变得混乱的地方。 一旦在点击后登录页面上组合了各个元素，整个团队将提交反馈。 很多时候这个过程涉及到充满屏幕截图、乱七八糟的箭头、突出显示和红色文本的 word 文档。
这些文档和他们的评论在一个长长的电子邮件链中来回发送，最终会比收件箱存储容量更耗费你的耐心。
Instapage Collaboration Solution 允许团队成员对页面元素发表评论并相互分享这些评论，从而更加简化设计审查，避免所有混乱的来回。
它允许设计师、作家和开发人员在闲暇时进行调整，从而使冗长的电子邮件链和浪费的会议变得过时。 他们可以自己进行这些调整，而不必将它们发送给负责构建页面模型的设计师。
在此处了解有关协作解决方案的更多信息。
第 5 部分：发布
一旦团队决定了设计，设计人员和开发人员将一起工作，以确保页面的外观和工作方式符合其在网络上应有的方式。
单击按钮之类的东西需要通过表单将信息传递给 CRM，并将访问者传递到“谢谢”页面。 当表单信息输入错误时，错误信息需要让访问者知道。
需要正确输入来自第三方分析工具的 JavaScript 代码，以便跟踪访问者的行为，并且可以通过广告重新定位那些没有转化的人。 设计需要针对移动设备和快速加载时间进行优化，否则访问者会反弹。
为确保您在发布点击后登录页面之前不会忘记任何步骤，请在此处下载 Instapage 发布清单：
您的设计过程是什么样的？
您企业的设计流程是否与上述类似？ 它更有效率吗？ 是不是更头疼了？
在几分钟内创建专业的点击后登录页面，立即注册 Instapage Enterprise 演示。