UI patterns
Buttons
A button label is a promise. Say exactly what happens when it is selected.
Verbs that complete the sentence#
A good label completes "Selecting this will…". Use a specific verb and, where stakes are high, the object too.
Do
Send ₦5,000
Don't
Submit
Do
Delete this beneficiary
Don't
OK
Guidelines#
- Use sentence case. Write 'Create account', not 'CREATE ACCOUNT'.
- Keep the same verb through a journey. If a button says 'Publish', the confirmation should say 'Published'.
- Have one primary action per screen. Make it visually distinct from secondary actions.
- Avoid ambiguous labels Do not use Cancel for both a destructive action and a way to go back. Use labels such as 'Yes, cancel transfer' or 'Keep transfer'.
- Avoid 'Click here' Users may tap, use a keyboard or use assistive technology. Labels should describe the action instead.
Confirmation steps for money#
Before moving money, the confirmation button should repeat the action and the amount. For example: Confirm transfer of ₦12,525
Related guidance#
Spotted a problem with this page? Suggest an edit on GitHub.