Call to Action
The button or link that asks a visitor to take the next step, such as signing up or buying, whose wording, prominence, and placement are heavily tested and easily turned manipulative.
A call to action, or CTA, is the element on a page that invites a specific next step: sign up, buy, download, start a trial. The term comes from advertising and direct mail, where every piece ended by telling the reader what to do. On a screen it's usually a button, and most of the design surrounding it exists to lead the eye there.
Most advice concerns prominence and clarity:
- One primary action. A view with several equally loud buttons makes people hesitate. Designers usually give one action strong visual weight and render the others as secondary or plain links; see Visual Hierarchy and Hick's Law.
- Specific labels. A button reading "Start free trial" says what will happen, while "Submit" or "Click here" doesn't. Labels work best as verbs that describe the outcome, and the surrounding text should answer the obvious hesitation, such as whether a card is required.
- Contrast and size. The button should stand out from its surroundings and be easy to hit, especially on touchscreens; see Color Contrast, Fitts's Law, and Touch Target Size.
- Context. A call to action placed after the explanation that motivates it tends to do better than one shown before the reader knows what's on offer, which is why the advice to put everything at the top of the page is weaker than its reputation; see Above the Fold.
Calls to action are among the most A/B tested elements on the web, since a change in clicks is easy to measure. Folklore from such tests, such as one button color always beating another, rarely generalizes. Many reported wins come from small samples or from testing many variants until one looks good by chance.
The pressure to raise click rates pushes toward manipulation. Common tactics include:
- Confirmshaming. The refusal option is worded to embarrass, such as "No thanks, I prefer paying full price."
- False urgency. Countdown timers that reset and stock warnings that are never true.
- Disguised options. The option the business prefers is bright while the alternative is pale gray and hard to find.
These dark patterns raise short-term conversions while eroding trust, and regulators increasingly treat some of them as deceptive. A click rate chosen as a target tends to be optimized at the expense of what it was supposed to indicate, as Goodhart's Law predicts.
Users also learn to ignore elements that look like advertising, so calls to action styled as banners can become invisible. The most dependable approach is plain: make the next step obvious, describe it accurately, and make the alternative just as easy to find.
Linked from6
- AB TestingMethod
Comparing two versions of something by randomly showing each to different users and measuring which performs better, a randomized controlled trial for products.
- Above the FoldDesign & Interface
The part of a page visible without scrolling, a newspaper idea carried onto the web, where it still matters for first impressions and loading but no longer means people won't scroll.
- Color ContrastDesign & Interface
The measured luminance difference between foreground and background, and the accessibility floor it must clear.
- Dark PatternDesign & Interface
An interface deliberately designed to steer users toward a choice that serves the business rather than the user.
- Fitts's LawDesign & Interface
The time to hit a target shrinks with its size and grows with distance to it — so make frequent targets big and close.
- Hick's LawDesign & Interface
Decision time rises with the number and complexity of choices offered, roughly logarithmically — fewer options decided faster.