FigJam tutorial: User journey mapping
Summary
TLDRThis 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
π 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.
π€ 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.
Mindmap
Keywords
π‘User Research
π‘User Journey Map
π‘Fig Jam
π‘Templates
π‘Connectors
π‘Stickies
π‘Audio Chat
π‘User Persona
π‘Journey Steps
π‘Collaboration
π‘Task Management
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
Browse More Related Video
5.0 / 5 (0 votes)