CTA buttons and links
Buttons should be used as the main user interface for call-to-actions.
There are four buttons available in hierarchical order of use depending on how important the call-to-action is to the user. These buttons range from the 'boss' button, as the most urgent call-to-action, 'manager' buttons, 'worker' buttons, as our default button, down to plain buttons, mainly used on forms and filters. There are also large button styles.
Buttons and text links should:
- be labeled clearly, accurately indicating their destination page or action
- lead with keywords ('front-loading') to assist user scanning
- prioritise the use of buttons according to their role in the visual hierarchy, e.g. primary, secondary, standard (and text links)
- do not overuse buttons on a page because this will undermine their role as a call-to-action. If you feel the need to use a lot of buttons on one page and they are each of equal importance, use standard buttons or Standalone text link.
- text links should be long enough for users to activate them with the touch of their finger, e.g. at least two words.
Many larger UI modules such as 'Content panels' or 'Promos' have their button selection locked into design.