General
Actions labels
Action labels
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 ❌ |
---|---|
|
|
Reuse labels for the same action. Common labels can be found in the glossary.
Do ✅ | Don't ❌ |
---|---|
|
|
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 ❌ |
---|---|
|
|
Specific
Use precise labels that reflect the exact action.
Do ✅ | Don't ❌ |
---|---|
|
|
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. |