“Usability is about people and how they understand and use things, not about technology” ~ Steve Krug

At my last meeting with one of my teammates, we started building a prototype for a project. Our aim with the prototype was to study the flow of a specific purpose about the project, collect and analyze some analytics and outline our next moves. As a developer, I wanted to profile the prototype, but obviously, mine wasn’t the only opinion on the table. So I asked if someone needed analytics, and the answer was “heatmaps?”.

What are and what to use

Heatmaps are a way to visualize data about how someone uses a service or a feature. For a web page, heatmaps can show how users move the mouse or touch the page. They usually use colours gradients to represent data.

So why do I need heatmaps? Heatmaps can help UX analyst to have a better understanding of where users focus their attention.

A great library for that is  heatmap.js: open-source, available on  Github and under MIT License.

Heatmap.js website with live heatmap tracking

#laravel #javascript #user-experience #heatmap #data-driven