This is where the rubber meets the road.
How well do your call-to-action buttons convert website traffic into something that benefits your business?
Web and UX designers know the importance effective call-to-action buttons, but the following six factors should be understood by anyone involved in generating business from your website.
What Are Call-to-Action Buttons?
Call-to-action buttons solicit action from a website visitor.
Commonly a clicking action that may link to a download, signup, or sale. They may also lead to a web page with additional information (e.g. “Learn more…”) that asks the user to take action.
6 Factors of Call-To-Action Button Design
Ideally, your call-to-action button should strike a healthy mix between overcrowding the page and fading into the background. It should be the largest button on the page because the larger the element on the page, the more we understand its importance.
The call-to-actions on the website NCover are given prominence through increased size. They also supply ample room to house critical information, such as a ’21-day Free Trial.’ A contrasting color also helps differentiate the download button from the background.
Users are greeted with a centrally-located call-to-action button on the landing page of Store Envy. The round button stands out with its thick white border and encourages both shoppers and sellers to join after reading the accompanying text.
A ‘Donate’ button serves as the call-to-action for War Child. Placed as secondary to the heading, it elicits action and is placed strategically above the fold, encouraging users to come back after they checked out the rest of the site.
Make your call-to-action stand by designing in a contrasting color to the background. This ensures users notice it and increases the likelihood of taking action. Also consider how well the color fits in with your color palette and aim to subdue the color the larger the button gets.
The call-to-action for this app clearly differentiates itself from the background through a highly saturated button. Would you miss it?
The Resumator uses complimentary colors on the navigation to emphasize the “Sign-Up” call-to-action button placed there. The same familiar red color is used on the call-to-action to “Start the Tour.” Notice how the complimentary color pops the button from the background.
Whitespace is also an important element in giving your call-to-action the attention it deserves. This tactic is effective if your button color is subdued and/or small. This tactic instantly commands attention because adjacent elements are spaced further apart.
While subdued and not shouting for our attention, the call-to-action buttons on the website for Mint Themes still inspire action and draw our attention through the use of whitespace both above and below the call-to-action buttons.
The clean, minimal website for Blaz Robar enables the call-to-action plenty of breathing room. This button doesn’t have to work extra hard to compete for out attention.
Language plays a huge effect on conversion.
Strive for simple, clear language that inspires users to take action. Do you feel more compelled by a button that reads “Buy Now” or “Add to Cart.” Also, if the user has to question what the wording means it can mean less conversions.
The language on the call-to-action for Intrahost is simple and direct, letting the user get straight to work.
Commendable Kids calls you to “Get Started Now” and informs you the account is free. This information is useful and prevents the user from having to dig deeper into the website to find this out.
We tend to respond quickly when we feel like we can miss out on an opportunity. Incorporate bold, commanding words into your buttons that communicate the benefit.
The call-to-action button for FileShare HQ lets you know of the perk of becoming a member – the ability to send files instantly within minutes.
Call to Action buttons play an important role in your businesses conversions. While every website’s goals are unique, designing your call-to-actions to elicit action through a mix of the above techniques will have a positive impact on your website conversions.
What are your thoughts? What other factors do you consider when designing call-to-action buttons?
Latest posts by Stephanie Hamilton (see all)
- Website Design Analysis Of Ten World Class Brands - August 17, 2012
- Is Concealed Contact Information Costing You Conversions? - August 3, 2012
- 10 Beautifully Executed Font Combinations For The Web - July 26, 2012