Please enable JavaScript.
Coggle requires JavaScript to display documents.
Should I use a Button or Link within my product's design? (QUESTION …
Should I use a Button or Link within my product's design?
QUESTION
Would interacting with this element
affect
the product's
back-end
and or
front-end
?
Yes
QUESTION
Will/does the product require
more than one
of these elements?
Yes
Use a
button pattern
Tertiary
The tertiary button is used when there are multiple, equally weighted secondary buttons or functional navigation that allows a user to return to a previous step is needed.
Secondary Button
A secondary button must follow a primary as it assists with additional functionality within the primary task.
No
Use a
primary button
Primary Button
By limiting repeat use, you can reserve a primary button for your one call-to-action.
It is, however, alright to have two primary buttons when their fill colors are different and or they are associated with two distinctly separate content blocks.
No
QUESTION
Is the element a
key call-to-action
?
No
Use a
standard link
Standard Link
Links use the brand-blue color on hover and on focus. On hover, the link will change color to the darker shade of brand blue.
Yes
CONSIDER using a
primary button
Use an
italicized link
Emphasized link
It should be used as a last resort when a button visually would disrupt other more important CTAs but a traditional link style is not prominent enough.