Published on <a href="https://blog.prototypr.io/touch-heatmaps-the-future-of-mobile-app-usability-testing-3e6be37b01e5?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Appsee <img alt="" src="https://cdn-images-1.medium.com/max/750/0*OV--PGnM1nRxrz1t.jpg">
Testing the usability of your mobile app in 2017 means going well above and beyond what is usually considered ‘best practices’. Opting for <a href="http://usabilitygeek.com/group-user-testing-the-power-of-focus/">focus groups to test</a> both during development and after release is a welcome approach, but it is not without its drawbacks. Same goes for monitoring your app with traditional, quantitative analytics that provide you with numerical data.
Obviously, you will want to have real people, and a part of your target audience at that, to test your app and tell you if they see anything in its user interface or user experience that they found unappealing or lacking. There is no more hands-on or direct way to understand your app’s strengths and weaknesses than through the eyes and hands of your users.
However, placing people in a testing environment <a href="https://www.psychologytoday.com/blog/mind-my-money/200807/familiarity-bias-part-i-what-is-it">changes their mindset</a>. Knowing that they are being watched and monitored affects the way they use the app — it changes the use of gestures, as well as the time spent on different screens, skewing your results.
On the technical side, your app can perform differently in a testing environment versus out in the real-world.
As you might imagine, having distorted results on the use of gestures in an app can have profound effects on the usability of an app and, consequently, on the user experience.
As for quantitative analytics, having numerical data is a great first step to learning more about the gesture usage within an app. Its biggest drawback, however, is that it cannot help you visualise key user inputs.
Yes, you know 25 percent of your users attempt to swipe up to bring the full menu, but why? The key question remains unanswered. This is where you can harness the power of a relatively new, qualitative analytics tool — touch heatmaps.
<h3>Touch What?</h3>
Heatmaps. This is a tool that aggregates all the data on the various gestures used to interact with an app (taps, double-taps, swipes, pinches, etc.). This data is then presented visually, as a heatmap, on a layer placed over the actual app. That way it becomes easy to literally see <a href="https://pm.appsee.com/2016/08/24/infographic-how-to-use-touch-heatmaps-to-improve-your-mobile-ui/?cpnid=701b0000000Wd7c&amp;utm_source=medium&amp;utm_medium=link&amp;utm_campaign=touch_heatmaps_future_mobile_app_usability_testing">where people are interacting with the app</a> and in what frequency.
The frequency of these interactions is colour-coded, using a typical heatmap gradient from blue to red. Blue represents places where interactions are at the lowest, while red represents the exact opposite. Spotting most (and least) popular navigation elements, app pages and features becomes effortless.
<img alt="" src="https://cdn-images-1.medium.com/max/750/0*o2Xh5ScTqEHEezxc.jpg">Image Source: <a href="https://www.appsee.com/?utm_source=usability_geek&amp;utm_medium=link&amp;utm_campaign=touch_heatmaps_post">Appsee</a>
<h3>Touch Heatmaps and Usability Testing</h3>
Testing the usability of an app essentially means paying close attention to all UI elements and the UX, in general, to make sure the app is intuitive and straightforward, that it is allowing users to go about their business quickly and get a problem solved promptly. This is what makes <a href="https://pm.appsee.com/2017/06/29/unresponsive-mobile-gestures-your-mobile-apps-hidden-troublemakers/?cpnid=701b0000000Wd7c&amp;utm_source=medium&amp;utm_medium=link&amp;utm_campaign=touch_heatmaps_future_mobile_app_usability_testing">watching for unresponsive gestures</a> one of the pillars of modern usability testing.
Unfortunately, many app pros are oblivious to unresponsive gestures and are clueless to the fact that unresponsive gestures that are left unresolved can ruin months and months of hard work. Unresponsive gestures are moments whenever a user interacts with an app, and his/her gesture is met with no response from the app, whatsoever.
There could be many reasons behind unresponsive gestures. Maybe the app has a bug causing a particular button to be unresponsive. Maybe the user is attempting an incorrect gesture (swiping instead of double-tapping, for example). Another reason may be that users are trying to interact with an app’s element that was not designed to be interacted with at all (for example, confusing an image for a button, or trying to swipe away from the app’s final screen).
<img alt="" src="https://cdn-images-1.medium.com/max/750/0*ENQN1f4JB1Rex3QT.jpg">An example of unresponsive gesture occurrences at the bottom of a ‘Login’ screen. Image Source: <a href="https://www.appsee.com/?utm_source=usability_geek&amp;utm_medium=link&amp;utm_campaign=touch_heatmaps_post">Appsee</a>
Whatever the case may be, unresponsive gestures are an important issue for an app’s usability and require immediate attention. Traditional, quantitative analytics will not be able to provide useful insight on unresponsive gestures. Focus groups might come across unresponsive gestures, but they might not react in the same manner as they would in the ‘real world’. They know they are supposed to test the app, so their perception of unresponsive gestures might be distorted. In a real-life scenario, however, this could lead to frustration, app abandonment and poor reviews in app stores.
<h3>Tracing Patterns</h3>
Monitoring unresponsive gestures should be a fundamental practice for all product managers and developers. But that is not the only way touch heatmaps should be used to test for usability issues. With the help of such a tool, devs and product managers can identify other usage patterns that might signal UI or UX issues, like the problem of various screen resolutions breaking the app’s design. This typically was more important for Android developers, as those devices come in all shapes and sizes.
However, Apple’s iPhones are growing bigger, and the iPad portfolio is growing stronger, making screen size optimisation equally important across both major mobile operating systems. With touch heatmaps, developers can spot if individual app elements appear off-screen, or if certain screen sizes break the app’s design.
<img alt="" src="https://cdn-images-1.medium.com/max/750/0*_4gSkS944OYkaDzR.jpg">Image Source: <a href="https://www.gottabemobile.com/">Gottabemobile</a>
Then, there is the issue of distractions. Are your users being distracted by elements that they should not be distracted by? With touch heatmaps, it is relatively easy to discover if your users’ attention is all over the place. If gesture activity is spread all across the screen, instead of being focused on a couple of essential functions or CTAs, your users are most likely distracted. Once discovered, you can use focus groups or other types of polls to ask your users what is missing on a specific app screen, or ask for suggestions how to improve.
<h3>To Usability and Beyond!</h3>
Usability testing continues to be a key factor when creating a well-built, successful mobile app. However, a decade into mobile apps development, user expectations have changed, and with them our approach to testing mobile app usability.
While some ‘classic’ methods have managed to endure through the shifting tides of the mobile industry, new ones have emerged to fill in the blanks and complement them in critical areas. Organizing focus groups and having people test the app in person is still essential. So is the use of quantitative analytics tools, as numerical data will always remain a sturdy alarm trigger.
App pros are finding multiple ways to employ touch heatmaps when building apps, usability testing included. Tracking and eliminating unresponsive gestures, tracing patterns of user behaviour on various screen sizes, or highlighting user distraction are all great use cases for touch heatmaps. They are offering app pros a new, clear and unbiased picture of their app’s usability, eventually helping them build better apps, easier.
Originally published on <a href="https://usabilitygeek.com/touch-heatmaps-mobile-app-usability-testing/">Usability Geek</a>.
<a href="https://www.appsee.com/ebooks/qualitative-guide?cpnid=701b0000000Wd7c&amp;utm_source=medium&amp;utm_medium=banner&amp;utm_campaign=touch_heatmaps_future_mobile_app_usability_testing"><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*oyG1YyZmobGmzumEFfCV6A.png"></a><a href="https://www.appsee.com/ebooks/mobile-app-growth-hacking?cpnid=701b0000000Wd7c&amp;utm_source=medium&amp;utm_medium=banner&amp;utm_campaign=touch_heatmaps_future_mobile_app_usability_testing"><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*gfADJqpyJI7PIorF_-LtIw.png"></a><img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=3e6be37b01e5" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou">
<hr>
<a href="https://blog.prototypr.io/touch-heatmaps-the-future-of-mobile-app-usability-testing-3e6be37b01e5">Touch Heatmaps: The Future of Mobile App Usability Testing</a> was originally published in <a href="https://blog.prototypr.io">Prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

Touch Heatmaps: The Future of Mobile App Usability Testing

Top Stories