Get the latest Laravel/PHP jobs, events and curated articles straight to your inbox, once a week
Source: medium.com
Laravel Data-Driven Strategies #3: improve your UX using heat maps and clicCategory: Laravel, javascript
Usability is about people and how they understand and use things, not about technology” ~ Steve Krug 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.
The goodness of the heatmap is strictly related to the data, so with few data, your map won’t really reflect your user's behaviour.
RRWeb stores lots of data, so: Once you have your data, you just: My testing dataset is small, just 2370 records (a user session of some minutes) so min and max values are small for this case.
Remember that to really reproduce user behaviours, you should report data on the correct scale: if you want to build a heatmap at 1920x1080 and your data is at 1280x720, you should consider using a scaling factor of 1.5x or to build different heatmaps based on data.
The goodness of the heatmap is strictly related to the data, so with few data, your map won’t really reflect your user's behaviour.
RRWeb stores lots of data, so: Once you have your data, you just: My testing dataset is small, just 2370 records (a user session of some minutes) so min and max values are small for this case.
Remember that to really reproduce user behaviours, you should report data on the correct scale: if you want to build a heatmap at 1920x1080 and your data is at 1280x720, you should consider using a scaling factor of 1.5x or to build different heatmaps based on data.
Newsletter
ToastMail
Achieve superior email deliverability with ToastMail! Our AI-driven tool warms up inboxes, monitors reputation, and ensures emails reach their intended destination. Sign up today for a spam-free future.
Community Partners
Laravel/PHP Careers