📹 New! Remote User Testing - Get video + voice feedback on designs and prototypes
Read more
Product Updates

Analyse your designs with heatmaps

Posted 3 years ago by Charlotte Hall
Analyse your designs with heatmaps

Last year we launched our powerful User Testing features, which enable you to record and analyse how users interact with your prototypes so you can optimise your designs based on customer insights. As well as capturing video and audio feedback, Marvel's User Testing tools can also record the screen to reveal how users move through each design in your prototype.

Today we're excited to launch a new addition to our user testing suite - Heatmaps!

Heatmaps show you an aggregated view of all clicks and mouse movements from your user tests, bringing another level of analysis into the performance of designs. You can also easily download heatmaps and share your results; ideal when presenting your research with stakeholders.

Insights you can gain from heatmaps:

Heatmaps are available on all existing user test projects but if you’re creating your first one, it’s easy to get started.

Creating your test and inviting participants

  1. Go to your dashboard
  2. Click on Create Project
  3. Click User Test
  4. Enter a name for the project
  5. Click Pick a project to select the prototype you wish to test
  6. Select either Free Roam or Goal-based test
  7. Click Invite participants
  8. Click Copy to share the link to your test or click Send email

Participants can take the test in browser or on their mobile or tablet device. They’ll navigate throughout the prototype, and leave audio and video feedback as they go. Once the test has been completed, you’ll find the result ready to watch and share with your team in Marvel.

Viewing heatmaps

Heatmaps are automatically generated as soon as you start gathering test results. Simply click on the ‘Heatmaps’ tab in your user test project to view.

Want to hear all about the latest features in Marvel? Join one of our weekly webinars as we demo what’s new and answer any of your questions in our interactive q&a.

Design and prototyping for everyone

Design and prototyping for everyone

Thousands of individuals and teams use Marvel to design and prototype ideas.

Get Started, it's Free!

Product Marketer at Marvel. Part-time true crime connoisseur. @ch_hall

Related Posts

Design has changed beyond recognition since we first launched in 2014. Back then, Photoshop was the dominant interface design tool. Design files were littered across hard drives, servers and cloud-storage. The large majority of prototyping was still done using HTML and CSS, putting it out of reach for many designers. The value of prototyping was yet to be realised. Design… Read More →

We’re constantly shipping big updates to our Sketch plugin which include improvements to both performance and experience. The Marvel Sketch plugin sends artboards, assets, code, specifications and even Sketch prototyping directly from Sketch to Marvel allowing you quickly go from idea to prototype within minutes. Based on a ton of customer feedback, we recently added a new feature that gives… Read More →

We’ve shipped dozens of new features recently based on your feedback! Here’s a closer look… Prototyping Create carousels, sidebars and more with containers! Make elements of your prototype scroll in any direction – unlocking the ability to create carousels and scrolling sidebars. The result? More realistic prototypes when testing and gathering feedback. Read more User Testing Heatmaps You can now… Read More →

Categories