FigJam tutorial: User journey mapping

Summary

This video script introduces the process of using Fig Jam for user research, specifically for creating user journey maps. It guides viewers on utilizing templates, tools like connectors and stickers, and collaborative features such as audio chat. The example of the 'Habits' app demonstrates how to align stakeholders, visualize user experiences, and identify opportunities for improvement. The script also covers pre-work, customization, and sharing the board with collaborators, concluding with turning insights into actionable tasks using task management widgets.

Takeaways

• 📈 **User Research Importance**: Building a product that meets user needs is crucial and user journey maps can help visualize the user experience.
• 🗺️ **Using FigJam**: FigJam is a tool that can be used to create user journey maps, which include actions, goals, experiences, emotions, and pain points.
• 🔍 **Template Utilization**: Starting with a template in FigJam can save time and provide a structured approach to creating a user journey map.
• 🔎 **Search for Templates**: Users can search for specific templates like 'user journey map' in FigJam to quickly find and add them to their boards.
• 👥 **Collaborative Tool**: FigJam facilitates collaboration by allowing multiple stakeholders to align on opportunities and initiatives through shared visual representations.
• 📝 **Preparation for Mapping**: Pre-work such as filling out user personas or predefined user actions can streamline the user journey mapping process.
• 🖼️ **Customization**: Customizing the template to fit the specific needs of the product or team can enhance the relevance of the user journey map.
• 🔗 **Linking Information**: Adding links to text in the user profile section can provide additional context and resources for the user persona.
• 📝 **Journey Steps Editing**: Tailoring journey steps to match the user's experience with the product is essential for an accurate journey map.
• 👥 **Inviting Collaborators**: Sharing the board and inviting team members to contribute ensures a comprehensive and collaborative user journey map.
• 🗣️ **Audio Chat for Collaboration**: Using FigJam's audio chat feature allows for real-time discussion and alignment during the mapping process.
• 📊 **Voting for Prioritization**: FigJam's voting feature helps teams decide which opportunities to prioritize, making the decision-making process more democratic and efficient.
• 📋 **Task Management**: Integrating task management widgets in FigJam can turn identified opportunities into actionable tasks for the team to work on.

Q & A

What is the main purpose of creating a user journey map in the context of the video?

The main purpose of creating a user journey map is to visually represent a user's experience with a product, including their actions, goals, emotions, and pain points, to align stakeholders on opportunities and initiatives.

Why did the team at Habits decide to use FigJam for their user journey map?

The team at Habits chose FigJam because it allows for quick setup with templates, easy visualization of the user experience with tools like connectors, stamps, and sticky notes, and facilitates collaborative meetings with audio chat.

How can one find user journey map templates in FigJam?

To find user journey map templates in FigJam, click the templates icon in the top left corner of the file, browse through available categories, or use the search bar to search for specific terms like 'user journey map'.

What are some pre-work steps that may be required before starting a user journey map exercise?

Pre-work steps may include filling out the user persona section, defining a set of user actions, and collecting user pain points that can be added to the board before the exercise begins.

How can a customized FigJam board be saved for future use?

To save a customized FigJam board for future use, duplicate the file, edit the file's name to indicate it's a template, and publish it as a team template from the share button by following the steps to publish as a template.

What is the process for inviting collaborators to join a FigJam file?

To invite collaborators, click the share button, and either invite team members via email or copy the link and share it directly. Ensure the permissions are set to 'anyone with the link can edit' to allow teammates to contribute.

How can an audio chat be started in FigJam during a collaborative session?

To start an audio chat, click the headphones icon in the toolbar at the top of the page. Teammates can join the call by clicking the join button.

What is the purpose of using sticky notes and connectors in the user journey map on FigJam?

Sticky notes are used to add thoughts to the user actions, goals, and experiences sections. Connectors with arrows are used to show the sequence of these user actions on the journey map.

How can emojis and stickers be used to represent user feelings in the user journey map?

Emojis and stickers can be used to visually represent user feelings throughout the app experience without relying on text. They can be added by copying and pasting from the header or using the stickers tab in the toolbar.

What is the function of stamps in providing quick reactions during the user journey map exercise?

Stamps are used to give quick reactions to thoughts, pain points, and opportunities mentioned by others in the file. They help in providing immediate feedback and staying engaged with the collaborative process.

How can teams prioritize learnings and turn them into actionable tasks using FigJam?

Teams can run a voting session to prioritize learnings and then use task management widgets like Jira or Asana to create tasks directly in FigJam, turning insights from the user journey map into actionable items.

Outlines

00:00

📈 User Journey Mapping with FigJam

This paragraph introduces the concept of user journey mapping as a means to understand user needs and align stakeholders. It highlights the use of FigJam, a collaborative platform, to create and visualize user journey maps. The team at Habits, a habit tracking app, uses FigJam to ensure their roadmap includes customer priorities. The process involves using templates, connectors, stamps, and sticky notes to map out the user experience, including actions, goals, emotions, and pain points. The paragraph also emphasizes the importance of pre-work, such as defining user personas and actions, to streamline the collaborative process. It concludes with instructions on customizing the template to fit the team's needs and inviting collaborators to contribute to the map.

05:00

🤖 Enhancing User Journey Maps with Emojis and Stickers

The second paragraph delves into the specifics of enhancing user journey maps with visual elements like emojis and stickers to represent user feelings and thoughts without relying on text. It describes how to copy emojis from the toolbar and use stickers for more expressiveness, suggesting the addition of customer quotes for clarity. The paragraph also covers the use of stamps for quick reactions to ideas and pain points, and the process of prioritizing learnings through a voting session. It explains how to use task management widgets to convert opportunities into actionable tasks within FigJam, providing a comprehensive approach to user research and product development. The paragraph concludes with an invitation for viewers to share their own uses of FigJam and to follow for updates on product news.

Keywords

💡User Research

User research is the process of gathering and analyzing data about users to inform and inspire designs. In the video's context, it is about understanding the needs and behaviors of users to build a product that meets their expectations. An example from the script is the use of user journey maps to align stakeholders on customer priorities.

💡User Journey Map

A user journey map is a visualization tool that illustrates the steps a user takes while interacting with a product or service. It is a key concept in the video, used to represent the user's experience, actions, emotions, and pain points. The script discusses using Fig Jam to create and customize a user journey map template for the Habits app team.

💡Fig Jam

Fig Jam is a collaborative online whiteboarding tool that allows teams to visually organize ideas and work together in real-time. The video demonstrates how to use Fig Jam for creating user journey maps, highlighting features like templates, sticky notes, and connectors to enhance the collaborative process.

💡Templates

In the context of the video, templates refer to pre-designed layouts or structures in Fig Jam that can be used to quickly set up a user journey map. The script mentions searching for and adding a user journey map template to expedite the mapping process.

💡Connectors

Connectors in Fig Jam are used to visually link elements on the board, such as user actions in a journey map. The script describes how to use connectors to show the sequence of user actions and to create a clear flow of the user experience.

💡Stickies

Stickies, or sticky notes, in Fig Jam are virtual notes that can be added to the board to capture ideas or information. The video script uses stickies to represent user actions, goals, and experiences on the user journey map.

💡Audio Chat

Audio chat in the video refers to the real-time voice communication feature in Fig Jam that allows team members to discuss and collaborate while working on the user journey map. It is used to facilitate synchronous collaboration among team members.

💡User Persona

A user persona is a fictional character created to represent the typical users of a product. In the script, the Habits team uses a user persona to customize the user journey map, ensuring that the map reflects the targeted user's profile and experiences.

💡Journey Steps

Journey steps are the distinct phases or stages that a user goes through when interacting with a product or service. The script mentions specific journey steps such as Discovery, Download, Onboarding, Retention, and Advocacy, which are used to structure the user journey map for the Habits app.

💡Collaboration

Collaboration in the video is the process of working together to achieve a common goal, such as creating a user journey map. The script emphasizes the collaborative nature of Fig Jam, allowing multiple team members to contribute to the map and discuss ideas through audio chat.

💡Task Management

Task management in the context of the video involves organizing and tracking tasks that arise from the user journey mapping process. The script suggests using task management widgets in Fig Jam, such as Jira or Asana, to convert opportunities identified in the map into actionable tasks.

Highlights

Introduction to using Fig Jam for user journey mapping to understand customer needs.

Explanation of user journey maps as a visual representation of a user's experience with a product.

The benefits of using Fig Jam for collaborative meetings and aligning stakeholders on opportunities.

How to find and add user journey map templates in Fig Jam for quick setup.

Guidance on customizing templates to fit specific project needs.

The importance of pre-work for user journey mapping, such as filling out user personas.

Instructions on how to replace images and update text in user profiles within Fig Jam.

Demonstration of editing journey steps to match a specific user's experience.

How to duplicate and publish customized boards as team templates in Fig Jam.

Invitation process for collaborators to join a Fig Jam board for collaborative work.

Starting an audio chat for real-time discussion during the user journey mapping exercise.

Using sticky notes and connectors to visualize sequential user actions and goals.

Incorporate emojis and stickers to represent user feelings and thoughts without text.

Providing customer quotes to illustrate sentiment represented by emojis or stickers.

Using stamps for quick reactions to ideas and pain points on the board.

Running a voting session to prioritize learnings and actions within Fig Jam.

Creating actionable tasks directly in Fig Jam using task management widgets.

Encouragement for viewers to share their own uses of Fig Jam in the comments for community insights.

Call to action for viewers to like, subscribe, and follow the Figma community for product news.

Transcripts

[Music]

how do you know if you're building a

product that meets the needs of your

users enter user research more

specifically user Journey

maps in this video we'll review how you

can use fig Jam to find user Journey map

templates use tools like connectors

stamps and stickies to visualize the

user experience and host collaborative

meetings using audio chat let's get

started the team at habits a habit

tracking app is putting together their

quarterly road map and want to make sure

they include some objectives that

address customer

priorities they've decided to use fig

Jam to create a user Journey map a user

Journey map is a visual representation

of a user's experience with your product

it includes things like what actions

they take their goals and

experiences what emotions they feel and

what pain points they may

encounter this is a great way to get

stakeholders from different teams to

align on opportunities and

initiatives while the team could always

build a fig Jam board from scratch using

a template is a great way to get up and

running

quickly to browse existing templates

click the templates icon in the top left

corner of the file you can browse

through available categories or search

for a specific term in the search bar

for this exercise let's search for user

Journey

map we can add the template to the board

by covering over the thumbnail and

clicking add

template this template comes with a

helpful guide on how to use it and also

includes some quick tips on using fig

Jam features like sticky notes shapes

and move in

Zoom this way anyone new to Fig Jam can

still

participate once you've read through

these tips you can select and delete the

[Music]

sections we should take a moment to

mention user Journey Maps May requires

some pre-work before everyone Begins the

exercise for example you may want to

fill out the user Persona section ahead

of time or some teams may have a

predefined set of user

actions you might want your team to

focus on a set of user pain points that

have already been collected and added to

the board before everyone joins

preparing your user Journey map as much

as possible before beginning the

exercise can help save time and keep

everyone on task when it matters most

let's make sure that this template is is

customized to the specific needs of the

Habit

steam first let's fill out the user

Persona to replace the image select the

placeholder click replace image in the

toolbar and then select a new image file

from your

computer you can also paste an image

from your

clipboard we'll also update the text in

the user profile section to reflect the

targeted user

Persona you can add links to text by

highlighting the text and clicking the

link icon or using the keyboard

shortcut next we need to edit Journey

steps to match the habits user

Journey our journey steps are Discovery

download onboarding retention and

advocacy if you want to save this

customized version of the board for

future use you can duplicate this file

edit the file's name from the top

Toolbar to show that it's a template and

publish it as a team temp template from

the share button click the publish tab

then follow the steps to publish as a

template now that our board is ready

let's invite our collaborators to join

the file so we can start filling it out

together click the share button to

invite team members to the

exercise you can invite them via email

or click copy link and share it with

them

directly make sure you set the

permissions to anyone with the link can

edit so your teammates can add their own

thoughts and ideas to the

map once everyone is here we can start

an audio chat and talk through the

exercise together to start a chat click

the headphones icon in the toolbar at

the top of the

page to hop on a call your teammates can

click the join button let's set a timer

and play some music to keep everyone on

track during our

exercise the team is ready to start

filling out the board with sticky notes

to add stickies click and drag a sticky

note from the toolbar or press s and

click to place it on the

board we'll start by adding our thoughts

to the user actions and goals and

experiences sections of the

board we want to show how these user

actions are sequential so let's connect

each sticky in this row with an arrow

connector you can add connectors between

existing objects by clicking the

connector tool in the toolbar or by

pressing X and then clicking and

dragging from one side of an object to

another object on the board

select the connector and use the toolbar

to customize the connector

color line

style line

shape and endpoint

[Music]

types for the feelings and thought

section we want to visually show how our

users are feeling throughout their app

experience without relying on text we

can quickly copy and paste one of the

Emojis from the roow header by selecting

the Emoji and then using the keyboard

shortcut

[Music]

if we want to be a bit more expressive

than these emojis we can also use

stickers to add stickers to your board

hover over the stack of icons in the

bottom toolbar click more then click the

stickers tab search for a keyw then add

the sticker to the

board to keep everyone on the same page

you may want to provide meaningful

customer quotes that illustrate what

sentiment each Emoji or sticker

represents this can be done ahead of the

exercise as everyone is filling out the

rest of the map you can give quick

reactions to thoughts pain points and

opportunities others in the file have

mentioned one way to do this is with

stamps to add a stamp click the stamp

button in the bottom toolbar or press e

on your keyboard to open the stamp wheel

from the stamp wheel you can switch

between stamps and

emotes select your desired stamp from

the wheel then click to place it on the

board together

the habits team is able to paint a full

picture of the user Journey experience

in their

app even better the team has used

stickies to identify several

opportunities they can focus on next

quarter to decide which learnings to

prioritize and act on you can run a

quick voting

session click the timer voting and music

icon in the toolbar and then click new

vote use the buttons to set how many

votes each person is allowed and then

enter a description

for this exercise we're asking the team

to pick their top three items to be

prioritized next

quarter click Start and set a new

timer votes are Anonymous until you

click and for

all now that the Voting is done the team

wants to turn these opportunities into

actionable tasks you can create tasks

directly in fig Jam using a task

management widget like jira Kota or

Asana

to find these widgets hover over the

stack of icons in the bottom toolbar and

click more then select the widgets tab

find the widget you want to use and then

create a brand new task or make one from

an existing sticky

[Music]

note this is just one way teams can use

fig Jam for user research let us know in

the comments how your team uses fig Jam

for more inspiration check out the figma

community Linked In the description

below

and be sure to like And subscribe for

the latest product news we'll see you in

the next

[Music]

one