Button Guidelines

Use this guide to make your labels predictable and consequential. Your users depend on them, give it some thought and time.

Take the Right Actions

Take the right actions in order to move towards your goals. Use them to make your labels predictable and consequential.


Create vs. New

CREATE

Lets the user start something from scratch like creating an account or a group etc. Prefer ‘Create’ over ‘New’.

Create account
Create group

Create a new account

Create this group

NEW

Lets the user create a new object like documents, files, folders etc.

New document
New referral

Create new document

Create new referral


Cancel vs. Discard

CANCEL

Use it to cancel the existing action and close the current modal, dialog, or page.

Cancel
Cancel appointment
Abort

Cancel the appointment

DISCARD

Lets the user create a new object like documents, files, folders etc.

Discard changes

Discard the changes?


Done vs. Ok

DONE

Use it to show the user their task is finished and can return back to the previous page or window.

Done
Over

OK

Indicates confirmation of an action. Here both letters remains in uppercase. Never use ‘Close’ adjacent to ‘OK’.

OK
OK, got it

O.k, Ok, ok

OK, got it!


Export vs. Download

EXPORT

Use export when the user wants to save documents or files in a different format to another location.

Export all
Export as PDF

Export everything

Export into PDF

DOWNLOAD

Use download when the user wants to transfer files from a remote to a local system.

Download
Download update

Click here to download

Yes, download this update now


Edit vs. Change

EDIT

Use it to modify or change data, value, or text to the current window or page.

Edit
Edit profile
Manage, Change
Edit my profile

CHANGE

Use it to make modifications or changes to the existing window or page.

Change group

Change the group


Search vs. Find

SEARCH

Use the search label to indicate an attempt to find information on a computer, database or on the internet. Prefer ‘Search’ over ‘Find’.

Search
Advanced search
SEARCH…
Let’s Advanced Search

FIND

Use it to show the process of locating a specific file, document, or any other object on a computer or on the internet.

Find…
Find out more

Find here…

Click here to Find out more


Select vs. Choose

SELECT

Use it to select data, value or item from the table.

Select
Select all
Pick
Select all items

CHOOSE

Use it to make a more subjective decision like choosing files, groups, or templates.

Choose files

Choose these files


Import vs. Upload

IMPORT

Use import when the user wants to transfer files from one format to another usually within a new file.

Import all
Import template
Import altogether
Import this template

UPLOAD

Use upload when the user wants to transfer files from a local to a remote system via internet.

Upload
Upload files

Click here to upload

Upload files


Delete vs. Remove

DELETE

Lets the user eliminate or erase an existing object forever.

Delete
Delete account
Move to trash
Delete this account

REMOVE

Lets the user remove files, accounts or groups from the current window or page.

Remove
Remove account

Delete, Discard

Remove this account


Apply vs. Save

APPLY

Lets the user make changes or modifications to a file or document before closing the window.

Apply changes
Apply filters
Save changes
Apply these filters

SAVE

Use it to save data or pending modifications to a file or document before closing the window.

Save as
Save and continue
Save changes

Save As

Save & continue

Apply changes


Close vs. Dismiss

CLOSE

Use it to close existing dialog, modal, or page. Never use ‘Close’ adjacent to ‘OK’.

Close
Save and close
Submit and close
Close this window
Save & close
Submit & close

DISMISS

Lets the user leave the existing page or window.

Dismiss

Dismiss this page


Exit vs Quit

EXIT

Lets the user leave the existing application or website by closing the page or window. Prefer ‘Exit’ over ‘Quit’.

Exit
Exit page

QUIT

Use it to shut the application and exit the page.

Quit
Quit app

Remember To

  • Use verbs for initiating an action
  • Use consistent words for labels throughout the product

  • Use sentence case for labels and buttons even if the text is long

  • Keep your microcopy short and crisp without getting vague

  • Avoid punctuations for microcopy
  • Avoid unnecessary words such as ‘a’, ‘an’, ‘the’ etc

  • Avoid the use of Ampersand, always use the full word ‘and’

  • Avoid tricky words, stick to simple recognizable words

  • Avoid using branded terms for labels and buttons

Was this page helpful?