Lämpökartta

Mikä on lämpökartta?

Lämpökartta on visuaalinen työkalu, joka näyttää, mihin kävijät klikkaavat, liikuttavat kursoria ja keskittävät huomionsa verkkosivulla. Se käyttää värejä aktiivisuuden näyttämiseen. Punainen ja oranssi tarkoittavat paljon toimintaa. Sininen ja vihreä tarkoittavat vähäistä toimintaa. Läpinäkyvissä kohdissa ei havaittu vuorovaikutusta.^[1]

Lämpökartat keräävät dataa monilta kävijöiltä ja yhdistävät sen yhdeksi kuvaksi. Näin tiimit näkevät, miten sivu toimii käytännössä ilman yksittäisten tallenteiden katselua.

Millaisia lämpökarttoja on?

Klikkauskartat näyttävät, mihin ihmiset klikkaavat tai napauttavat. Ne paljastavat, käyttävätkö kävijät oikeasti painikkeita ja linkkejä. Ne näyttävät myös, jos ihmiset yrittävät klikata ei-klikattavia elementtejä. Se on selvä merkki sekaannuksesta.

Liikekartat seuraavat kursorin liikettä tietokoneella. Ihmiset liikuttavat kursoria lukemansa suuntaan. Tämä tekee liikekartasta karkean oppaan huomion suuntautumiseen. Mutta yhteys kursorin sijainnin ja katseen välillä ei ole täydellinen, erityisesti monimutkaisilla sivuilla.^[2]

Vieritykartat näyttävät, kuinka pitkälle sivulla kävijät vierittävät. Ne auttavat tiimejä näkemään, nähdäänkö taitoksen alapuolella oleva sisältö todella. Vieritykarttoja käsitellään usein omana kategorianaan.

Huomiokartat yhdistävät klikkaus-, liike- ja aikadatan. Ne arvioivat, mihin kävijät keskittävät ajatteluaan, eivät vain minne he liikuttavat kursoria.

Miten lämpökartat toimivat?

Lämpökartatyökalut käyttävät sivustolle lisättyä JavaScript-koodia. Kävijöiden selatessa skripti tallentaa klikkaukset ja liikkeet. Se lähettää datan analytiikka-alustalle. Kun tarpeeksi vierailuja on kerätty, työkalu luo visuaalisen kerroksen sivun kuvakaappauksen päälle.^[3]

Työkalun pitää käsitellä eri näyttökoot. Tietokoneen istunnoista tehty lämpökartta ei kuvasta mobiilikäyttäytymistä. Hyvät työkalut jaottelevat datan laitetyypin mukaan, jotta tulokset pysyvät luotettavina.

Suurilla organisaatioilla, jotka ajavat sivustoja useilla aliverkkotunnuksilla, IT-tiimien täytyy varmistaa, että skripti latautuu oikein kaikkialla.

Mitä tietosuojariskejä lämpökartoissa on?

Lämpökartatyökalut voivat vahingossa tallentaa arkaluontoista dataa. Jos kävijä kirjoittaa henkilötietoja lomakkeeseen, työkalu saattaa tallentaa sen. Luotettavat työkalut piilottavat syöttökentät automaattisesti ja antavat sivuston ylläpitäjien sulkea tiettyjä elementtejä tallennuksen ulkopuolelle.

GDPR:n mukaan lämpökarttaseurannan käyttöönotto ilman laillista perustetta on vaatimustenmukaisuusriski. GDPR-yhteensopivien analytiikkatyökalujen valitseminen ilman evästeitä vähentää tätä riskiä. Organisaatioiden pitää mainita lämpökartatyökalut tietosuojaselosteessa. Lakitiimien kannattaa arvioida toimittajan tietojenkäsittelysopimus ennen asennusta.^[1]

Julkishallinnon sivustoilla ja pankkiportaaleissa tämä arviointi on erityisen tärkeä. Nämä sivustot käsittelevät arkaluontoista käyttäjädataa, ja kaikki ilmoittamaton seuranta luo sääntelyn riskiä.

Miten tiimit käyttävät lämpökarttoja?

Sisältötiimit tarkistavat, osuvatko tärkeät viestit korkean huomion alueille. Jos tärkeä toimintakehotuspainike ei saa juuri lainkaan klikkauksia, se saattaa tarvita siirtämistä ylemmäs sivulla.

UX- ja IT-tiimit käyttävät lämpökarttoja "raivonapsautusten" löytämiseen. Ne ovat nopeita, turhautuneita klikkauksia elementteihin, jotka eivät reagoi. Raivonapsautukset viittaavat usein rikkinäisiin linkkeihin tai hämmentävään suunnitteluun.

Markkinointitiimit vertaavat lämpökarttoja ennen ja jälkeen sivun uudelleensuunnittelun. Tämä näyttää, toimiiko uusi asettelu oikeasti paremmin.

Compliance-tiimit käyttävät vieritys- ja klikkausdataa varmistaakseen, että pakolliset ilmoitukset ja suostumusilmoitukset ovat kävijöiden nähtävissä ja saavutettavissa.

Yli 50 000 sivunäkymää kuussa saavilla organisaatioilla lämpökartat muuttavat arvailun todisteiksi. Ne näyttävät, mitä kävijät oikeasti tekevät — eivät mitä tiimit olettavat heidän tekevän.

Miten Askem auttaa?

Jotkin analytiikka-alustat sisältävät lämpökartat liikennetietojen rinnalle, joten tiimien ei tarvitse asentaa ja ylläpitää erillistä työkalua. Evästeettömät lämpökartatyökalut — kuten Askem — toimivat ilman evästebanneria ja tallentavat kaikkien kävijöiden käyttäytymisen. Pankeille, terveydenhuollon organisaatioille ja viranomaisille evästeettömän ratkaisun valitseminen poistaa GDPR-riskin, joka liittyy moniin kolmannen osapuolen lämpökartatyökaluihin.

Lähteet

1. Nielsen Norman Group — Heatmaps for UX and Web Design: https://www.nngroup.com/articles/heatmap-visualizations-tasks/
2. Rodden, K., & Fu, X. (2007). Exploring How Mouse Movement Relates to Eye Movement on Web Search Results Pages. Google: https://dl.acm.org/doi/10.1145/1242572.1242604
3. Google Web Dev — Measuring user engagement: https://web.dev/articles/user-centric-performance-metrics