Menu
Feedback
Guides
Interface copy
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 productAdd 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
  • View details
  • Edit
  • Rename
  • Insert product
  • See details
  • Modify
  • Change 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 product
  • Preview content
  • Add a product
  • Preview my content

Specific

Use precise labels that reflect the exact action.

Do ✅Don't ❌
  • Publish
  • Rename
  • Edit
  • Learn more
  • Confirm
  • Edit
  • Modify
  • Click 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
1
Photo of the contributor
+ 1 contributors
Was this helpful?
Yes
No
Suggest Edits (GitHub)
Lists and tables
« Previous
Content labels
Next »
Contributors
1
Photo of the contributor
+ 1 contributors
On this page
GithubCommunityFeedback