WalkMe UI Toolkit Guidelines

Foundations / Writing and Wording / WalkMe / Toolkit Guidelines

Intro

This section provides guidance and examples on the type of instructional content to include in different parts of a WalkMe tour.

General WalkMe Building Notes

When building WalkMe launchers, Show Me tours (product/feature overviews), and Guide Me tours (task-based walkthroughs), keep these general guidelines in mind:

For Show Me tours, use step titles.
Examples:

For Guide Me tours, you don’t need to use titles, as they are usually redundant and just repeat the body text or what the step balloon is pointing to.

Find out more about the difference between Show Me and Guide Me tours.

In special circumstances, usually due to space, it’s ok to shorten the title in the tour entry modal, if the meaning and context are clear. For example, it’s ok to have the WM Panel title be “View related documents for a journal entry” and the tour entry modal title be “View related documents.”

Important: You must confirm that external links are available for all users.

Make help documentation links as predictive as possible. For example, “Learn about reversing journal entries”.

For links to external content, use this pattern:
Find out more about

link to the content

Field-level Step Guidance

In Guide Me tours, you often need to instruct the user to fill in multiple fields on a form or page. In the spirit of keeping tours as short as possible, it’s ok (and often advised) to combine multiple field-completion steps into a single step balloon.

For example:

You’ll need to work with your WalkMe builder to ensure that we can attach and position the step balloon in a way to ensure the user knows how to complete the fields needed to continue.

Side Quests

Side quests are tasks or information related to the main task but not required. Avoid them. As Gold 5 says during the Death Star attack… “Stay on target.” Remain focused on the learning point or primary task you are teaching.

That said, sometimes you need to interject a side quest when information is missing and required to complete the main flow. In these cases, a side quest might be the proper solution, if short enough to insert.

Show Me vs Guide Me Tours

Show Me tours show people around a product or feature, but don’t interact with the product UI. Guide Me tours do interact with the product and help people complete actual tasks while they learn.

There are some subtle differences in the language and phrasing we use for each tour type.

Show Me Tours

Examples of Show Me tours:

Guide Me Tours

Note: In the rare situations where WalkMe cannot trigger the next step via a UI action, you can use the Next navigation button as a workaround.

Examples of Guide Me tours:

WalkMe Component Examples

Welcome Modal

Welcome Modals are used only for the first time a user signs into a product and gives the user the option to launch a Show Me tour, start a Guide Me tour, or show them the full list of available tours.

All other tours use smaller tour entry modals or hot spots.

Welcome Modal Writing Guidelines

When writing text for the Welcome modals:

Example:

Welcome Modal Content Template

Title: Welcome to [Product Name]

Description: Introduce the product briefly. Write a concise, user-centric value statement for the product.

Tour Entry Modal Writing Guidelines

When writing text for the Tour Entry modals:

Example:

Tour Entry Modal Content Template

Title: Explore ...

Description: The Full Profile is your one-stop shop to view your employee information. In this tour, we'll show you the different parts of your profile, use shortcuts to jump to common tasks, and access your Public Profile.

Tour Entry Points

The WalkMe toolkit includes a variety of tour-entry solutions for different use cases. By separating the entry modal from the tour, you can mix and match as needed and minimize more complex WalkMe builds.

Error messages and graceful exits

Sometimes, a user cannot complete a tour due to insufficient permissions or a selected object not meeting the criteria to perform the needed action on it.

Examples:

Keep these scenarios in mind when building tours.

When writing text for an error state, follow this format:

Problem → Cause → Action

Insufficient user permissions

When the user doesn’t have permission to complete the task, you need to provide a graceful exit (offramp) from the tour.

Example 1: Can’t request feedback on a specific person

TITLE (option 1): You don’t have permission

TITLE (option 2): Insufficient permissions

BODY: You cannot request feedback on this employee. You can choose a different employee or contact your admin for help.

CTAs: Continue | Close

Example 2: Can’t terminate the employment of a specific person

TITLE: Permission required

BODY: You don't have permission to terminate this person's employment. Confirm that you have the correct person or contact your admin for help.

CTAs: Continue | Close

An alternative approach, which might be better in some cases, is to not provide a CTA to “go back” to the previous step. In this scenario, you would provide only the Close CTA.

Selected object doesn’t meet criterion

When the object the user has selected in a step of a tour doesn’t satisfy the conditions needed to proceed to the next step.

Example: Unable to reverse the selected journal entry

Typically, you will use a tour step balloon for this content.

BODY: You cannot reverse this journal entry. Select a different one to continue.

CTA: Close | Next

Done vs Close

Note: We are working with WalkMe to understand how these CTAs are recorded WalkMe analytics. We want to be sure to properly report users who “abandoned the tour”, “left the tour because they could not complete the happy path”, and “completed the entire tour”. Stay tuned for updates on this issue.

Reminders

Reminders are a great way to engage users and help them be more successful. When considering adding WalkMe reminders, be mindful of the reminders that the native system already has. You don’t want to create redundant reminders and annoy the user.

WalkMe-powered reminders should be used selectively and as part of the continuous onboarding experience. For example, to remind the user:

For large, new feature announcements, you can use the New Feature Carousel to highlight up to 3 new features. From each feature page, you can optionally launch a Show Me or Guide Me tour for that feature.

First Page Content Template

For Guide Me tours, set the purpose/outcome of the walkthrough.

Titles

Descriptions

Approach A

Approach B

Guide Me tour success message

The end of a Guide Me tour should act as a success message / recap of the task. When appropriate, it should suggest the next task to do, if this task is part of a larger process.

Guide Me tour success message, no nudge

Examples:

Announcements

Announcements are quick, in-product messages that help users stay informed at the right moment in their usage journey. Announcements offer a light-weight way to educate users about new features, drive adoption of underused features, and alert users about the depreciation of existing features.

You can use the WalkMe Shoutout component to serve this content.

Notes:

Managing Announcement Updates

The LOB and Builder are responsible for deciding when an announcement should be turned on/off. Managing announcements includes these tasks:

Announcement Types

CTA options:

Note: Use this solution for smaller features. Bigger features should be highlighted in the New Feature modal/carousel. You can also opt to use a hot-spot tooltip, if you want a more subtle experience on the product page where the feature has been implemented.

Example scenarios: Changes to legacy features, policy changes

Specs

Feature update

Note: Localization can make text longer, keep titles and copy as brief as possible.

Feature action prompt

Deprecations / Important Reminders

How to adjust a Reminder component for an announcement

Refer to the Builder Notes.

Launching external videos

If you have a repository of externally hosted videos that you want to make available via the Help panel, you can use the full-screen video component. Learn more about using this component in the Builder Notes.

Collecting user feedback

The WalkMe UI toolkit includes components to gather feedback from users about their experience.

You can create two types of feedback surveys: