Interactive Path Flows

Overview

Interactive Path Flows show how participants navigate a website or prototype. They are generated by behavioral data gathered as participants do a task, an asset that you add in the test plan. For more about adding tasks to your test plan, see Tasks: An Overview.

Interactive Path Flows offer several ways to explore participant behavior: 

  • The main diagram summarizes all the paths participants took.
  • Participant paths show all the interactions and corresponding clips of a single participant.
  • Screen steps and click maps display all participants’ interactions on a screen.

To see Interactive Path Flows, go to the Metrics tab on the test results page:

participant_signup.png

 

Note: IPFs are only generated if participants encounter two or more screens during a task and are only available for regular "blank" tasks. They will not work for URL tasks, image tasks, metrics, verbal response, etc.

Participant Paths

To see a single participant’s path, hover over a username:

Note: The width of the band is proportional to the number of participants who took that specific path and the curve of the band is stylized for visual presentation. There is no inherent underlying meaning.

participant_path.png

Note: Badges next to usernames indicate outliers: participants with the longest or shortest time, the most or least effort, and participants who took uncommon paths. 

To follow an individual path screen by screen, click a username:

participant_path_expanded.png

The participant’s session videos and metrics–time, number of screens visited, and number of interactions–display below the diagram. 

From here, you can take a closer look at the participant’s interactions:

  • To watch a clip of the participant doing the entire task, click the timer next to the username.
  • To see a list of interactions on each screen, click the expander below each video. Or hide and show all interactions at once by clicking Expand or Collapse All.
  • To watch a clip of the participant’s interaction, click a video screen.

A_screenshot_of_a_list_of_participant_interactions.png

Some accounts allow testing with a large number of participants. If more than 30 participants' data is aggregated into an IPF, the participants' usernames are collapsed. 

Screenshot_showing_an_IPF_with_47_participants_.jpg

Hover over the lines to show usernames and badges, and to highlight the participant’s path.

If you want to test with larger groups of participants and your account does not allow it, contact your Customer Success Manager.

Screen Steps and Click Maps 

To see which screens participants visited at each step, hover over the screen steps:

Screen_steps.png

Note: Large screen steps indicate screens that many participants visited and small screen steps indicate screens that few participants visited. 

To see a click map and table showing all participants’ interactions on an individual screen, click the screen step.

💡 Tip To see the very first thing participants did–a first-click analysis for the task–click the first screen step.

Click_Map_IPF_01.jpg

The click map shows a picture of the screen participants interacted with and an overlay with circles. The circles indicate where participants interacted with the screen. 

The table listing all participants’ interactions with the screen displays next to the click map.

Screenshot_of_clickmap.jpg

💡 Tip   Smaller circles represent fewer interactions and larger circles represent more interactions. 

When you hover over a circle, a popover appears showing the participants’ interactions. The participants’ usernames are highlighted in the table.

Click_map_IPF_02.jpg

Click the circle to see a table of participants’ interactions with the element.

Click_map_IPF_03.jpg

Click the play button in each row to watch a video of that participant’s interaction. 

💡 Tip  When you watch the interaction video, you can add a note, make a clip, review the transcript, and see suggested tags, just like you can in the video player.

Path Tracing

Turn on path tracing to highlight paths that go through particular screen steps. You can also highlight a single participant’s path. 

To trace paths, first turn on path tracing:

Path_Tracking.png

To trace all the paths that intersect a single screen, click the screen step:

Highlighted_path_01.pngTo trace paths that intersect a series of screens, click each screen step:

Highlighted_path_02.png

💡 Tip: Path tracing highlights paths that intersect every one of the screens you choose. You can use it to mark a “success path” and show where other paths branch away.
To trace a single participant’s path, click a username:

Highlighted_path_03.png

When you turn off path tracing, paths stay highlighted. To remove highlighting, turn on path tracing and click the screen steps or username again. 

Note: If you navigate away from the page, your highlights are removed automatically. 

Interactions - Devices Supported

iOS & Android  -- mobile web (via UT recorder) 

-- mobile apps not supported

-- prototypes supported as long as web based*

Desktop  --  Chrome browser only (Windows, Apple OS)

--  prototypes supported

* Long mobile Figma prototypes are causing some reporting issues - aiming for a solve soon

* All studies default to Chrome based record etc etc…. 

Summary of Interactions - Mobile/Tablet Touchscreen

Mobile 

Interactions

Recorded by 

UserTesting

Included in 

Interactive Path Flows

Included in 

Click Maps

Tap

Yes

Yes

Yes

Scroll & Pan

Yes

Yes

No

Text input

Yes

Yes

Yes

Pinch

Yes

No

No

Rotate

Yes

No

No

Long press

No

No

No

Drag

No

No

No

Back button (Android only)

No

No

No

Swipe

No

No

No

Flick (close) (iOS only)

No

No

No

 

Summary of Interactions - Desktop

Desktop 

Interactions *

Recorded by 

UserTesting

Included in 

Interactive Path Flows

Included in 

Click Maps

Click (left or main click)

Yes

Yes

Yes

Click (right or secondary click)

Yes

Yes, but event not distinguished from main click

Yes, but event not distinguished from main click

Click (third button)

Yes

Yes, but event not distinguished from main click

Yes, but event not distinguished from main click

Text input

Yes

Yes

Yes

Scroll & Pan

Yes

Yes

No

Other Apple gestures

No

No

No

* Mouse moves, window resize, zoom change events are also recorded in addition to these events. Though not shown directly in IPFs, they help with cropping screenshots correctly.

Summary

  • Look at the main diagram for an overview of all participant paths.
  • Click usernames to explore the details of a single participant path.
  • Click screen steps to see how all participants interacted with a single screen.
  • Use path tracing to highlight only paths that encounter the screens you choose.

See also

How to analyze and share results

Was this article helpful?
5 out of 5 found this helpful