Links
Often a navigational element, often a Text button, a
link is a low-key way to give the user an actionable on-screen item.
Use Cases
- When it is needed to show the user an option to go to a different section on the system (internal link) or to a website out of our systems (external link).
- When another level of interaction from the user is needed, besides the primary and secondary buttons.
HTML
Do's & Dont's
Buttons and Links working together
Most of the actionable items (outside navigation tools) are
reflected on buttons. As referred on this document before, these
buttons have different levels of importance.
In some cases, links can be used similarly as buttons (as "link buttons"), whenever we need another level of importance that is more subtle to the user.
In some cases, links can be used similarly as buttons (as "link buttons"), whenever we need another level of importance that is more subtle to the user.
Different formats for different uses
As the link is a very versatile and discrete component for the user
to use, it has some variations, depending on its navigation or
actionable role.
Please evaluate depending on each scenario what would be the most appropiate use of it and, of course, also try to evaluate other approaches and alternative components.
Please evaluate depending on each scenario what would be the most appropiate use of it and, of course, also try to evaluate other approaches and alternative components.
Avoid long link labels
In general for the user, a link will have to be clear on what it
will do when clicked/tapped.
Even if it lives within a paragraph or as an stand-alone element, please keep the captioning always contextual and concise.
Even if it lives within a paragraph or as an stand-alone element, please keep the captioning always contextual and concise.
Alternative and Related components
