Content Types
Search the component library

Content Types

May 29, 2018

The following are examples of some common content types. There are also examples of UI copy in the component images throughout the UX Framework.

Coach Marks

Call attention to new or unique features, nudge users in the right direction, or guide users during onboarding.

Best practices

Focus on feature benefits (not features) and a single interaction. Use short, task-oriented tips.

Do

Upload a profile photo

Help your classmates know who you are.

See also: Coach Marks

Don't

Upload a photo

Upload your photo to the profile page.

Confirmation Messages

Confirm a task is complete.

Best practices

Use clear and simple language and a positive, friendly tone to acknowledge users’ accomplishments.

Do

Thank you!

Your password has been updated.

Don't

Password updated

You have successfully updated your password.

Email Messages

Welcome users, verify information related to specific tasks, provide detailed instructions, relay critical information, etc. 

Best practices

Be sure to review guidelines for Email Templates. Keep text short and to the point. Use clear and simple language and a positive, friendly tone. 

Do

Welcome to your Pearson Account!


Hi Casey,

Simply verify your email address so we know this account belongs to you.

Verify


All the best, 

Pearson

Don't

Welcome!


Hi Casey,

Please confirm your email address.

Confirm email


All the best, 

Pearson

Empty State Messages

Explain what users see when there is no data to display on the page. Messages can educate, delight, and/or prompt users to take an action. A useful message explains:

  • What the page is for
  • Why the page is empty right now
  • What action or event must occur for data to appear on the page

Best practices

Focus on feature benefits (not features). Be sure to include a simple, friendly image with the message.

Do

You don't have any courses yet. Add a course

Example of copy with a call to action

Don't

You have no courses.

Do

After your instructor grades your assignments, your grades will appear here.

Example of copy without a call to action

Don't

You have no grades.

Error Messages

Explain or indicate why the system or an application failed.

Best practices

Clearly communicate what's happening. Provide a solution if possible. Be friendly. Avoid giving users the impression that they caused the error. When the error is our fault, be apologetic.

Do

Sorry, we can’t find that page

Back to homepage

See also: Alerts

Don't

404 Error

There is no page.