Bulletproof Call to Action 💣
Courtesy of @uixlover
How can we create an effective call to action buttons that grab the users’ attention and entice them to click/tap? I’ll try to answer this question in this post by sharing some design tips and exploring some examples.
Design the buttons different from a simple text label. It sounds trite, but I still see the same mistakes.
Highlight the buttons that bring the user closer to the goal.
Arrange the buttons according to glide
A high priority button at the top of the list makes users want to change the scanning direction, thereby disrupting the natural flow of attention.
Use different combinations of color, contrast and font styles (no more than three). You can also enhance the signal of the main button with the icon.
Use first-person speech and action-oriented words.
Test new ideas and variations to raise CTR (click-through rate).
When you’re a CTA, the words really matter.
- Focus on value
- First person speech
- Action-oriented words
- Minimize risk
- No friction words
- Contrast button
- Bright colors
- Whitespace around
- Above the fold
- Give ownership
- Foster curiosity
- Keep it short
Bonus — 8 useful tools for everyday usage:
GetResponse — an email marketing platform that enables you to create a valuable marketing list of prospects, partners, and clients, so you can develop relationships with them and build a responsive and profitable customer base.
Manychat — visual bot builder for Facebook Messenger with broadcasts, analytics, scheduled posting and many other features!
Crello — free graphic design editor that helps create images for social media, print, and other web-based graphics.
Funnelytics — the best funnel mapping software available to marketers and entrepreneurs today.
FlyWheel — is managed WordPress hosting built for designers and creative agencies.
Integromat — is a powerful automation tool that connects your apps and services to work smarter, not harder.
Leadpages — lets you build beautiful, high-converting websites, unlimited landing pages, pop-up forms you can add to your other websites.
FlowKit — allows designers to create frighteningly fast user flows within Sketch and Figma.