UI patterns
Buttons
A button label is a promise. Say exactly what happens when it's pressed.
Verbs that complete the sentence#
A good label completes "Pressing 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#
- Sentence case, always: "Create account", not "CREATE ACCOUNT".
- Keep the same verb through a flow. A button that says "Publish" produces a confirmation that says "Published".
- One primary action per screen. If everything is bold and green, nothing is.
- Never label a destructive action "Cancel" next to a "Cancel" that means "go back". Use "Yes, cancel transfer" and "Keep transfer".
- Avoid "Click here" — many users are tapping, and screen-reader users hear links out of context.
Confirmation steps for money#
Before moving money, the confirming button restates the action: "Confirm transfer of ₦12,525". The extra words are the safety mechanism.
Related guidance#
Spotted a problem with this page? Suggest an edit on GitHub.