Menu
Guides
Grammar
Formatting
Interface copy
Documentation
Glossary
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 productAdd new product to catalog

Use a verb in the infinitive followed by an object.

Do ✅Don't ❌
Create product Visit storeNew product Store

Reuse labels for the same action. Common labels can be found in the glossary.

Do ✅Don't ❌
Add productInsert product
View detailsSee details
EditModify
RenameChange name

Use sentence case but capitalize proper nouns.

Do ✅Don't ❌
Try new experienceTry New Experience

Don’t use punctuation or personal pronouns and avoid articles.

Do ✅Don't ❌
Add productAdd a product
Preview contentPreview my content

Specific

Use precise labels that reflect the exact action.

Do ✅Don't ❌
PublishConfirm
RenameEdit
EditModify
Learn moreClick here

When the context implies a single clear object, remove the object name from the label.

Do ✅Don't ❌
  • Content label: Product Action
  • Action label: Edit
  • Content label: Product
  • Action label: Edit product
  • Content label: Order
  • Action label: Invoice
  • Content label: Order
  • Action label: Invoice order

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.
Contributors
0
Was this helpful?
Yes
No
Suggest edits (Github)
Contributors
0
On this page
GithubComunityFeedback