Interactive Path Flows

 

At a Glance

Interactive Path Flows (IPFs) are visualizations that show how contributors navigate a website or prototype. They are generated by behavioral data as contributors do a task, an asset you add to the test plan.

 

Interactive Path Flows is available on the following subscriptions:

Flex plan Seat-based plan
Essentials Startup
Advanced Professional
Ultimate Premium

 

Click on the following header titles to skip to that section of the article:

Overview

Interactive Path Flows (IPFs) help you understand the behavioral data of the individuals who took your test. They illustrate the diverse paths users take to navigate a web-based experience you are testing. IPFs are useful if you are testing website navigation, onboarding flows, content findability, account creation, or any multistep experience. They also capture data about any site that a user navigates. For instance, you might ask users to use a Google search to access your site or run a balanced comparison test to compare the usability of your site to that of your competitor. 

IPFs offer several ways to explore contributor behavior: 

  • The main diagram summarizes all the paths contributors took.
  • Contributor paths show all the interactions and corresponding clips of a single contributor.
  • Screen steps and click maps display all contributor interactions on a screen.
  • If available on your account, sentiment path and an intent path, visualization features laid on top of the IPF, reveal key sentiments and behaviors related to an individual contributor's web experience.
  • If available on your account, a search bar allows you to search for URLs and page titles, as well as sentiments and intents.
  • Path tracing, when activated, is a mechanism that highlights the paths that intersect at a particular screen. 
  • If available on your account, the Instant Insights feature automatically showcases below the IPF various key findings—not only patterns and trends of interest but anomalous answers to task-based questions, too.

IPFs are generated when contributors perform a task. For more about adding tasks to your test plan, see our Setting Up Tasks article.

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

IPF_1.png

 

Notes:

  • IPFs are only generated if contributors 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, and so on.

Contributor paths

1. To see a single contributor’s path, hover over a username.

The width of the band is proportional to the number of contributors who took that specific path. (A curve in the band is a stylistic device; there’s no substantive meaning to the curve.)

Badges next to usernames indicate outliers: contributors with the longest or shortest time, or who gave the most or least amount of effort, or who took uncommon paths. 

IPF_2.png

2. To follow an individual path screen by screen, click a username.

A contributor’s session videos and metrics related to the session—time, number of screens visited, and number of interactions—display below the diagram. 

IPF_3.png

3. From here, you can take a closer look at an individual contributor’s interactions:

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

IPF_4.png

4. Some accounts allow testing with a large number of contributors.

If the data of more than 30 contributors is aggregated into an IPF, the contributors' usernames are collapsed. Hover over any of the horizontal lines in the left-hand column to show the username and badge linked to that contributor, and to highlight the contributor’s path.

Screen_Shot_2021-09-23_at_11.09.26_AM.png

5. For contributors who take unusual paths (i.e. paths that deviate from what most contributors had taken), curved lines appear in the visualization.

Hover over the list of contributor usernames, found in the vertical column on the left side, to reveal the corresponding paths.

Screen_Shot_2021-09-23_at_11.10.15_AM.png

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

Screen Steps and Click Maps 

1. Hover over the screen steps to see which screens contributors visited at each step.

Screen steps are represented by the vertical bars appearing within the IPF. The longer these steps are from top to bottom, the larger the number of contributors who visited that screen. A shorter screen step indicates screens that fewer contributors visited. 

IPF_5.png

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

To see the very first thing contributors did—a first-click analysis for the task—click the first screen step.

IPF_6.png

3. The click map shows a picture of the screen contributors interacted with and an overlay with circles. The circles indicate where contributors interacted with the screen. Smaller circles represent fewer interactions and larger circles represent more interactions. 

A table, listing all contributor interactions with the screen, displays next to the click map. 

IPF_7.png

4. When you hover over a circle, a pop-up appears showing the contributors’ interactions. The contributors’ usernames are highlighted in the table.

IPF_8.png

5. Click the circle to see a log of all contributor interactions with the element. Click the Play button in the Clip column to the right to watch a video of that contributor’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 as you can in the video player.

IPF_9.png

Success screens

1. Mark success screens to highlight important screens visited by contributors.

IPF_10.png

2. Click the screen step to identify all the users who visited a screen.

IPF_11.png

3. To trace paths that intersect a series of screens, hover over each screen step and click Mark success screen in the pop-up.

Note: When you mark success screens, other users in your workspace can see them.

IPF_12.png

4. To trace a single contributor’s path, click a username.

IPF_13.png

5. You can also mark success screens in the click map table that appears below the IPF.

IPF_14.png

6. To turn off the success screen, click Unmark success screen either in the pop-up or click map table.

IPF_15.png

7. If you are on the Ultimate subscription plan, any success screens you define also appear in instant insights.

IPF_16.png

To export and share your Interactive Path Flows results, read our article on exporting your results to Excel. The post-export Excel sheet will show session details, metrics, notes, and clips from your selected studies.

Path Tracing

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

Switch on the Path tracing toggle.

IPF_17.png

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

IPF_18.png

To trace paths that intersect a series of screens, click each screen step.

IPF_19.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 off.

To trace a single contributor’s path, click a username.

IPF_20.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. 

To export and share your Interactive Path Flows results, read our article on exporting your results to Excel. As with those of other tasks, the results of Interactive Path Flows, after being exported to Excel, will show session details, metrics, notes, and clips from your selected studies.

Sentiment Path and Intent Path

If available on your account, the sentiment path and intent path features can be turned on to display visual patterns, laid on top of the IPF, related to the sentiment and behavior, respectively, of those individuals who completed the task.

Select the Sentiment tab to see positive (green) and negative (red) sentiments for each individual to understand their reactions as they navigated the web experience. 

IPF_21.png

Select the Intent tab to see the behaviors—such as browsing, adding an item to the cart—individuals exhibited while on their customer journey. This feature will show you what people clicked on or engaged with so as to advance to a new screen.

IPF_22.png

Summary of interactions—mobile/tablet touchscreen

Interactive Path Flows are available on both iOS and Android and are generated for mobile tests of websites. However, testing mobile apps will not generate Interactive Path Flows. Prototypes of mobile experiences will generate Interactive Path Flows if those prototypes are web-based.

Note: Interactive Path Flows are not captured when, for a mobile test, you use a native browser. Additionally, tests using the seamless recorder (i.e., Invite Network), as of yet, do not support Interactive Path Flows.

Which specific Interactive Path Flow mobile interactions are included/not included?

  • The following mobile interactions are included in Interactive Path Flows:
    • Tap
    • Scroll and pan
    • Text input
  • The following mobile interactions are NOT included in Interactive Path Flows:
    • Pinch
    • Rotate
    • Long press
    • Drag
    • Android's back button
    • Swipe
    • iOS flick-close

Summary of interactions—desktop

Interactive Path Flows are supported by Windows and Apple OS desktop, but only when a Chrome browser is used by the contributor. This includes prototypes that you point contributors to via the URL task found under Assets in the Test plan area. 

Note: As with mobile tests, tests using the seamless recorder (i.e. Invite Network) do not yet support Interactive Path Flows on desktop.

Which specific Interactive Path Flow desktop interactions are included and not included?

  • The following desktop interactions are included in Interactive Path Flows:
    • Left- or main click
    • Right- or secondary click
    • Third-button click
    • Text input
    • Scroll and pan
  • The following desktop interactions are NOT included in Interactive Path Flows:
    • Other Apple gestures

Sharing insights

There are a few ways in which you can share insights from an Interactive Path Flow. 

Select Share from the results page of your test to generate a test link to share with anyone (if that option is available on your account), or email the test to logged-in team members directly from the UserTesting Platform. Read more about how to share test results.

Note: This method will share the entire test, not just the IPF. 

Screen_Shot_2022-07-13_at_3.19.30_PM.png

You can also export your test results to an Excel file you share with your team by selecting Export to Excel under Options. However, note that the IPF visualization will not show up in your export. Instead, the export will display IPF data for specific contributors, such as "Time on task," "Clicks," "Pages," and "Unique pages."

Note: This method will export all of the test results details—details from the Sessions, Metrics tabs—and notes and clips marked as "Important" and tagged with positive or negative sentiment.

Screen_Shot_2021-10-21_at_3.22.12_PM.png

Another option is to take a screenshot of the IPF visualization and share it with your team as an image file.

Summary

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

 

Learn More

Need more information? Read these related articles.

Want to learn more about this topic? Check out our University courses.

Please provide any feedback you have on this article. Your feedback will be used to improve the article, and when you submit your survey, you'll be entered into a drawing for a $50 Amazon gift card. This survey should take five minutes to complete. Article evaluations will remain completely confidential.

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