User Testing Your Mobile Balsamiq Mockups with HeatData

The following is a guest blog post by Jason Shah of HeatData. Enjoy!


What if you could know precisely where - down to the exact pixel - people were tapping on your content, pinching and zooming on your images, and rotating their phones and tablets to get a better experience of your mobile sites and apps? Now you can share your Balsamiq mockups to HeatData and get heatmaps of user testing on mobile devices.

The HeatData team wanted to make it super simple for Balsamiq lovers to import their wireframes into HeatData and do serious user testing.

Here’s what you do to test out your mobile mockups from Balsamiq in HeatData:

1. Create your design in Balsamiq Mockups

2. Export your design as an image

We prefer for you to only export the screens, without the iPhone border.

3. Upload that design in the Mobile App Designs section of HeatData.


The HeatData Dashboard


The HeatData Mobile App Designs Section

4. Share the unique HeatData URL and have users interact with it

You can SMS, email, tweet, or simply copy+paste the URL to share it.

The HeatData “Email this URL” feature


Tapping, swiping, and interacting in other ways with the design on an iPhone

5. Magic. View your HeatData from the Balsamiq design right inside HeatData.


A drilldown page for the mockup - see all of the data, unfiltered


You can also filter down into specific events like just taps, touches, and pinches

And that’s it! So what are you waiting for? Go over to HeatData.com and load up your mobile Balsamiq mockups today.

Comments (2)

  1. Is there any way to test a living mockup using this approach, just for the simple taps, and preferably across a group of users? Now, that would be really useful.

    I cannot see that collecting ‘interaction’ from static, non-responsive images alone would tell very much, as this is not at all representative for the real interaction you would like to gauge. Or am I missing out something here?

    Odd-Wiking Rahlff
  2. Yes, great question!

    When you export Balsamiq mockups as webpages instead, then you can insert the HeatData script on those pages themselves and get unique HeatData for each page.

Leave a Comment

Your email is never published nor shared.