Hrefgo

如何撰写登录页面

为什么这很重要

75%以上的访客只有在查看主页后才会离开。

一个好的主页并不完美。这是你的第一印象。

不破坏这种印象意味着要遵循一个模板。除非你有充分的理由,否则不要用你的登录页面做一些独特的事情。

您越是绕过以下模板,普通访问者就越困惑:您将让他们更费力地确定您的公司做什么以及他们为什么要关心。

不要阻碍你的访客。

持续注意力的神话

人们的注意力范围不短:

  • 他们可以看完了3个小时的Joe Rogan剧集。
  • 他们能疯狂地看了14小时的节目。

他们考虑的时间很短:他们必须很快上钩。

简而言之,不要害怕制作精彩、深入的内容。但是,确保内容的第一分钟足够吸引人。

登录页面变体

让我们从确定我们关注的三种类型的登录页面开始:

  • 主页——您为每个角色的访问者准备的包罗万象的页面。
  • Persona登录页面——根据特定受众定制消息。
  • 产品页面——您可以在这里探索一个产品的详细信息。

这三页的结构可以相同。它们的区别仅仅在于什么被调高,以及哪些词和图像被用来调高。

主页方法

从访问者转换的可能性的角度来考虑登录页面的创建。我们可以将转换视为一个方程式:

转换率=欲望-劳动-困惑

换句话说,为了提高转化率,我们增加了访客的欲望,同时减少了他们的劳动和困惑。

看起来是这样的:

  • 增加欲望——用你提供的价值吸引访客。制造悬念。以成功引起共鸣的方式推销您的产品。
  • 减少劳动力——减少访客必须完成的工作,这样他们就不会感到疲劳或恼火,也不会过早离开。如何?简洁明扼要,确保每个单词和设计元素都有价值。
  • 减少困惑——不要用晦涩或冗长的信息混淆访客。确保每个句子都易于理解。让他们接下来应该采取什么行动(例如注册或购买)是不言而喻的。确保您的操作元素(例如按钮)的设计不可错过。

这意味着创建登录页面的第一步实际上不是设计页面。相反,首先构想你要传达的信息。然后,你从这条消息中回到你应该说的话,直到最后,才确定它应该是什么样子。

换句话说,增长不是一个设计优先的过程。几乎总是先传达消息。

登录页面构思过程

登录页面的消息优先方法包含转换方程:

  1. 首先,确定您产品最理想的销售点。
  2. 接下来,明确和明确地传达这些要点的文本和媒体。
  3. 最后,以增强#2的清晰度和影响力的方式设计您的页面。

因此,让我们从识别和传达您的卖点开始。在营销术语中,卖点被称为“价值主张”。

在创建练习后,我将介绍我的登录页面模板。

价值主张

在我们深入研究价值之前,还有一个营销术语:“文案”是文本的营销术语。我以后会用它。

创建方案

价值主张是您与利益相匹配的产品质量。

例如,您的产品可能具有快速和安全的特性。下面,我快速匹配三个由此产生的好处,以创建不同的价值命题:

  • 质量:快速,好处:更快的输出,价值:更快地完成工作。
  • 质量:快速,收益:更大的输出,价值:完成更多工作。
  • 质量:快速,好处:提高效率,价值:节省时间。

每个变体都有相同的核心质量——速度——但每个变体都阐明了速度的独特结果。换句话说,这是一个独特的好处。

在继续之前,花点时间思考一下。

再举一个例子来确保我们掌握了它。这次让我们以安全的质量为标准。假设我们正在营销的产品是一个消息应用程序:

  • 质量:安全,利益:隐私,价值:只有你的朋友才能看到你的信息。
  • 质量:安全,好处:保护,价值:如果您的手机被盗,您的数据不会被盗。

这是一个简单的过程。但是,出于某种原因,大多数人不这样做。我的代理商几乎与每个客户合作,只是复制。

他们不会去寻找最具价值的方案,让访问者的转化率达到之前的3倍。

为了让自己坚强起来对抗这种懒惰,以下是我系统地生成令人信服的方案的过程。换句话说,这是一个你应该关注的品质和好处的过程。

每当您推销时,请使用此流程。

价值的生成

让我们使用实时聊天应用程序(示例)作为我们的示例产品。

当您按照以下四个步骤生成方案时,请参考更图表以获取具体示例:

  1. 在第1栏中,列出人们在没有您的产品时使用的所有不可取的替代方案。接下来,描述替代方案不好之处。(现在向下滚动以查看下面的示例,然后再继续下一点。)
  2. 您列出的每个替代方案的坏处现在是您生成价值主张的起点:在第二栏中,写下您的产品如何以及为什么优于坏替代品。(向下滚动查看示例。)
  3. 在第三列中,这是与前两列分开的头脑风暴练习,只需列出您最有价值的客户角色。(最有价值的标准是谁付给你最多的钱。)第三列是为了提醒你向哪些受众推销。对于每个角色,列出他们最关心的两个产品好处。
  4. 现在,将第二列的价值列表减少到满足顶级客户角色关心的道具列表。换句话说,使用第三列将第二列筛选到您最有价值的方案。

第二列中应该留下的是您用来推销的方案。

总结一下,你通过找到与对你来说最有价值的角色产生最强烈共鸣的市场痛点来识别它们。

许多读者发现,他们需要重读几次才能掌握。慢慢来——这很重要!

糟糕的替代方案

如何做得更好

 

最佳客户

访问者离开网站
•失去销售机会

访问者阅读常见问题解答
•又长又无聊

访问者电子邮件支持
•大多数人都嫌麻烦

通过实时聊天处理问题,帮助更多访问者获得更多问题的答案。

主动解决问题,以便您可以更好地满足访客并完成更多交易。

营销主管
•转换率
•流量

首席营收人员
•减少超负荷买卖
•增加ARPU/LTV

销售主管
•增加合格的潜在客户
•准确地确定潜在客户

这个过程的聪明之处在于,通过将您的产品与不良替代品进行比较来构思方案。这样做可以确保您继续专注于与客户产生共鸣的好处,而不是客户在现实世界中实际没有体验到的好处。

也许更重要的是,遵循这个过程可以确保方案有价值。你可以挖掘大量想法。

在哪里使用方案

将方案视为您收集的弹药,以便稍后分散在页面上。具体而言,方案造就出标题、子标题和段落。

简而言之,这是增加访问者转换欲望的卖点。

当然,您也可以在您推销产品的其他任何地方使用:

  • 广告
  • 电子邮件
  • 销售电话

等等。

尽量与您在这些渠道的使用保持一致。价值的一致性可以产生熟悉感。

阐明价值主张

手持价值,您必须先将其全部写出来,然后才能使用它们。

写出价值的诀窍是少说点话。这是信息密度的原则,旨在避免以太多单词阅读的形式给访问者多余的劳动力。

以下是编写高信息密度值的方法:

  • 不断迭代文案,直到它再好不过了——不要只写一个带有短语的段落,然后永远不再碰它了。相反,要写十几个变体,直到你找到最吸引人、最简洁的版本。必须让其他人来评判一下。
  • 删除不必要的单词——页面上存在的每个单词都必须是必要的。如果您可以在不减少句子吸引人、清晰或有用的情况下删除单词,那么请删除它。(过多的措辞增加了访客的工作,这减少了他们继续浏览的动力。)提示:避免使用夸张的词,诸如革命性的、难以置信的强大、有史以来最好的等陈词滥调。其他产品声称具有这些品质,因此游客对它们视而不见。最好具体描述你的不同之处。
  • 不要把所有东西都推销出去——读者具体的阅读量越多,阅读的总量就越少。所以不要熄灭他们的热情。相反,采取80/20的方法:始终确定传达两个或三个价值点。

时刻准备精致的价值。您很快就会在整个页面中使用它们。

简洁并不意味着简短

我与之合作的每个客户都会问:“为什么你们制作登录页面需要这么久?”我的回答是:只要每个单词都提供独特和令人信服的价值,那么制作时间长也没问题。以便您可以吸引更多客户类型。

我不用长度来做多余的事情。我用长度来塑造整体。

简洁并不意味着简短。这意味着思想与文字的比例很高。
–保罗·格雷厄姆

登录页面模板

最后,我们到达了登录页面模板。对不起,花了这么长时间才到这里。

从以下模板开始,如果您已经确定实现,并希望进行A/B测试时,那么就不用看了:

  1. 导航栏:页面顶部——您的logo和导航链接所在的位置。
  2. Hero:页面顶部的主要部分,包括标题文本、子标题文本和迷人的图像。
  3. 社会认同:新闻报道或知名客户的logo。
  4. CTA:注册按钮和单击键。
  5. 功能:您的关键价值主张已完全写出来。
  6. 重复你的行动号召(CTA)
  7. 页脚:杂项链接。

如下图所示:

您所有的导航栏需求都是:

  • 标志
  • 可选:主页上关键部分的链接
  • 指向您网站上其他页面的链接
  • 行动号召按钮(例如注册)

您拥有的链接越少,您的主要CTA就越突出。所以要有选择性。

事实上,如果您觉得大胆,您可以删除除CTA以外的所有链接。这可以防止访问者被拉到可能无法帮助他们转换的其他页面。

Hero

“Hero”是设计师的行话,指的是页面顶部的区域——访问者在向下滚动之前首先看到的内容。

您的Hero由您的标题文本、子标题文本和通常的图像组成。

你必须对这些都花很多心思。确定副本对人们是否继续滚动和阅读的影响最大。这是我们首先把价值付诸工作的地方。

但是,在我们这样做之前,让我们探索Hero的形象。

图像

让我们从Hero的形象开始。

图像的目的是可视化标题和子标题中描述的值道具。

图像应该始终加强副本。它不会分散注意力。请记住,消息第一,而不是设计第一。

在实践中,这意味着您的图像通常应该展示产品。

看看上面的示例如何使用产品的字面截图。这通常是你想要的。

如果您正在出售实物商品,请出示图片。如果您正在推销服务,也许一个插图可能会有效。

另一个例子是,Slack如何使用插图向员工展示他们的应用程序:

相比之下,你不会想要的是随机的库存照片,比如,一个微笑的女人坐在她的办公桌前。它的价值为零。人们会忽视通用图像。所以它只是占用了你Hero的宝贵空间。浪费机会。

请注意,这不仅仅是我在页面设计方面的主观看法。大量的实验表明,当访问者对你卖给他们的东西有一个直观的理解时,转化率就会提高。只有这样才有意义,对吧?

然后做有意义的事情——而不仅仅是模仿别人糟糕的设计习惯。

这实际上就是这本手册的主题:字面的、具体的、清晰的。网络上有太多的无用之处,你只要抓住重点就能脱颖而出。

在广告中,要实现的最大成就是可信度,没有什么比产品本身更可信的了。
– 利奥·伯内特

标题

您的Hero部分有两段文本:标题(主要文本)和子标题。

让我们从标题开始。

标题必须完全描述您出售的内容。因为,如果访问者在登陆时无法确切了解你立即做什么,他们要么从退出去,要么浏览页面的其余部分,直到他们明白要点。一旦他们得到这个要点,他们无论如何都会退出,因为他们仍然懒得从头开始重读页面。

所以,从良好的第一印象开始。从页面顶部开始。这意味着你的标题文本要很棒。

以下是您的标题是否有足够的描述性的测试:如果访问者在您的页面上只阅读此文本,他们会确切知道您出售什么吗?

我即将报道的子标题必须满足相关的测试:如果访问者只读子标题,他们会知道为什么应该关心你卖什么吗?通常,传达“为什么”的最佳方式是解释你是如何独一无二的。

具体

在网上到处可见的坏标题是那些读起来像口号而不是描述的标题。例如,“改进您的工作流程!”或“增强您的协作!”是无用的口号。如果这就是我在你的页面上读到的全部内容,我不知道产品到底是什么。

同样的,我不知道该产品是如何实现这些模糊的愿望的。

人们非常想知道怎么做。他们想立即知道。

一个好的描述性标题看起来像什么?像这样:

  • 对于网站设计工具——“从头开始视觉设计和开发网站。无需编码。”
  • 对于杂货配送服务——“食品杂货在1小时内送到。跟堵车、停车和排长队说再见吧。”
  • 对于房屋租赁服务——“出租人们的房屋。你可以像真正的当地人一样体验一个城市。”

这些可以帮助了解你在卖什么!访客不必深入挖掘。

因此,我可以立即将自己定位为一个确实想要你所宣传的东西的人,这意味着我将有耐心阅读网站的其余部分,发现有趣的细节。

写出来

总而言之,标题是通过描述来解释你如何解决人们关心的问题,从而将访问者吸引到你的产品中。

但你不能只是给出方案就放任自流。有一个写好标题的具体方法。

让我们介绍一下编写标题的两步文案流程:

一、识别传达产品核心目的的价值

找到您产品的代表性价值,这也是自己推销时最吸引人谈论的事情。

例如,以下是视频聊天应用程序可能具有的一些值道具:

  • ‍快速与任何人聊天
  • 在手机、平板电脑或桌面设备上聊天
  • 无论什么语言,都可以自动翻译实时对话
  • 获取每次对话的文本记录——通过电子邮件发送给您

其中大多数是许多视频聊天应用程序的标准配置。的标题是一个非常有价值的地方,不能突出一些通用的东西。相反,我们正在寻找最具吸引力的价值支柱,同时又能公平地代表我们产品的核心价值。

就我个人而言,我认为自动翻译功能令人惊叹。该价值不仅支持在饱和的聊天应用程序市场中区分产品,还代表了该应用程序的核心目的:与任何人聊天的能力。

将这个值道具转换为标题可能看起来像:“实现与世界上任何一个人进行自动翻译的视频聊天。”

相比之下,不代表产品核心目的的价值将是“通过电子邮件获取文本记录”。这是转录服务吗?不,这是一个聊天应用程序。所以不要把这个放在标题里。

另一个糟糕的道具的例子是:“快速与任何人聊天。”标题可以如下:“在30秒内找到视频聊天的人。”

这不是一个好的标题,因为产品的速度质量不可能是人们真正喜欢一个聊天应用而不是另一个聊天应用的原因。意思是,它没有说服力。

因此,让我们重温一下前面的好标题示例。注意我们如何在每句中突出显示代表性值道具:

  • 对于网站设计工具——“从头开始视觉设计和开发网站。无需编码。”
  • 对于杂货配送服务——“食品杂货在1小时内送到。跟堵车、停车和排长队说再见吧。”
  • 用于房屋租赁服务——“出租人们的房屋。像真正的当地人一样体验一个城市。”

总结:确定一个产品价值,您可以在标题中调用该道具,以表示1)是什么让您独一无二,2)您从根本上提供什么。

这有双重目的,既能引起阴谋,又能使人清楚。换句话说,它增加了欲望,减少了劳动。

在你继续阅读之前,让自己沉浸其中。大多数人会忽略标题。

二、陈述高级别目的

现在我们已经用价值吸引了访问者,我们需要通过说明为什么价值很重要来完成标题文本。

以下是扩展标题的两个示例,如下:

"莱利会给你发信息,让你自动获得房产的资格"

“和外国人进行自动翻译聊天——让学习任何语言都有乐趣。”

或者,再一次,我们之前的例子。注意第二句的目的:指出第一句有价值的原因。

  • 对于网站设计工具——“从头开始视觉设计和开发网站。无需编码。”
  • 对于杂货配送服务——“食品杂货在1小时内送到。跟堵车、停车和排长队说再见吧。”
  • 用于房屋租赁服务——“出租真实的房屋。像真正的当地人一样体验一个城市。”

最后,为了形成对比,这里有一些糟糕的标题示例:

  • 糟糕——“Forest:保持专注,活在当下。”这太夸张了。
    更好——“Forest是一个防止手机成瘾的应用程序。可以专注于生活中更重要的事情。”
  • 糟糕——“付款变得简单。”有大量的支付应用。这段文字没有解释为什么你的更好,甚至没有解释它对谁来说是独一无二的——公司、自由职业者、买家、电子商务网站?
    更好——“一键接受付款。不需要编码知识。”
  • 糟糕——“扩展您的软件开发团队。”
    更好——“将高级远程开发人员纳入到您的团队中。以更低的成本获得更高的质量。”

当我写广告时,我不想让你告诉我你认为它“有创意”。我想让你发现它很有趣,以至于你买了这个产品。
–大卫·奥格尔维

副标题

现在你的标题解释了你的工作,请使用你的子标题来描述如何。人们真的很想知道怎么做。(数百万人阅读维基百科是有原因的。)

具体而言,登陆页面转换如何至关重要,因为它揭开了您所做事情的面纱——以证明您对访问者的真实问题有深思熟虑的解决方案。

此外,当有人学习如何操作时,他们会想到您的解决方案。

例如:

  • 房地产应用程序子标题——“我们的远程网络监管您的电子邮件收件箱,并在您太忙时回复邮件。”
  • 视频聊天应用程序子标题——“实时,我们随叫随到的团队将您的单词转录并翻译成20多种语言。”

这个“解释方式”规则有两个例外:

  1. 不言而喻的产品——如果您的产品不言而喻(例如,您的标题是“我们是一家摄影机构”或“我们出售床垫”),请使用您的子标题主动解决访问者的主要问题,或将自己与竞争对手区分开来。用一个简洁的句子来做这件事。‍
  2. 晦涩难懂的产品——如果人们对您的产品类别还不太了解,请使用您的副标题来解释为什么您出售的东西一开始就很有价值。

提示——将子标题保持在10-13个单词以内。否则它们会变成段落。

社会认同

现在你已经简明扼要地描述了你的工作和原因,是时候通过社会认同来传达你所做的一切的可信度了。

您的社交证明部分是展示您的新闻报道和/或您最知名客户的logo拼贴。或者,如果您是电子商务产品,您可以说明您有多少客户(如果数量惊人)。

你的目标是让世界上每个人都已经了解你了,并让游客感到兴奋。

实际上,这就是社会认同的目标:通过让想成为精英俱乐部一部分的人来制造悬念。

提示——如果您还没有值得注意的客户,请免费向知名公司的人提供您的产品。如果他们最终使用您,请将他们的公司logo放在您的网站上。

行动号召

您的行动号召(CTA)部分是提示访问者继续参与渠道中的下一个活动的原因——例如注册或添加到购物车。

您的CTA至少由两个组件组成:标题和按钮。

标题

CTA标题总结了访问者从注册中获得的内容。

您想通过单击您的按钮具体说明他们将获得什么。例如,“在24小时内获得新logo”。

相比之下,不要使用像“开始免费试用”这样的高级内容。他们看过那份副本很多次了,以至于他们被编程掩盖了。它实际上也没有提醒他们为什么要注册。

当您在整个页面中重复CTA部分时,每次使用稍微不同的标题。这样,如果一个标题不吸引人,下一个可能会吸引人。

我将在即将到来的页面上更多地讨论如何编写吸引人的副本。

按钮文本

为了符合我们“提醒人们为什么来”的方法,将CTA部分的按钮要么变成一个动作词,例如“注册”或“开始”,或使用描述接下来会发生什么的动词短语。

动词短语示例:

请参阅仪表板→

开始试用→

浏览列表→

不要写下像“免费PDF”这样的“点击诱饵”CTA文本!也就说,除非你试图吸引白痴成为客户。(一些企业——通常是研讨会系列——可能是真的????)

视觉对比度

虽然您的CTA负责让访问者采取行动,但您的CTA的设计负责让他们注意到他们首先可以采取行动。

在设计CTA时,请遵循两条规则:

  • 脱颖而出——不要让你的CTA融入页面的其余部分。使用对比页面主导颜色的背景颜色。让CTA按钮比你想象的要大一点。
  • 权重——如果您在一个页面上有多个CTA,但并非所有CTA都提示相同的操作(例如注册),请不要在视觉上给予相同的权重。相反,通过扩大对比度,让游客了解哪些CTA需要更大的承诺。

功能

如果您的Hero部分本身没有做足够的工作来让人们转换(通常不会),那么您的功能和反对意见的工作就是提供您产品的完整销售宣传。

这就是我们现在模板的一部分。

要将此目标重新置于视觉环境中,请查看功能的位置:

“功能”部分横跨页面的大部分内容。这是您积极主动地解决访问者对价值的担忧和怀疑的机会。

本节包含多个功能。通常有3到6个。每个都只是一个值道具,与处理听到该值道具时产生的反对意见的副本配对。

具体而言,每个特征小节由三个要素组成:

  • 表示价值的标题
  • 解释价值的段落
  • 增强价值的图像

例如:

提示——如果您难以决定要突出显示哪些价值,请研究竞争对手的网站,以了解如何将自己与人们已经了解的关于您的网站区分开来。

特写——构建一个持续的叙事

最佳功能部分带有持续的叙事:每个功能都与Hero部分的主导价值支柱相联。

例如,如果您的Hero价值是“我们帮助您放下手机,以便您可以专注于生活”,则对推送通知阻止功能的描述可以包括回调标题,例如:“......这样您就可以结束不断查看手机以获取更新的习惯。”

还记得在学校时是如何用这种5段的格式写论文的吗?

  • 导言
  • 支持1段
  • 支持2段
  • 支持3段
  • 结束语

在介绍中,你提出了你的主张。然后,您强调了支持该说法的三项证据。最后,你的结束语总结了论点。

您的登录页面整体遵循相同的结构:

  • 简介——标题和子标题。在这里提出你的主张。
  • 辅助段落——功能/目标。每个段落是否支持您的介绍性索赔?
  • 结论——CTA最后一部分。

无论如何,回到功能部分:让我们深入了解它的三个组成部分。

标题

写一个3到5个单词的标题,描述值道具。不要使用模糊的语言,如“增强您的销售能力”或“彻底改变您的工作流程”。不,只需直截了当地描述价值,以便访问者可以快速决定价值是否与他们相关。以及他们是否应该阅读功能段落。

以下是销售便携式烤架的产品的功能标题:

“厨师和西尔斯”
“无需准备或清理”
“烹饪不仅仅是肉”

段落

要么写一段由三句简明扼要的句子,要么列出几个要点。

您的目标是简明扼要地描述该功能,并选择解决常见的问题,如果这些问题通常会阻止人们转换。

顺便说一句,这里有一个让这些段落带有整体叙事的技巧:考虑一下每个功能段落的结尾如何让访问者自我反思:“我是继续阅读还是离开网站?”

您可以通过用吸引人的元素来规避决策,让他们好奇地继续阅读。例如,您可以以以下内容结束一段:

  • ‍但那实际上行不通......
  • ‍但有一个大问题...
  • ‍情况变得更糟了,不过...

然后在下一个功能部分中继续该线程。

你什么时候应该真正深入?

如果这是一个复杂或不直观的功能,细节将有助于大幅提高转化率,要么链接到一个单独的页面,访问者可以在那里了解更多,要么有一个按钮,他们可以单击以显示其他细节。

后者更可取,因为它使用户保持在当前页面的流动中。

功能——图像

功能与图像配对,因此您的页面不会是巨大的“文本墙”。

在您的功能图像中,包括产品屏幕截图或一些相关照片,以演示该功能的实际操作。记住,不要只包括毫无意义的图片。以进一步加强值道具的方式可视化该功能。

更好的是,使用自动播放的GIF或SVG动画。与其说说,不如展示。

我应该附上一个视频吗?

大多数解释视频都很糟糕。他们花了太长时间才说到点子上,有看烦了的衍生视觉效果,还有陈词滥调的画外音。

所以,游客不会看完他们。这是一个问题,因为访问者观看视频的代价是花时间阅读您的更多页面。 

想想看:游客只有这么多注意力可以动用。因此,不要用更糟糕的东西来分散他们的注意力。

对于大多数产品和服务,这意味着你最好跳过视频。

然而,包含一个好视频的一个万无一失的原因是,当你出售一个真正有趣的物理或视觉产品时。

如果您的产品符合条件,请遵循以下规则:

  • 直截了下要害——在5秒内解释您的产品。跳过序言。
  • 简短——尽量将视频保持在45秒以内。问问朋友哪些部分让他们失去了兴趣。然后切掉那些部分。
  • 炫耀诱人的功能——从头到尾展示产品的实际操作。展示出全貌。
  • 真实——放下销售术语。听起来足够真实。
  • 音频应该是可选的——许多访问者不带耳机使用手机,因此不要制作理解视频所需的音频。使用字幕,使视觉效果不言而喻。
  • 以CTA结束——通过吸引观众采取行动来结束视频。解释这样做会给他们带来什么价值。

您可以在任何地方展示您的视频。例如,它可以独立于Hero中,或者,在我看来,它可以补充一个功能段落,而不是图像。

提示——要找到值得借鉴的视频创意,请观看表现最好的KickstarterIndiegogo活动的视频。

图表而不是视频

如果您没有很好的理由制作视频,但确实需要可视化一些东西,图表是一个强大的替代方案。

在您的页面上获取反馈

获得登录页面草稿后,请由两种类型的审阅者传递:

  • 不在您的市场中的人——了解您的副本对不熟悉您的市场或产品的人来说有多有吸引力。你给他们足够的背景来想知道更多信息吗?即您的站点为您的用户提供了过多的基础知识。这一点很重要,因为可能有很多处于你的市场边缘的人,如果他们能更好地理解为什么他们应该成为你的客户,他们就会成为你的客户。
  • 所在市场的人——了解你的信息是否足够独特和描述性,足以说服有高意向的人选择你而不是你的竞争对手。

对于这两个受众,请让他们为您评估以下六个标准:

  • 转换——您现在愿意注册吗?如果不愿意,你需要看到什么才能满足到需求?
  • 兴趣——以1-10的评分页面保持您兴趣的程度。您建议重写或重新设计什么,以帮助它更好地保持您的兴趣?
  • 清晰程度——什么不清楚?你还剩下什么未回答的问题?
  • 扩展——你找到想要的更多细节了吗?
  • 简洁——如果您必须删除页面图像和副本的一半,会删除哪个?
  • 怀疑——是什么让你觉得不够真实?

将上述标准粘贴到电子邮件中,并尽可能多地询问人。

登陆页面设计

您想花一些精力以视觉上吸引人的方式呈现您的页面。它确实有助于登录页面转换——显示您不是业余爱好者。

例如,您可以错开它们,而不仅仅是在网格或逐行中列出您的功能。或者,您可以复制,并将独特的图像混合到页面周围的空白中。

简而言之,您的网站必须看起来足够好,以便:

  • 浏览视觉效果很有趣。
  • 它看起来拼凑得很周到。
  • 每个部分都有清晰的结构和分区。
  • 它代表了你品牌的个性。

如何设计您的网站

我强烈建议通过Webflow(最好的,但有点复杂)或Leadpages(如果您还不是开发人员,这个更容易使用)等可视化设计工具创建登录页面。它们允许您快速迭代并避免使用编码。

我自己也是工程师,但我更喜欢Webflow,而不是手工编码网站。没有必要浪费时间。这不适合具有纯静态功能的登录页面。

更好的是,如果您有预算,请聘请专业设计师为您创建登录页面模型。然后在Webflow中逐像素重新创建它。

与设计师合作

要找到设计师,请前往Dribbble,并找到适合您品牌的美学人士。联系您的收藏夹并传达以下内容:

  • 您的产品的作用是什么,以及为什么工作起来很酷。(激励他们这样做!)
  • 分享您根据本页面上的建议汇编的文本和图像。
  • 提供您想要借鉴灵感的其他网站的链接。
  • 询问他们的定价和可用性。(预计每页有700-3000美元来自优秀的自由职业者——具体取决于他们的国家。只有当你的预算更多,并希望在品牌方向上手持移动设备时,才考虑代理商。)
  • 让他们阅读此页面,以便与出色的工作同步,但是他们可能对此页面讲的增长知之甚少

移动优先

大多数消费者电子商务购买发生在移动网络上。因此,聘请设计师来构建令人惊叹的移动优先网站体验。

如果狗不喜欢你的狗粮,包装就无关紧要。
–斯蒂芬·丹尼

登录页面类型

正如我之前所阐述的,登录页面有三种类型:主页、产品页面和登录页面。

到目前为止,主页是我们一直涵盖的。

产品页面

如果您销售多种产品,产品页面会深入介绍您销售的每个产品,从而补充您的主页。(或您的产品提供的每一组功能。)

它们可以与您的主页相同,但有两个调整:

  1. 重写子标题,以突出显示最适合有人点击这个深度产品页面的值道具。
  2. 将功能部分的长度从3或4个功能增加到5或6个。现在您知道了访问者最感兴趣的特定产品或功能集,请深入了解每个产品或功能集。

角色页面

Persona页面(例如company.com/salespeople)是您发送广告流量的页面。

Persona是指广告针对特定受众,例如新妈妈或年轻男性,以及如何为这些受众提供最适合其兴趣的登录页面消息。

角色页面几乎与主页相同,但有两个调整除外:

  • 重复广告的价值——在页中,重复访问者来自的广告中的价值。广告和登录页面副本之间的一致性让访问者放心,广告不会误导他们访问您的网站。
  • 识别受众——在标题、副标题或功能文本中直截了然地调用受众。向他们保证,您的产品适合他们的兴趣。例如,如果您的广告针对销售人员,您的标题文本可能会显示:“最终,这是一个专为销售人员构建的电子表格应用程序。”

我喜欢角色页面的之处在于,它们承担了双重责任:当您瞄准付费广告以外的相同受众时,您可以方便地链接到这些页面作为宣传材料。

评估登录页面转换

这是关于如何评估页面转换性能的快速入门。

您通过跟踪转换事件来评估性能:访问者对您的网站进行的操作。常见的登录页面转换事件包括注册、购买和提交电子邮件。

在任何给定的时间内,衡量转换率似乎是一个问题:

[包含转换事件的访问次数]/ [访问总数]

但没那么简单。

为了有意义地衡量转换,您只应计算合格的访问

  • 您实际服务的地理区域的访客——如果来自海外的人无法购买,请不要将他们包括在内。如果你这样做了,你就是在减缩你真正的转化率!
  • 独特的访问者而不是总访问量——如果您在等式的分母中计算每次访问,那么您也包括回访。如果有人只能转换一次(例如注册帐户),这毫无意义。在转换之前,考虑他们如何查看网站几次。如果是这样,不要让这缩小你的转化率。相反,计算任何给定时期的唯一访问人数。至少与某人首次访问您的网站后转换的平均时间相同。

您可以使用Google Analytics跟踪这些绩效指标。许多SaaS应用程序还使用Mixpanel等工具获取更精细、基于事件的数据。

还有一件事。请注意,您希望从每个来源跟踪一段时间内转换:

  • 谷歌搜索(自然流量)
  • 内容营销(博客帖子)
  • 广告
  • 社交媒体
  • 推荐网站并按

如果您不按每个来源跟踪转换,那么从转换率特别低的流量大幅飙升将降低您的转换平均值,您可能会将此误认为您的业务表现比正常情况更糟。当实际上,你只有一个频道需要优化。

换句话说,切勿让流量的完全分布分散您对每个源转换性能的注意力。请单独优化源。

退出移动版