Patternfly Logo

Product tours

A product tour, also referred to as an "onboarding flow," is a series of dialog boxes or pop-ups that introduce a new tool or a tool redesign to users.

In product tours, your UX copy is never strictly to tell a user how something works. You need to convince them that the product—and learning about the product—is worth their time.

Focus on the user’s goals: Emphasize what the user can do with the product.

BeforeAfter
We introduced a new feature for designing called Flyer Fact. Discover how it works by taking a tour to learn more.
OK | Cancel
Create consistency and design faster with Flyer Fact.
Start tour | Not now

Be conversational: Imagine that you’re sitting beside the user and walking them through the product. Avoid jargon and be casual.

BeforeAfter
There are three major areas of Flyer Fact: components, layouts, and documentation. These are for designers to utilize in order to build user experiences that serve the needs of their users.Create accessible and intuitive interfaces with Flyer Fact’s components, layouts, and documentation.

Empathize with the user: Learning new things can be scary, so don’t stuff your onboarding flow with exclamation marks, and avoid telling the user how hard you worked on the new tool or how excited you are. Instead, understand that the user might be a little intimidated. Focus on giving them information and guidance in a straightforward way.

BeforeAfter
We are so excited to announce the Flyer Fact redesign! We can’t wait to show you around.Flyer Fact has a new look. Let’s explore what you can do.

View source on GitHub