Pretendre millorar l'experiència d'un usuari al nostre web, botiga en línia o landing page, forma part de l'evolució i millora contínua per un constant progrés. Els mapes de calor, també anomenats heatmaps, ens proporcionen de manera visual i senzilla, que és allò que desperta més interès, Què hem de millorar, i quines coses tot just funcionen o no susciten cap interès.
Hi ha certs «deures» que són més prioritaris que d'altres depèn el que perseguim. I si es tracta de millorar la navegació online dels nostres usuaris, els mapes de calor han de copar les primeres posicions. Per això mateix, anem a veure de què es tracten, i que utilitats ens ofereixen. Quines formes de treure'n partit podem trobar. I quins recursos podem trobar per poder-los integrar-los en els nostres llocs.
Què és un mapa de calor?
Un mapa de calor és una eina que ens permet saber el comportament d'un usuari o usuaris mitjançant una representació de termografia a la nostra web. Des d'on fa clic, fins per on ha passat el ratolí. També que coses li han interessat més i quant temps ha romàs en un lloc i ha deixat de fer-ho.
Per conèixer les zones de més interès, es fa servir una escala de colors per determinar les zones «més calentes» (de major interès) i les «més fredes» (de menor interès). La gamma de colors va des dels més freds, començant pels blaus i verds, fins als més càlids, com els taronges, vermells i vermells foscos. El poder identificar els focus d'atenció, permet prendre les decisions oportunes per a millorar les experiències dels usuaris i la seva interfície per relacionar-se amb el lloc.
Tipus de mapes de calor
La representació termogràfica dels Heatmaps, com hem dit, es representen en colors segons el seu nivell d'atenció. Per a això, els colors s'agrupen entorn a una polaritat «freda o calenta». No obstant això, no existeix un únic tipus de mapa de calor. aquests poden dividir-se en 3 principals grups depenent que és el que vulguem analitzar. Des dels clics, passant pel moviment de l'cursor, fins al scroll que els usuaris facin a la nostra web (opció interessant per a scroll 's llargs o infinits, com tan de moda s'han posat).
Mapes de calor basats en els clics (Clicks Heatmaps)
De llarg, els més empleats. Permeten prendre decisions per al curt termini sobre l'efectivitat d'elements actius al nostre web a l'registrar els clics dels usuaris. D'aquesta manera, els elements concrets que podem modificar de manera ràpida, són el centre d'atenció per als mapes de calor basats en els clics. A més, a l'registrar les accions dels usuaris, fan que el grau de veracitat i importància d'aquests mapes coure més valor. Donen poc marge a dades confuses, perquè analitzen accions concretes.
Mapes de calor basats en els moviments de l'cursor (ratolí movement heatmaps)
Aquest tipus de mapes funcionen molt bé en contrast i comparació amb altres. Sobretot pels estudis que existeixen en relació al fet que on l'usuari col·loca el cursor. Més d'un 80% de les vegades els ulls van cap on va el cursor. I de la mateixa manera més d'un 80% de les vegades la mirada de l'usuari no s'acaba dirigint cap a on no ha anat el cursor. Això vol dir que les dades sobre l'atenció de l'usuari, no són 100% exactes, a l'contrari dels clics heatmaps. No obstant això, són molt propers a la realitat, i segueixen resultant de grandiosa efectivitat.
Mapes de calor basats en l'scroll (scroll heatmaps)
Molt usats en pàgines amb molt scroll o «infinit». D'aquesta manera, podem analitzar el nivell de profunditat de l'usuari a l'fer scroll i quines zones tenen més interès. A més, ajuden a determinar si està passant algun comportament inusual, com que els usuaris abandonen la pàgina a l'veure un banner. I és que depèn el disseny i el que es parli en un apartat, poden arribar a interpretar que la pàgina ha acabat i no hi ha més contingut. Una cosa que podem evitar eliminant o canviant el banner, per exemple.
Utilitats dels mapes de calor
El major benefici que podem treure dels mapes de calor prové de la interpretació que nosaltres fem d'ells. Zones que desperten poc interès i volem potenciar, o clics en llocs com imatges que no porten a cap lloc. Podem extreure conclusions de tots els comportaments dels usuaris. En el cas dels clics en banners o imatges, que no porten cap enllaç, es dedueix que desperten interès. Per tant, seria interessant que aquest clic que els usuaris van realitzar, els portaran a alguna cosa més que se li podria oferir, afegint un enllaç. En cas de no tenir disposar de res que parli o es relacioni amb aquest element passiu, es pot redirigir el clic a algun altre element. La idea final gira entorn a evitar la frustració de clickar a alguna cosa sense efectes.
En el cas dels elements actius cal analitzar que és el que no funciona. Potser un element no desperti interès o no es diferenciï com un element actiu i sigui obviat. O bé perquè es troba en una zona d'altres elements més atractius que criden l'atenció. En aquests casos, o semblants, es va a analitzar per entendre que és el que està fallant, i posar remei a la situació.
- Exemple, ressaltar un element: Potser algun altre objecte està focalitzant l'atenció. Per exemple, una crida a l'acció de colors poc cridaners situada a l'inici d'un post amb una imatge sensacional. Seria interessant canviar la tipologia de l'anomenada l'acció, canviar-la de lloc o ambdues coses.
Vull tenir mapes de calor, ¿on anar?
Hi ha diverses plataformes que permeten incorporar un mapa de calor al nostre web. El millor d'elles és la seva efectivitat, i el dolent és que majorment són de pagament. També poden ajudar a l'alentiment de càrrega de la web (sense ser una exageració), per la de tenir un altre script instal·lat, a més que convindrà modificar les galetes per advertir els usuaris (una cosa senzilla de fer).
- Yandex Metrica: En aquest cas és gratuïta i es pot provar en la seva versió demo. Ens ofereixen mapes de calor de clics i de scroll.
- Mapa de calor: Una altra eina que és gratuïta, això sí, la seva interfície és una mica complicada.
Hi ha altres eines que a l'ésser pagament no vaig incloure, i que com les altres, podem veure les valoracions d'elles. Incorporar un mapa de color, sobretot si tenim una web on oferim serveis, cursos, subscripcions, productes o qualsevol altra cosa, serà una forma intel·ligent d'optimitzar el seu funcionament. De manera que a la fi, no solament haurem millorat l'experiència de l'usuari, sinó els beneficis que nosaltres mateixos esperem.