User Journey
Free Online User Journey Map Maker
A user journey diagram lays out the steps a person takes to reach a goal, grouped into stages, with a satisfaction score for each step. It shows where an experience works and where it frustrates people, which is where to focus design effort.
Group the steps into sections, rate each step from 1 to 5, and name who is involved. The painful steps show up at a glance.
Last updated: · Mermaid v11
Try it live
When to use user journey
Onboarding reviews
Map signup and first use step by step and score each one from support tickets or interviews, so the worst steps are obvious.
Research readouts
Turn interview findings into a journey that stakeholders can read in a minute, with the source text in the research doc.
Before and after comparisons
Keep the current journey and the redesigned one as two short text files, and see which scores a change is meant to lift.
Key syntax
journeyDeclare the diagramtitle TextOptional titlesection StageGroup the steps that followStep: 3: ActorA step with a score from 1 to 5Step: 2: A, BA step with several actorsHow to create a user journey with Mermaid
Open the FlowViz editor and type journey on the first line.
Add a title: title My Journey.
Start a stage with section Stage name.
Add steps under it: Step name: score: Actor, with a score from 1 to 5.
List several actors with commas when a step involves more than one person.
Export as SVG or PNG, or copy a share link.
Frequently asked questions
What do the scores mean?
Each step gets a score from 1 to 5 for how the user feels at that point, 1 being worst. Mermaid colours and positions the steps by score, so the low points stand out.
Can a step involve more than one person?
Yes. List the actors after the score, separated by commas: Invite teammates: 2: User, Admin. Each actor gets its own colour.
How is this different from a flowchart?
A flowchart shows the logic of a process. A user journey shows how a person experiences it, step by step, with a rating for each step.
Is the FlowViz user journey maker free?
Yes. It is free with no account, and you can export SVG or PNG or share the journey as a link.
Start diagramming now
No signup. No install. Just open the editor and start writing.