/
Website - Buttons and Links

Website - Buttons and Links

Buttons 

  • Should contain actions 

  • Be consistent across pages: Log in, Email Us, etc.

  • Avoid multiple primary CTAs on the same page 

 

image-20241219-222015.png

 

Primary: A primary CTA, form submission or other important action.



 

 

image-20250123-011832.png

 

image-20241219-222343.png

 

Secondary: An important CTA but may be more than one on a page. Less prominence than dark blue buttons and a good choice to indicate next steps in a user journey. 

Two CTAS: These are of equal weight and importance.

Two CTAs: Dark blue is the primary action here. 

Links: Files

  • File names should be lower case with dashes, no spaces. Dental-handout-2017.pdf

Links: Hyperlinks

  • Warn users with visual cue if they will be leaving the site 

  • Allow user to choose where new tabs open (do not force users to open pages in new links)

  • Do not use vague links (click here, read more). Vague links are bad for usability and also don't provide users with adequate information to complete an action. Use specific links such as "Download the "Practice Tips" Article (PDF)" or "Visit the Dental Practice Website".

  • Give users context on where they expect to go: “download file”, “visit site.”  

  • Do not dump lists of links with no context. Add a quick summary of what the link is.  

Related content