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