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/990354686965223376/Customer-Journeys-and-App-Mapping

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 Example in FigJam
• 11:23 - StoriesOnBoard
• 12:12 - User Flow Diagram Example in FigJam
• 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

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

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

Our Favorite Figma Plugins
https://www.headway.io/blog/figma-plugins-for-better-app-design-workflows

Design Articles from Headway Design Team
https://www.headway.io/collection/design

#figma #user-experience #ux #ui #web-development