首页 新闻资讯 建站经验

完美CTA按钮的终极UX设计

您认为什么构成任何网站的主要组成部分或元素之一?

可能是表格吗?可以是设计吗?可以满足吗?

是的,当然,所有这些都是任何网站设计中最重要的方面。但是,您是否知道按钮在您的网站设计和业务中也可以发挥重要作用的事实?

按钮是号召性用语的重要组成部分,因此,如果您的按钮没有反映出任何令人印象深刻的元素,那么您将失败。

因为,这些按钮将确保转换发生。

那么,设计将要转换的号召性用语有哪些不同方面?

它可以是任何东西,范围从按钮的样式,大小和颜色不等。

除了这些因素之外,在确保按钮转换时,按钮位置的微小变化也可能造成灾难。

设计按钮时,首先要牢记的一点是,它适合在那里的人们。也许是供个人使用,则可以根据设计师的个人兴趣选择布局或颜色或其他任何东西。但是当面向全球受众时,不要让他们因为决定停在您的网页上而感到难过。

在您放置按钮的背景中错误的位置或错误的颜色会破坏整个内容,从而确保访问者永远不会回到您的页面。

同样,当我们没有正确地做时,让我们停止给自己虚假的希望。

您可能会认为这是理想的地方,并将其放置在用户绝不会不惜任何代价结账的地方。另外,您可能选择的颜色太暗或太怪异,使用户将其视为“怪异”。

最重要的是,用户不知道是按钮还是按钮存在的事实。

即使我们很多时候都是设计师,但碰巧我们忽略了这么小的东西,实际上是更大的东西。

所有这些导致一个地方–使您的按钮可单击。

因此,我们如何设法创建直观可点击的按钮?

“要清晰,准确和简单。”

设计用于号召性用语的按钮时,这应该是您的座右铭。

如果您有很多创造力,并且擅长在整个设计中实现自己的艺术英勇,那就没关系。但是,请记住检查创意是否可以从他人的角度理解?

除非是,否则不要继续!

因为我们都喜欢简单的事物。当我们能够与人们接触并以简单而谦虚的方式与他们联系时,为什么会变得复杂?

我们都经历过到达令人敬畏的目标网页并决定通过单击其CTA来帮助“特定”业务的经历,但令我们感到高兴的是,他们发现,与其说是简单的“提交”按钮,不如说是“很酷,”,我们所有人都离开了现场,因为我们不清楚我们是否被要求采取我们计划采取的行动,还是被要求做其他事情?

让我们不要重述历史,而是让我们创造一个!

1. 按钮的大小:请勿创建太小或太大的按钮!访客必须注意您的按钮并采取预期的操作,但是如果按钮过小,我们就不能责怪他们,如果他们没有注意到并离开。如果太大,可能会再次挫败他们。最重要的是确保此“按钮”与着陆页上的其余按钮分开。

2.如前所述,当涉及到用户执行的操作时,按钮上的文字将发挥重要作用。与其编写类似“这里很酷”的文字,不如通过展示预期的预期动作来使其变得简单明了。举例来说,您可以使用“提交”,“发送”或“注册”。这里没有什么令人困惑的地方。一切都传达得很好!

3.当然,用户在登录页面时需要一些指导,以实现并执行预期的操作。因此,当它们在这里时,请为您的按钮应用一些色相和颜色,以使它们感觉就像单击它一样。

另一个最重要的一点是,我们不要在CTA中融合背景色,以使所有这些看起来都相似,并且用户离开页面时就没有任何线索,他们错过了正等待点击的CTA。

按钮的间距也是放置按钮时需要考虑的因素。不要让它看起来太拥挤。留出一些空间让按钮呼吸。在文本和按钮之间提供一个空白,以免看起来过于拥挤。

在我们进一步思考如何设计出完美的按钮之前,让我问一个简单的问题,我们中有多少人遵循或牢记按钮的类型:

1.中立

例如,“取消”按钮或除了将用户重定向回首页之外不执行任何其他操作的按钮。

2.负面的

当整个信息被删除或重新排列时。

3.积极

这是提示采取措施的方法。它可能类似于更改,发送或添加信息。

让我们找出应该放置在哪里以便用户找到它:

按钮的直观放置在决定用户是否单击时具有重要作用。

用户进入该特定页面时具有本能,并且您期望将其引导到预期的操作上,在这里,按钮的放置也需要本能地完成,这也是逻辑驱动的。

让我们研究一下专家对此有何评论:

根据您的企业和网站的心情和意图,可以采用两种不同的模式:

1. Z模式

之所以称为这种模式,是因为此类网站上的内容是按照宽敞的方式组织的。而且,当您使用Z型图案时,可以沿着同一行插入按钮中,并确保将其放在行尾。

2. F模式

当您为包含大量文本(包括博客或新闻站点)的网站设计时,读者的眼睛会遵循从左到右的阅读模式。在这里,智慧在于将CTA放在从左到右阅读模式结束的那一行的末尾。

因此,最后,您要遵循用户的路径,或者引导他们走过他们需要遵循的路径才能完成所需的操作。

建议您使用矩形按钮,因为这是全局性的操作,您的员工可以很容易地了解到它们。

设计按钮时遵循的最佳做法的一线式:

1.首先

您是否注意到页面上的眼睛朝着最大的元素漂移?人类无法改变的普遍趋势!但是,我们可以在设计按钮时应用此策略,以便立即注意到它。当然,我们需要向他们解释为什么他们必须单击,但是如果可以用几句话来总结,则可以考虑在此处放置按钮。“首屈一指”的概念在这里起作用。

2.接下来的重要事情

视线开始移到页面上的字幕或副标题。

3.接下来是内容

正如我们在#1中已经讨论过的那样,重要的是要向您的员工传达所有这一切的开始以及他们在哪里可以找到号召性用语。您的内容应该神奇:它应该告诉他们为什么他们需要它;此外,它应该解释点击的好处。

4.号召性用语

这是很久以来一直遵循的常规模式;除非存在“其他”情况。您的号召性用语应遵循以下规则:

干净清晰。让我们不要使内容复杂化。

将其放在清晰,均匀的行中。

它永远不能是背景的颜色。确保与背景颜色形成对比。

在着手设计CTA按钮之前,需要牢记一些快速而简单的事情。

您在设计着陆页或CTA时无疑会获得帮助吗?

然后,我们可以为您提供帮助。

选择每次都能为您带来业务成功的合适合作伙伴是一项具有挑战性的工作。但是,您来对地方了。

我们是一家国内的网页设计公司,为我们在国内的客户提供服务。在过去的这些年中,我们已经为几百家客户提供了解决方案。

上一条:企业品牌重塑和LOGO重新设计的基本技巧 下一条:如何为高效的网页设计创建更好的策略
快速联系

You can contact us by email, phone number and address

请您拨打本凡一对一咨询电话:

0551-65651281 / 66686892
18326678023

您也可以咨询我们的在线客服

客服咨询 客服咨询 客服咨询