Action labels
1 min read
Action labels use up to three words to indicate an action that the user wants or needs to perform. This pattern is often seen in components such as Buttons or Menus.
General
Keep it as short as possible while still being descriptive enough.
Do ✅ | Don't ❌ |
---|---|
Add product | Add new product to catalog |
Use a verb in the infinitive followed by an object.
Do ✅ | Don't ❌ |
---|---|
Create product Visit store | New product Store |
Reuse labels for the same action. Common labels can be found in the glossary.
Do ✅ | Don't ❌ |
---|---|
Add product | Insert product |
View details | See details |
Edit | Modify |
Rename | Change name |
Use sentence case but capitalize proper nouns.
Do ✅ | Don't ❌ |
---|---|
Try new experience | Try New Experience |
Don’t use punctuation or personal pronouns and avoid articles.
Do ✅ | Don't ❌ |
---|---|
Add product | Add a product |
Preview content | Preview my content |
Specific
Use precise labels that reflect the exact action.
Do ✅ | Don't ❌ |
---|---|
Publish | Confirm |
Rename | Edit |
Edit | Modify |
Learn more | Click here |
When the context implies a single clear object, remove the object name from the label.
Do ✅ | Don't ❌ |
---|---|
|
|
|
|
When a link is within a paragraph, it's not necessary to modify capitalization or start with a verb.
Do ✅ | Don't ❌ |
---|---|
This metric is only available for stores that capture navigation data. | This metric is only available for stores that Capture navigation data. |