Mapa de calor
Ets conscient de tota la informació que et pot donar un mapa de calor o heatmap de la teva web?
A través de les dades d’analítica web, podem treure conclusions sobre el comportament general dels usuaris quan naveguen pel nostre lloc web, prenent cada pàgina web com a unitat bàsica d’anàlisi.
No obstant això, l’abast d’anàlisi més detallats, sobre elements o parts concretes d’una pàgina web, resulta bastant limitat i, moltes vegades, subjecte a diverses interpretacions, no sempre possibles de determinar o aïllar del conjunt de dades.
Saber el que fa l’usuari mentre navega, on dirigeix la seva mirada, quines parts de la pàgina criden més la seva atenció o com es mou i interactua a través d’aquesta, ens permet analitzar com pensa i podem utilitzar aquesta informació per millorar la resposta o estructura de les nostres pàgines.
El clàssic test d’usuaris ofereix una solució per a aquest tipus d’anàlisi. Es reuneix un determinat nombre d’usuaris, s’observen com interactuen mentre naveguen per un lloc web, se’ls pot fer omplir un qüestionari i finalment s’analitzen aquestes observacions i respostes.
Realitzar aquest tipus de recerca requereix una important inversió, tant per a reunir un nombre suficient d’usuaris com per a realitzar els tests, recopilar la informació i analitzar els resultats.
No obstant això, en estar en un ambient estrany i sabent-observats, els usuaris poden comportar-se de manera diferent a com ho farien normalment, desvirtuant els resultats.
A continuació, veurem una tècnica, els mapes de calor web, o heatmaps, per analitzar com naveguen i el comportament dels usuaris en el seu entorn natural sense que se n’adonin si més no.
Així, obtindrem resultats més fiables i amb bastant menys inversió, fonamentalment per a l’anàlisi de les dades recopilades.
Què és un mapa de calor o heatmap?
A través d’una representació visual basada en un codi de colors de fàcil lectura i interpretació, el mapa de calor web d’una pàgina mostra quins elements o àrees d’aquesta presenten més interès i interacció per a l’usuari.
Per exemple, la següent imatge mostra la portada d’un lloc web en què es pot observar que els elements que més atreuen l’atenció dels usuaris són les opcions del menú de navegació (la qual cosa no és una sorpresa) i, en menor mesura, el logotip i el botó de contacte:
mapa calor clics menu 700
El codi de colors per interpretar aquests mapes de calor es pot considerar estandarditzat entre les diferents eines disponibles per a confeccionar-los, seguint un esquema similar al dels colors de l’arc de Sant Martí:
codi colors heatmap 700
A on la part esquerra, correspon a les zones més «fredes» o que produeixen menys interès o interacció entre els usuaris, i la part dreta mostra les àrees més «calents», on es concentren la major part de les interaccions dels usuaris.
Quan un element o àrea de la pàgina no presenta cap interacció o resulta ser mínima respecte a altres elements o àrees, no es codifica amb els colors (és a dir, es mostra tal com és a la pàgina), per tal de no complicar la interpretació del heatmap.
Si tornem a la imatge anterior del mapa de calor, a primera vista pot semblar que no aporta res.
Ens diu alguna cosa que ja intuïm, o suposem, fàcilment: el menú i els botons atreuen el principal interès dels usuaris.
Però imaginem que haguéssim obtingut el següent mapa de calor web:
mapa calor heatmap exemple 700
Aquí veiem que diverses opcions de menú presenten molt menys interès que la resta.
Observar aquest comportament dels usuaris pot portar-nos a reconsiderar l’estructura de navegació del nostre lloc web o la nomenclatura del menú.
Més endavant veurem aquest i altres exemples de problemes o situacions que es poden detectar amb un mapa de calor i quines solucions podem abordar per millorar la resposta de la nostra pàgina i aconseguir major interacció per part de l’usuari.
Com es fa un mapa de calor? segons la agencia marketing digital
La generació de mapes de calor web es basa en tècniques de seguiment de l’ull ( «eye tracking»), en què s’utilitzen diversos instruments per a, literalment, detectar cap a quin element o àrea d’una pàgina està mirant un usuari, com es mouen els seus ulls a través d’aquesta i on s’atura per mirar amb més deteniminento.
Encara que una tècnica molt útil, l’eye tracking presenta dos inconvenients:
Requereix una tecnologia molt costosa, no disponible en els dispositius dels usuaris domèstics.
Requereix una participació conscient dels usuaris; és a dir, saben que són observats i, com hem dit, això pot afectar el seu comportament.
Els heatmaps supleixen aquests inconvenients utilitzant una tecnologia disponible a tots els ordinadors: el ratolí.
La premissa de partida dels mapes de calor és que, quan l’usuari navega i es mou a través d’una pàgina, el moviment del cursor del ratolí coincideix, amb un alt grau de
