π±οΈ Buttons & Labels
This page contains samples for various buttons and labels.
β
Checkout Button
Goal: Make the action clear and align with user intention.
Before
Submit
After
Place Order
π Navigation Label
Goal: Use labels that are action-oriented and user-friendly.
Before
Control Panel
After
Dashboard
π₯ Download Button
Goal: Clarify what is being downloaded.
Before
Download
After
Download Report (PDF)
ποΈ Delete Confirmation Button
Goal: Reduce user anxiety with clear consequence wording.
Before
Delete
After
Permanently Delete
π Edit Action
Goal: Make it clear what will be edited.
Before
Edit
After
Edit Profile
πΎ Save Button in Form
Goal: Reinforce that changes are kept.
Before
Save
After
Save Changes
β Add New Item
Goal: Be specific and informative.
Before
Add
After
Add New Project
π Login Button
Goal: Be friendly and action-oriented.
Before
Submit
After
Log In to Your Account
π€ Upload Button
Goal: Be direct and specify action type.
Before
Submit
After
Upload Resume
π Location Selector
Goal: Use intuitive language for selection controls.
Before
Set
After
Choose Location
Last updated