Back to Glossary

Call-To-Action (CTA)

Synonyms: CTA button, action prompt, conversion button, primary action, action trigger

Do not index

Definition

A call-to-action (CTA) is the interface element that prompts users to take a specific next step, like sign up, buy, or start a trial. It sits at the point of decision and carries the weight of your visual hierarchy and microcopy. A good one makes the target action obvious and cheap to do.

Use cases

A weak CTA never announces itself. Users read the whole screen, miss the one thing you needed them to do, and leave with the task half-finished.
  • The generic "Get Started" trap: A hero button says "Get Started," users expect information, and instead land in a signup funnel. Trust drops and they bounce.
  • Hiding in plain sight: Your primary action shares the same color and weight as three secondary links. Users can't tell what matters, so they click nothing.
  • The mobile thumb miss: A CTA sized for desktop sits small and high on mobile. People scroll straight past it because it never reaches the thumb zone.
 

How it's used in practice

  • Lead with a verb: Start the label with the action. "Book a demo" beats "Submit." Say what happens on click.
  • One job per view: One primary CTA per screen or offer. Competing buttons split attention and both lose.
  • Make it the loudest thing: Use contrast, size, and whitespace so the primary action wins the visual fight around it.
  • Match label to destination: A promise the next screen breaks costs you trust fast.
  • Test the words, not just the color: Copy usually moves conversion more than hue. Try first-person and specific phrasing
🪄
Pro-tip: Before you polish the button, ask whether users even want what it offers. A beautiful CTA on a weak offer still gets ignored. Fix motivation first, styling second.

Challenges & limitations

  • Dark-pattern pressure: Business goals push toward fake urgency and sneaky defaults. Those win short-term clicks and burn long-term trust.
  • Context blindness: A sales-heavy CTA shown too early in the journey pushes people away. Right action, wrong moment.
  • Over-testing small stuff: Teams spend weeks testing button color while ignoring the offer and the friction that actually decides the outcome.

Free resources

  • NN/g: Button States — how enabled, hover, focus, and pressed states signal that a CTA is clickable
 
notion image
 
 
 

Share this post

Get free UX resources

Get portfolio templates, list of job boards, UX step-by-step guides, and more.

Download for FREE
 
 
 

The best email 📮 for growing 🌱 designers

 
Honest notes about the work behind the work. Read in 2 minutes, weekly. Free forever.
 
 
     
    notion image
     
    Join 13,045 designers and get tactics, hacks, and tips.