Click Maps

 

At a Glance

Click maps let you quickly gain insight into contributors’ interaction patterns. Discover at a glance which screen elements contributors interacted with the most—or get a detailed list of every interaction contributors had with an individual screen element. Because click maps aggregate all contributors’ data into an interactive representation, you can analyze results from larger groups of contributors.

 

Click maps are 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:

  1. How to Get Click Maps
  2. How It Works
  3. Summary of Interactions - Mobile/Tablet Touchscreen
  4. Summary of Interactions - Desktop
  5. Sharing Insights

 

How to Get Click Maps

Click maps will appear on the Metrics tab when:

  • You add blank tasks to tests on desktop sites, web-based prototypes, and mobile websites.
  • Contributors interact with a web page in a Chrome browser, including web-based prototypes.

Note: If contributors interact with only one screen, a single click map is displayed for the task. If contributors interact with multiple screens, multiple click maps are displayed as part of the Interactive Path Flow.

Click maps will NOT appear if:

  • Contributors interact with a static image hosted on a Google Drive, OneDrive, or similar, including PDFs or images hosted by UserTesting (Image Assets).
  • The test is conducted on a mobile app.
  • The test is conducted using a browser other than Chrome or is conducted with the Invite Network.

Also note that when using long scrolling prototype pages built in tools such as Invision or Figma, the click positions may be inaccurate once the contributor scrolls the page.

How It Works

Add a task (located under Tasks and Questions) when you build your test. 

ClickMaps.png

Click maps will display on the Metrics tab of a test’s results page under each task.

Screen_Shot_2022-02-04_at_2.25.55_PM.png

They will also appear as part of an Interactive Path Flow if the contributor visits multiple screens during a task. Select a screen step to view the click map associated with it.

Screen_Shot_2022-02-04_at_2.26.47_PM.png

When you look at a click map, you see a picture of the screen contributors interacted with and an overlay with circles. The circles show where contributors interacted with the screen. A table listing all contributors’ interactions with the screen displays next to the click map.

ⓘ Note: Smaller circles represent fewer interactions and larger circles represent more interactions.

Screen_Shot_2022-02-04_at_2.27.53_PM.png

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

Screen_Shot_2022-02-04_at_2.28.19_PM.png

Click the circle to see a table of contributors’ interactions with the element. Click the play button in each row 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 like you can in the video player.

Screen_Shot_2022-02-04_at_2.28.46_PM.png

To see all the interactions of a single contributor, click the username. Note: You only have the option to view all interactions of a single contributor if the click map is part of an Interactive Path Flow.

Screen_Shot_2022-02-04_at_2.29.54_PM.png

To export and share your click maps results, read our article on exporting your results to Excel. Like other task results, click maps results in Excel will show session details, metrics, notes, and clips from your selected studies. 

Summary of Interactions - Mobile/Tablet Touchscreen

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

Which specific click map mobile interactions are included and not included?

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

Summary of Interactions - Desktop

Click maps are supported on 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 Asset. 

Which specific click map desktop interactions are included and not included?

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

Sharing Insights

There are a few ways in which you can share insights from click maps.

Select Share from the results page of your test to generate a test link to share with anyone (if 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 click maps.

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 click maps visualization will not show up in your export. Instead, the export will show data for specific contributors, like time on task, clicks, pages, and unique pages. Read more about how to export test results.

Note: This method will export all of the test results details, including Session details, Metrics, and Notes and Clips marked as "Important" and tagged with sentiment.

Screen_Shot_2021-10-21_at_3.22.12_PM.png

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

 

Learn More

Need more information? Read these related articles.

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

Was this article helpful?
3 out of 4 found this helpful