UX.institute logo
Sign up
UX institute logo
Playbooks
Playbooks / Call to action playbook

9 Call to action plays

Craft effective and persuasive Call-to-Action (CTA) copy and buttons.

A good CTA button is only as good as the copy that leads the reader to the end of the page and the product it represents. However a simple adjustment to your CTA button could still make a big impact on your bottom line.

We’ve collected the most effective call-to-Action best practices in one place.

Call to action playbooks image

Use legible font

Image explaining the tip: Use legible font

Make your call-to-action button text easy to read.

Continue reading

Remove choice to help making decisions easier

Image explaining the tip: Remove choice to help making decisions easier

We are more likely to make a decision when there are fewer options to choose from.

Continue reading

Place the first call-to-action above the fold

Image explaining the tip: Place the first call-to-action above the fold

Although, depending on the situation, it can be expecting too much of the newly arrived user.

Continue reading

Ensure appropriate text and button contrast

Image explaining the tip: Ensure appropriate text and button contrast

So what color will make visitors more likely to click? Sadly, it’s not that simple.

Continue reading

Use first-person copy

Image explaining the tip: Use first-person copy

Using first-person copy (“me”) rather than second person (“you”) can help establish a more personal bond.

Continue reading

Emphasize a sense of urgency

Image explaining the tip: Emphasize a sense of urgency

If something is being promoted as being scarce, it is perceived as being of higher value.

Continue reading

Encourage action in button copy using command verbs

Image explaining the tip: Encourage action in button copy using command verbs

A lack of clarity on what a button does will hurt your conversion.

Continue reading

Write concise button copy for high-ratio of ideas to words

Image explaining the tip: Write concise button copy for high-ratio of ideas to words

Leave no room for unnecessary words in the button text.

Continue reading

Combine header with a button to increase clarity

Image explaining the tip: Combine header with a button to increase clarity

Our attention span as humans is short, so don’t fear repeating your key message throughout your page.

Continue reading

About the ux.institute project

UX.institute is an experimental project by @toxboe, founder of ui-patterns.com