← Takaisin sanastoon

Heatmap

Heatmap eli lämpökartta on visuaalinen työkalu, joka näyttää värikoodatulla kartalla missä verkkosivun kohdissa käyttäjät klikkaavat, liikuttavat hiirtä ja mihin he keskittävät huomionsa.

Heatmap eli lämpökartta on visualisointityökalu, joka näyttää verkkosivun käyttäjien käyttäytymisen värikoodattuna karttana. Kuumat alueet (punaiset ja oranssit) osoittavat kohtia, joissa on paljon aktiivisuutta, kun taas kylmät alueet (siniset ja vihreät) saavat vähän huomiota. Lämpökartta auttaa ymmärtämään miten käyttäjät todella käyttävät sivustoasi.

Lämpökarttoja on erilaisia: klikkauskartat näyttävät mihin käyttäjät klikkaavat, liikuttamiskartat näyttävät hiiren liikkeet, ja vierityskartat paljastavat kuinka pitkälle sivua käyttäjät vierivät. Yhdessä nämä antavat kattavan kuvan käyttäjäkokemuksesta.

Miksi lämpökartat ovat tärkeitä

Lämpökartat tekevät abstraktista datasta konkreettista. Google Analytics voi kertoa että 60% kävijöistä poistuu tietyltä sivulta, mutta lämpökartta näyttää että he yrittävät klikata kuvaa, joka ei ole klikattavissa, tai eivät huomaa tärkeää CTA-painiketta sivun alareunassa.

Pk-yrityksille lämpökartat ovat arvokas työkalu, koska ne eivät vaadi teknistä osaamista tulkita. Värikoodi on intuitiivinen – kuka tahansa näkee nopeasti mitkä alueet toimivat ja mitkä eivät. Tämä tekee optimointiehdotuksista helposti perusteltavia myös johdolle.

Lämpökartat paljastavat usein yllättäviä asioita. Saatat huomata että käyttäjät klikkaavat elementtejä, jotka eivät ole linkkejä, tai että tärkeä sisältö on liian alhaalla sivulla missä kukaan ei sitä näe. Nämä havainnot johtavat konkreettisiin parannuksiin.

Klikkauskartta

Klikkauskartta (click map) näyttää mihin kohtiin sivua käyttäjät klikkaavat. Se paljastaa onko CTA-painike riittävän näkyvä, klikkailevatko käyttäjät vääriin paikkoihin, ja huomaavatko he tärkeät linkit.

Tyypillinen löydös klikkauskartoista on että käyttäjät yrittävät klikata kuvia, vaikka ne eivät olisi linkkejä. Jos suuri osa klikkauksista kohdistuu ei-klikattavaan elementtiin, se on selkeä signaali että elementti pitäisi tehdä klikattavaksi tai muuttaa visuaalista ilmettä niin ettei se näytä klikattavalta.

Klikkauskartta auttaa myös löytämään “kuolleet alueet” – sivun osat, joihin kukaan ei klikkaa. Jos olet sijoittanut tärkeän CTA:n sellaiseen kohtaan, se selittää miksi konversiot ovat alhaiset.

Vierityskartta ja huomiokartta

Vierityskartta (scroll map) näyttää kuinka pitkälle alas sivua käyttäjät vierittävät. Se paljastaa ns. “fold”-kohdan – sen pisteen, jossa merkittävä osa käyttäjistä lopettaa vierittämisen ja poistuu sivulta.

Jos 70% käyttäjistä poistuu ennen kuin he näkevät tärkeän sisältösi, sinun täytyy joko siirtää sisältö ylemmäs tai tehdä sivun yläosasta houkuttelevampi jotta käyttäjät jatkavat lukemista. Vierityskartta tekee tämän ongelman välittömästi näkyväksi.

Huomiokartta tai liikuttamiskartta (move map) seuraa hiiren liikkeitä, jotka korreloivat usein katseen kanssa. Ihmiset katsovat yleensä sinne minne vievät hiiren. Tämä antaa viitteen siitä, mitkä sivun osat saavat eniten huomiota, vaikka käyttäjä ei klikkaisikaan.

Lämpökarttojen käyttö optimoinnissa

Käytä lämpökarttoja hypoteesien muodostamiseen A/B-testeille. Jos klikkauskartta näyttää että CTA-painike ei saa riittävästi klikkauksia, testaa eri värejä, kokoja tai sijainteja. Jos vierityskartta paljastaa että tärkeä sisältö on liian alhaalla, testaa lyhyempää johdantoa tai houkuttelevampaa aloitusta.

Yhdistä lämpökartat muuhun analytiikkaan. Jos sivu konvertoi huonosti JA lämpökartta näyttää että kukaan ei klikkaa CTA:ta, tiedät mistä aloittaa korjaus. Jos konversio on alhainen MUTTA lämpökartta näyttää paljon klikkauksia CTA:ssa, ongelma on todennäköisesti seuraavassa vaiheessa (esim. lomake).

Älä luota pelkästään lämpökarttoihin. Ne näyttävät mitä tapahtuu mutta eivät selitä miksi. Täydennä niitä istunnon tallenteilla ja käyttäjätesteillä saadaksesi syvemmän ymmärryksen käyttäjien motivaatioista ja ajatuksista.

Yhteenveto

Heatmap eli lämpökartta on visuaalinen työkalu, joka näyttää käyttäjien käyttäytymisen värikoodeilla: kuumat alueet saavat paljon huomiota, kylmät vähän. Lämpökarttoja on erilaisia: klikkauskartat, vierityskartat ja huomiokartat. Ne tekevät abstraktista datasta konkreettista ja paljastavat usein yllättäviä käyttäytymismalleja. Lämpökartat ovat erityisen arvokkaita pk-yrityksille, koska ne ovat helposti tulkittavissa ilman teknistä osaamista. Niitä kannattaa käyttää yhdessä muun analytiikan kanssa hypoteesien muodostamiseen ja sivuston optimointiin.

  • heatmap
  • lämpökartta
  • analytiikka
  • käyttäjäkokemus