Buttons and Links
Orange buttons: A primary CTA, form submission or other important action. Use sparingly. | |
Dark blue: Secondary CTA. Can be an important CTA, but may be more than one on a page. Less prominence than orange buttons and a good choice to indicate next steps in a user journey. | |
Two CTAs of equal weight. | |
Two CTAs, one primary and one secondary.
| |
Passive CTA, usually functional or leading to a secondary action. |
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.