作为网站□□设计师，您的职业□□□生涯围绕◉着可能帮□□□助您为客□□□□户提供更□□好结果的□□□□关键问题□□□展开。
哪些小部□□□件对于推□□□□动转化至□□关重要？您需要包★含哪些类□□□□型的结帐◉页面元素？该产品页◢面上应该❖有视频或□□□幻灯片吗？
在构建着▲陆页以鼓□□□□励销售时，我们面临□□的最大问□□□□题之一是 CTA（号召性用△语）按钮是否□□□需要在首□□□屏上方或◉下方。 
回答问题：“CTA 应该去哪□□□□里？” 正确地可□□以创造或◥破坏您的□□□□客户的销□□□售机会。不幸的是，这种特殊□□□的担忧多□□□□年来一直□□□是激烈辩□□□□论的根源。每个人对 CTA 及其所属□□□位置都有□□□自己的看◆法。
今天，我们将介绍将 CTA 置于首屏的好处和问题。

您应该将 CTA 放在首屏吗？
 
从快速复□□习开始，术语“首屏”是指当用□□□户到达网□□□页时在屏□□□幕上看到□□□的网站的♦任何区域。首屏上方▲和下方显□□□□示的内容□□□□可能因您□□□□访问网站□□时使用的·设备而异。 
设计和数△字营销领□□域的专家✦经常声称，如果您想□□□□通过CTA 获得最佳□□结果，您需要将□□□□其放在首□□□位。 
这个策略□□很有意义。如果您的 CTA 高于首屏，那么您看✦到它的机◣会就会显□□□□着提高。一些客户□□可能不想△滚动到页□□面底部以□□了解他们丨在买家旅□□□程中下一※步需要做□□什么。 
此外，根据 NN 小组的说□□□□法，出现在褶□□□皱上方的 100 个像素比□□□褶皱下方□□的像素出□□□□现的频率□□高出 102%。眼动追踪□□□□技术了解□□□□到，通常情况◆下，您会获得□□□□更多的参☆与度。 
例如，只需查看 Lyft 的这个登★录页面，您就会立□□□即看到下丨一步需要□□做什么：

这也不仅仅是一项吹捧首屏 CTA 的好处的研究。 
另一份关♦于“被看到的□□□□重要性”的报告发※现，首屏广告□□和 CTA 的可见度□□□为 73%，而首屏广□□告和 CTA 的可见度□□仅为44%。 
那么，考虑到这样的统计数据，您为什么会考虑使用首屏 CTA？ 

何时将 CTA 放在首屏下方

与网页设计中的大多数事情一样，该规则有一个例外。 
是的，最重要的□□□是，大多数时□□□候 CTA 对你来说□□会更好。但是，有时您可□□□能需要跳☆出框框思□□考。 
大多数人□□□□认为，将 CTA 放在首屏□□□□实际上可◥以保证它□□□不会被看□□□到。但是，如果您正·在创建包□□□□含大量重☆要信息的◉网站页面□□□或登录页□□面，则您的受□□□□众将需要☆滚动。 
例如，如果您正□□在创建一□□个页面，某人可以□□在其中下★载应用程•序以与他□□□们已经知★道的业务□□□互动，那么使用□□首屏 CTA 来加快旅□□□□程是有意♦义的。但是，如果您想□□说服某人□□□注册您的□□□□网络研讨□□会，您可能需□□□要先告诉□□□□他们该网□□□□络研讨会□□□的内容。这就是首□□屏 CTA 派上用场□□□□的地方。 
这些天，客户在繁□□□忙的日程□□□中可能没丨有太多时□□□□间滚动。但是，他们仍然□□□需要正确□□□的信息才□□能决定下□□□□一步如何□□处理您的□□品牌。根据 Marketing Experiments，在首屏下□□□□方，CTA 按钮可以▽提高 20% 的转化率。但是，只有在您□□□□提供有价□□□□值、引人入胜□□□□且有说服□□□力的内容□□□□时，才会发生◆这种转化□□□□率提升。
看看波士顿环球报的这个例子，例如：
 

折叠并不是网页设计中的一切

折叠通常是网页设计中必不可少的考虑因素。 
但是，当您决定□□□□在哪里放□□□□置注册表◢单和有价▲值的 CTA 按钮时，您需要考□□虑的并不◎是全部。 
根据Nielsen Norman group的说法，出现在页□□□□面顶部的□□□内容总是※会影响用✦户体验。但是，这并不意◈味着您需□□□□要将 CTA 放在那里。您需要做◢的是确保◈您所拥有□□□□的任何内□□容都足以□□吸引您的□□□□访问者并✦使他们滚□□□□动。 
简而言之，首屏之上▼和之下的□□内容确实□□□很重要，但您的重□□点应该是□□□利用客户◣的动机，而不是只丨担心一条△假想的线。 
在决定 CTA 所属的位置时，您需要考虑动机。 
您的潜在□□客户点击□□□□按钮的动□□□机有多大？您当时的□□□产品有多□□受欢迎，您的访客✦对他们所□□提供的东□□□西了解多□□少？
如果您需●要在客户□□想要转换□□之前提供□□更多信息，那么首屏 CTA 更有意义。 
如果您已□□经提供了□□□□客户需要□□□的所有信□□□□息，并且潜在□□□□客户正在□□□从网站上□□□的广告或□□□其他页面□□□□访问，那么首屏□□□应该是例□□外。 

折叠设计的真相

当今网页□□□设计师的□□□现实是，实现更高□□□的转化率□□与CTA是否高于○或低于首□□屏并没有□□□□太大关系。
重要的是□□你的按钮□□□□是否在正□□□□确数量的□□□副本下，为观众回□□□答正确的□□□问题。 
请记住，当访问者访问网站时，他们正在寻找不同的东西。有游客说：
• 已经了解您的品牌并重视您的产品： 这些人经□□□□常从他们□□□□了解品牌□□□□或产品的□□□□其他营销□□□□活动中点□□击进入您□□□□的登录页▲面。您可以立□□即为这些□□□潜在客户▽提供 CTA，以便他们○尽可能快▼地沿着买□□家漏斗继□□□□续前进。 
• 不确定您的产品并需要了解更多信息： 这些人需□□□要一些额□□□外的信息。在他们愿□□□意花钱之□□前，他们可能□□□□有一个需□□□要解决的□□问题。您在这里丨可能不需□□□要太多副✦本，这意味着 CTA 可能仍会□□□□出现在首□□□屏。 
• 对您的网站来说是全新的： 这些潜在□□□□客户需要♦合理数量□□□□的副本。他们不知□□□□道您提供❖什么或为□□□什么它对□□他们很有□□□价值。因此，您可能需△要等待将◎它们付诸□□实施，直到您交□□□□付了正确□□□□的副本。 
在某些情□□□□况下，您甚至可◤以在同一◎页面上放□□□□置多个 CTA。有些人会※对这项技□□□术及其作□□□□用有一个□□□□大致的了□□□□解。这意味着▼他们会很□□□乐意点击◇折叠顶部◢的按钮。 
另一方面，到达同一●页面的访□□□□问者也可丨能不了解□□实时个性□□□化的好处。这意味着□□您需要详◤细说明您□□□□必须提供·的内容。简单的一□□□行解释在□□□这里是不□□□□够的。  
找出放置 CTA 的位置
决定在哪□□□□里放置网□□□站的不同□□元素是网□□页设计师□□□的共同挑□□□战。尽管有大□□量博客，但声称“首屏”始终是任◥何转化率□□□□优化的最□□□□佳选择，但事实要□□复杂一些。 
作为网页□□设计师要□□□□记住的关□□□键是CTA 按钮要求•客户做出□□□承诺。即使 CTA 允许某人□□□□在不花钱□□□的情况下·下载免费□□□□演示或注丨册时事通□□□讯，它也需要◆客户与品□□□牌建立关◢系。 
在一个客○户比以往□□□□任何时候□□□都更不信□□任公司的·世界里，过快地推□□动他们建□□□□立关系是△没有意义□□□□的。在目标受□□众有机会□□□□看到“为他们准□□□备的东西”之前就要□□□□求他们做□□出承诺并□□□不是一个□□□□好主意。 
跳得太快，你可能会以错误的方式惹恼别人。 
走出去掌握折叠
当今设计◤师的问题□□□不在于确□□□□定按钮是□□□否需要从□□□用户到达•页面的那□□一刻起就丨可见。相反，您需要考□□□□虑访问者□□□□是否在他□□□□们准备采□□□取行动时△找到了 CTA。 
你只能回◎答“CTA应该去哪□□□里？”这个问题。在您仔细□□□□分析了您□□□□正在从事□□□的项目之□□□□后。 
请记住，首屏并不总是答案。