网站设计之如何让你的引导点击按钮更有效，用户更会点击

什么是号召性动作按钮？

当你每天浏览网页，您在问你几百按钮执行一个动作可能失足 – 无论是通过电子邮件订阅即时新闻快讯，注册健身房会员今天，还是买新的T恤你一直在等待。在网络营销的世界里，这些按钮通常被称为“号召性动作按钮”。

号召性动作按钮（商品交易顾问）就在我们身边。我们看到成百上千，但我们很少点击一个。是什么让一个很好的CTA？你可以做什么，以确保您的CTA中脱颖而出，并迫使其他国家采取行动？

这是一个相当大的指导，所以我们已经打破它分解成几个核心部分，您可以直接跳转到：

PS虽然自动更正可自动改变“CTA”到“CAT”，两者其实完全无关。

是什么让一个很好的号召性动作按钮？

这是值得记住的访问者点击最简单的按钮始终是“ 后退 ”按钮。

打吧，动作按钮看起来像按钮

我们正在寻找你，苹果。由于iOS的几年前改变了它的设计，还有的是在网页设计趋势，使按键越来越小。你经常看到的按钮无国界或背景，也往往很难从文字只是一小段判断一个按钮。

为了确保您的按钮是一定要看的，很容易点击，确保它们看起来像按钮 – 使用粗体字体，大字体大小，给周围的文本空间大方量，具有文本周围强大的边框，最好有一个大胆的背景与文字的颜色对比。

确保您的CTA按钮脱颖而出

即使你让你的按钮看起来像一个按钮，你仍然需要确保它是在一个合理的背景下，不发生冲突，并有足够的空间供中脱颖而出。

这听起来可能很明显，以确保您的按钮从他们的背景脱颖而出，但它是常见的网站有导致用户在不同的背景中使用一致的按键设计 – 从块的色彩，图案，充满活力的照片。

确保您的网站以这样的方式构造，当内容，供阅读或点击，被放置在背景之上，背景颜色将不会与文本和按钮在上面冲突。一个好的做法是，确保背景照片有颜色的顶部半透明层，与文本的对比，以确保内容之上脱颖而出。举例来说，如果你有一张照片的顶部白色的文字，确保有一个在图像的顶部半透明黑色覆盖，以避免冲突。

你也想确保你的按钮被赋予足够的空间，所以他们没有在网页上的其他组件晾在一边。慷慨与白的空间，以便按钮可以从文本和图像脱颖而出。

结合的头部，为了清楚起见的按钮

我们每个人都有当我们在网络上浏览注意力不集中。游客很少有时间读取页面上的每一个字，或完全理解你想告诉完整的故事。不要害怕在整个网页中重复你的关键信息 – 咨询这是您的号召性动作按钮更是如此。

只是你上面的号召性动作按钮是提醒读者，他们是对页面上的内容，并添加什么按钮会做一些安慰的理想场所。例如，如果你正在运行的电子商务商店，你的文字上面的“现在购买” CTA可以是“免费送货购买今天”。对于SaaS的产品，你可以说只是“开始试用”按钮之前，“免费试用14天”。

提醒访问者他们在那里为

为您的按钮，你选择的副本需要有效和简洁。你有没有空间上的CTA按钮的流浪不必要的字词。一些最好的转换按钮，只使用一个或两个词。你最好希望你的按钮，明确传达某种动作，如“开始试用”或“立即购买”。

按钮没有一个动词 – 例如刚刚把一个物品的价格在一个类似按钮的形状 – 可能会导致在用户的心中疑问。用户可以揣摩动作 – 这里有可能通过他们的头脑一秒钟跑几件事情：

• 难道这个按钮将购买该项目？
• 是按钮要带我去看定价选项？
• 这只是价格和哪里是“购买”按钮？

如何写一份有说服力您的号召性动作按钮

力求简洁副本

“简洁并不意味着短。它的意思是意念单词的高比例。” – 保罗·格雷厄姆

最佳呼叫到操作按钮往往有很少说话，但每个字都理解单击该按钮时会发生什么至关重要。

它可以是很有诱惑力，详细解释你的按钮会做什么，但是当你添加任何东西，但必要的话，你会发现你的CTA将成为这么长时间它会流掉的页面，并成为太难以阅读。按钮是不可读也往往未点击。

写文案，鼓励采取行动

缺乏明确在什么一个按钮就可以导致转化率低的 – 如果游客不知道点击一个按钮会做，那么很有可能他们会避免它。

良好的CTA按钮通常包含鼓励它们采取行动的话，如“下载”，“开始”，或“请求”。举几个例子，你经常可以看到在野外：

强调紧迫感

这很容易浏览时网页是被动的 – 滚动和查看，并且从不采取行动。好商品交易顾问和其附带的登陆页面经常利用一种紧迫感，（一些孩子可能称它为“FOMO”这些天）鼓励你现在采取行动，而不是以后。

着陆页设置为动力推动网络研讨会注册，例如，经常利用一个倒数计时器，显示你有时间限制的机会，经过之前。

东西是比实现一个倒数计时器相当少的技术，虽然是一个紧迫诱导单词添加到该按钮的副本 – 例如添加单词“现在”可以帮助推动作用。

使用紧迫性诱导的话，让您的CTA更可点击的几个很好的例子：

• “提高转化的今天 ”
• “开始使用现在 ”
• “观看演示现在 ”

避免使用第一人称

虽然不适合所有品牌的口吻，一些研究已经表明，在您的按钮复制使用第一人称（我），而不是第二人称（你）可以提高转换明显。

人们往往会用除了他们可以收集的事实情感购买决策，因此它可能使用第一人称的帮助用户感觉更亲自连接，并积极地点击和转换。

蒂姆·阿什在艾瑞博客有一个良好的短柱上不同代词如何影响您的转换率。

优化您的号召性动作按钮的颜色和设计

选择一个大胆的色彩为您的按钮

您的号召性动作按钮的颜色显然取决于你与你的品牌关联的键颜色。但也有使用颜色明智地确保您设计有效的几个小技巧，以及漂亮的商品交易顾问。

它被广泛报道，绿色和蓝色的大胆色调让好颜色的按钮; 与负面行为相关的颜色往往表现较差 – 红色和黑色，一般报道不太有效。色彩的是实话，是正确的选择是完全依赖于你的网站，你的品牌，一切都围绕着你的按钮。

您可以测试您的按钮的颜色，以确定哪些最适合您的具体情况，但它很少用好你的时间，尽可能广泛众所周知，谷歌做了几年前与测试蓝色的41层不同的色调。

确保您有文字和按钮的颜色反差较大

无论您的按钮的颜色，不管背后的按钮的背景颜色，你还需要确保你的文本的颜色具有高对比度。

一个流行的方法是简单地使用相同的颜色按钮后面的背景，所以在按钮上的文本几乎是像按钮本身的切口，露出后面的背景。

使用更大的字体大小和字体清晰

无论您的字体大小是什么，现在，使它更大。当你埋头于设计工作，你可以在页面的细节被抓到，常常忘了你有时间多么少说服访问者参与和转换。

更大并不总是更好，但是当涉及到CTA按钮和其字体大小，它几乎总是一个好主意，以确保字体大小明显比页的标准正文字体大小。

选择一个坚实的，吸引人的形状为你的按钮

有没有必要重新发明轮子，当涉及到的按键设计。总有“时尚”的一个方面，当谈到设计转换率不错，很好看的按钮，但这里的一些快捷方式来帮助你设计一个好的按钮：

• 与周围的按钮复制大方填充矩形是一个逻辑起点。
• 四舍五入您的按钮的角落帮助用户直观按钮的开始和结束。
• 添加阴影按钮可以帮助形状“弹出”关闭该页面，并浮在上面的背景清晰。
• 块背景，而不仅仅是边界将帮助按钮脱颖而出。

移动和桌面优化的号召性动作按钮

当专注于设计是大，从页面中脱颖而出伟大的按钮，它可以很容易忘记用户可能会在查看网页的设备甚多。

这一切都太常见的设计为桌面用户体验，但完全忘记了移动体验。一个好习惯是尝试尽可能以设计为移动第一和规模从那里，所以桌面体验功能的增强移动体验，而不是从桌面大小的工作了。

现代的桌面浏览器有一个“响应式设计模式”可以很容易地看到你的网页如何看待不同的设备，如手机和平板电脑，所以总是试图才去住，以避免任何明显的毛刺观看一堆不同大小的页面这可能破坏在小屏幕上转换。

把你的第一个电话到动作按钮倍以上

是否“折”还存在吗？人们仍然滚动，大家的设备是不同的，但要确保你的关键CTA是尽可能高的，并尽可能看到你的着陆页上是必不可少的。

不要害怕让你的按钮太明显的 – 很明显是短期的注意力和耐心的用户的世界好。您可以进一步重复你的CTA失望过的页面，但是当你第一次加载页面会给用户带来什么你最终要求他们通过消耗你的页面上的内容做一个即时了解确保它很容易看到。

删除选择

制定一个良好的号召性动作按钮假定你已经决定了你想要的关键作用是为游客，当他们看你的页面。如果你还没有确定下来，供游人采取最重要的行动，那么它会让很多的布局决定很难。

为了使CTA以尽可能有效的，它需要脱颖而出，它需要的主要焦点在页面上为访问者与互动。如果你给观众太多的选择，你的风险混乱和压倒他们。

如果您需要提供多个选项 – 例如，如果你提供一个下载桌面应用程序或移动应用程序 – 力争优先在别人的一个选项。这有时可能需要在技术实现更多的工作（例如，检测访问者的操作系统），但可以是值得的提高转化率方面。

这是值得记住的访问者点击最简单的按钮始终是“返回”按钮。

当重复一个页面上的号召性动作按钮

你应该如何经常重复CTA在整个着陆页？它总是一个微妙的平衡 – 过于频繁，你遇到绝望了，像个孩子唠叨父的玩具。太频繁，你可能会失去游客谁本来高高兴兴地注册。

与大多数主题相关的业务，“这取决于”，但这里的关键因素决定如何经常重复一个号召性动作按钮是您的目标网页的长度。

一个简单的经验法则，我们使用的是如果你滚动你的笔记本电脑的页面，你可以看到你相同CTA重复次数超过一次在屏幕上的同时为您滚动那么你很可能矫枉过正。

始终测试

号召性动作按钮：您的网页经常是值得A / B测试的关键部件之一。

即使是很小的变化和调整，可导致转化率很大提高 – 增加一个字，删除一个字，改变颜色，或增加字体大小都可以导致改善。但你永远不会知道，除非你尝试了一些变化，看看您的特定网站，情况是什么在起作用。