Create User Flow Diagrams From Customer Journey Maps - UX Design Process [FigJam Template]

Learn how to create user flow diagrams from customer journey maps in the UX design process with Billy, Head of Design at Headway. This presentation is for designers who want to establish a process of understanding their products before jumping into wireframes or UI designs.

Access the FigJam template from this presentation:
https://www.figma.com/community/file/...

Maybe you've been talking to customers and have mapped out the customer journey. The next step is to create user flow diagrams to map out the customer experience.

What's the best way to approach this process?

We're sharing the process and mindset we use at Headway to better understand information architecture. Learn how to take user stories and turn them into feature lists and rough out what data is needed within the product.

In this presentation, Billy creates FigJam user flows, but you can apply these principles to any tool you use.

Segments:
00:00 - Intro
01:26 - What is User Journey Mapping?
02:22 - User Flow Diagram Tools
03:10 - Identify User Goals and Threads
04:48 - User Journey Mapping in Figma
11:23 - StoriesOnBoard
12:12 - User Flow Diagram in Figma
16:34 - Micro Flows
21:18 - Questions
22:02 - Commenting with Team?
23:23 - Research for Customer Journey Maps?
25:48 - When Do You Include Developers in the Process?
26:49 - Handling Technical Constraints?
28:48 - Capturing Data From User Interviews?
30:12 - Defining the Stages of a Customer Journey Map?
32:42 - Hand-Drawing Tools for Interviews and Brainstorming?
33:39 - Referring Back to Customer Journey Maps After Launch?
37:20 - Journey Maps for Different User Types?
38:55 - User Journey and Flows Into User Stories
42:16 - How Much Time to Spend on User Flows?
44:08 - Is Customer Journey Mapping Necessary?

Resources

Premium Design System Course:
https://bit.ly/shipwright-design-syst...

Free Figma UI Kit
https://www.headway.io/download/shipw...

Free Icon Pack
https://www.headway.io/download/icon-...

Our Favorite Figma Plugins
https://www.headway.io/blog/figma-plu...

#design #ux #ui