User Flow

Template
INTRODUCTION

In the world of AI products, understanding how your data flows is key. This
template will help you map out that flow, guiding development and making
sure users have smooth experiences.

Recap of Steps

- STEP 1: Identify the entry point(s)

- STEP 2: Map out all possible user actions

- STEP 3: Specify data inputs & generated outputs

- STEP 4: Apply best practices

Entry
Major Step Sub-step Data Generat
Point
ed

Before you get started building your user flow, take a look at a couple of
examples from Tinder and Catalist:

1
Tinder Example
Description:
In this example for the dating app Tinder, after we’ve determined our entry point as
‘login’, we’ve explored two possible user actions: to swipe or to view matches. Under
‘Swipe’, we can see the User’s Profile, and from ‘View Matches’, you can see:

● your match list

● your message inbox
● And then, your conversations

From there, we want to feed ‘User Profile’ and ‘Conversation’ as the data that goes into

the generated output (i.e. AI Conversation Starter). From there the next steps for our

conversation starter are successfully sending it to the chat, failing gracefully by

trying again, or trust and verify by viewing the source profile to double-check the

content.

2
 Login

Swipe View Matches

Match List
User
Profile
Message Inbox

Send to chat
AI Conversation
Starter Convo

Try again

View source profile

Tinder Example

3
Catalist Example
Description:

Catalist features a meeting note-taking bot, accessible either through direct invitation to
calendar events or via the Catalist app. Once engaged, the bot transcribes the meeting,
incorporating data inputs such as team member names and genders (to mitigate bias) to
generate comprehensive meeting notes. Users have the option to share the notes, edit
them effortlessly as a demonstration of graceful failure, or validate their accuracy by
reviewing the meeting transcript.

Invite Bot to meeting Invite Bot to meeting

via Google Calendar via Catalist app

Meeting Team
transcription information

Share notes
Avoid Bias

AI-generated
meeting notes

Edit notes Fail

Gracefully

View transcript Trust & Verify

Provide value

4
Your Template
Now we’ve seen some inspiration, let’s get into it for real!

Before you build out your user flow, you can use the table below to map out your various
entry points, major and sub-steps, data flow, and your generated output if it helps for
plotting your user flow:

Entry point(s) Write here

Major step(s) Write here

Sub-step(s) Write here

Data Flow Write here

Generated Output Write here

Ready to move on? Great!

To create your own user flow, we’ve created several pieces you’ll need to build, including
arrows that can be manipulated into any direction you choose.

Simply click on the section below, select ‘edit’, and start to copy-paste the pieces you need
over to the right-hand side of the Drawing space. If you need additional room for your
user flow to grow (or perhaps you’d like to create more than one), you can create a new
Drawing space by going to “Insert > Drawing > New.”

5
Your flow pieces Your space to assemble your AI user
flow

Entr Entr
y y

Major Step ARROWS

Major Step

Major Step

Sub-step Sub-step

Sub-step Sub-step

Sub-step Sub-step

Data Generat
ed