Heatmap analizė: kaip suprasti vartotojų elgseną

Heatmap (liet. šilumos žemėlapis). Tai vizualus duomenų pateikimo būdas, kuris spalvomis parodo, kaip lankytojai sąveikauja su tavo svetainės puslapiu. Šiltos spalvos (raudona, oranžinė) rodo sritis su didžiausiu aktyvumu, o šaltos (mėlyna, žalia). Sritis, kurioms lankytojai skiria mažiausiai dėmesio. Heatmap analizė yra vienas efektyviausių būdų suprasti vartotojų elgseną ir rasti konversijų optimizavimo galimybes.

Pagal Contentsquare 2024 m. skaitmeninės patirties ataskaitą, vidutiniškai tik 54% puslapio turinio yra matoma lankytojams. Likusi pusė lieka po „lankstymo linijos” ir dažniausiai nematoma (šaltinis: Contentsquare, „Digital Experience Benchmark Report 2024″). Šilumos žemėlapiai leidžia tiksliai pamatyti, kur lankytojai iš tikrųjų žiūri, ką spaudžia ir kur nustoja domėtis.

Šiame straipsnyje sužinosi, kokie heatmap tipai egzistuoja, kaip juos skaityti, kokias įžvalgas jie atskleidžia ir kaip paversti šiuos duomenis konkrečiais svetainės patobulinimais.

Kas yra heatmap ir kam jis naudojamas?

Heatmap yra kiekybinė vartotojų elgsenos vizualizacija, kuri agreguoja šimtų ar tūkstančių lankytojų sąveikos duomenis į vieną vaizdą. Vietoj to, kad analizuotum kiekvieno lankytojo sesiją atskirai, šilumos žemėlapis parodo kolektyvinį elgsenos modelį. Kur dauguma lankytojų spaudžia, kur slinkia ir ką ignoruoja.

Heatmap naudojamas šiems tikslams:

• Identifikuoti populiariausius ir ignoruojamus elementus. Ar lankytojai mato tavo CTA mygtuką? Ar skaito svarbią informaciją?
• Rasti UX problemas. Ar lankytojai spaudžia elementus, kurie nėra nuorodos? Ar bando spausti neaktyvius elementus?
• Patvirtinti arba paneigti prielaidas. Gal manai, kad lankytojai skaito visą tekstą, bet šilumos žemėlapis rodo, kad jie skaito tik pirmas 2 eilutes?
• Generuoti A/B testavimo hipotezes. Heatmap duomenys parodo, kas negerai, ir padeda suformuluoti hipotezes, kaip tai pataisyti

Pagal Crazy Egg duomenis, įmonės, naudojančios šilumos žemėlapius kartu su kitais CRO įrankiais, pasiekia vidutiniškai 25% didesnį konversijų rodiklio augimą nei tos, kurios remiasi tik analitika (šaltinis: Crazy Egg, „Heatmap Optimization Case Studies”).

Heatmap tipai

Egzistuoja keturi pagrindiniai šilumos žemėlapių tipai, ir kiekvienas iš jų atskleidžia skirtingą vartotojų elgsenos aspektą. Norint gauti pilną vaizdą, rekomenduojama naudoti visus keturis kartu.

Paspaudimų žemėlapis (click heatmap)

Paspaudimų žemėlapis rodo, kur lankytojai spaudžia (stacionariame kompiuteryje) arba beldžia (mobiliajame įrenginyje). Tai populiariausias ir dažniausiai naudojamas heatmap tipas.

Ką atskleidžia:

• Kurie CTA mygtukai gauna daugiausiai paspaudimų
• Ar lankytojai spaudžia elementus, kurie nėra nuorodos (tai rodo UX problemą)
• Kurios navigacijos nuorodos populiariausios
• Ar lankytojai mato ir naudoja svarbius interaktyvius elementus

Pagal Hotjar tyrimą, vidutiniškai 17% paspaudimų svetainėse atitenka elementams, kurie nėra nuorodos ar mygtukai (šaltinis: Hotjar, „Click Heatmap Insights Report”). Tai rodo, kad lankytojai tikisi interaktyvumo ten, kur jo nėra. Ir tai yra aiški UX optimizavimo galimybė.

Slinkimo žemėlapis (scroll heatmap)

Slinkimo žemėlapis rodo, kiek procentų lankytojų pasiekia kiekvieną puslapio dalį. Viršutinė dalis visada bus „šilčiausia” (100% lankytojų ją mato), o kuo žemiau, tuo „šalčiau” (mažiau lankytojų nuslinkia taip toli).

Ką atskleidžia:

• Kiek procentų lankytojų mato tavo CTA mygtuką (jei jis puslapio apačioje)
• Kur yra „kritinis taškas”, kuriame daugiausiai lankytojų nustoja slinkti
• Ar ilgas turinys yra skaitomas, ar lankytojai „iškrenta” po pirmų kelių pastraipų
• Kokia optimali puslapio ilgio riba tavo auditorijai

Pagal Contentsquare duomenis, vidutiniškai tik 46% lankytojų nuslinkia iki puslapio vidurio (šaltinis: Contentsquare, „Digital Experience Benchmark Report 2024″). Tai reiškia, kad jei tavo svarbiausias CTA yra puslapio apačioje. Daugiau nei pusė lankytojų jo net nepamato.

Judėjimo žemėlapis (mouse movement heatmap)

Judėjimo žemėlapis rodo, kur lankytojai juda pelės žymekliu. Nors pelės judėjimas ne visada tiksliai atitinka akių žvilgsnį, tyrimai rodo reikšmingą koreliaciją tarp šių dviejų.

Pagal Carnegie Mellon University tyrimą, pelės žymeklio pozicija koreliuoja su akių žvilgsniu 84–88% atvejų, kai lankytojas aktyviai skaito turinį (šaltinis: Carnegie Mellon, „Relating Eye Tracking and Mouse Movements”). Tai reiškia, kad judėjimo žemėlapis yra prieinamas akių sekimo (eye tracking) pakaitalas.

Ką atskleidžia:

• Kurios puslapio sritys pritraukia daugiausiai dėmesio
• Ar lankytojai skaito turinį, ar tik skanuoja antraštes
• Kokiu keliu lankytojai „keliauja” per puslapį

Dėmesio žemėlapis (attention heatmap)

Dėmesio žemėlapis. Tai kombinuotas vaizdas, sujungiantis slinkimo, paspaudimų ir laiko duomenis. Jis rodo, kur lankytojai praleidžia daugiausiai laiko ir skiria daugiausiai dėmesio.

Tai yra pažangiausias heatmap tipas, nes jis atsižvelgia ne tik į tai, ar lankytojas matė sritį, bet ir kiek laiko joje praleido. Sritis, kurioje lankytojas praleidžia 10 sekundžių, yra vertingesnė nei ta, per kurią jis tik greitai praslinkė.

Kaip skaityti šilumos žemėlapius

Heatmap duomenys yra vertingi tik tada, kai moki juos teisingai interpretuoti. Štai pagrindiniai principai, kuriais remkis skaitydamas kiekvieną žemėlapio tipą.

Spalvų interpretacija

Standartinė spalvų skalė:

• Raudona. Didžiausias aktyvumas (daugiausiai paspaudimų, laiko ar dėmesio)
• Oranžinė/geltona. Vidutinis aktyvumas
• Žalia. Žemas aktyvumas
• Mėlyna. Mažiausias aktyvumas
• Bespalvė zona. Jokio užfiksuoto aktyvumo

Dažniausi elgsenos modeliai, kuriuos pamatysi

Analizuodamas šilumos žemėlapius, ieškokite šių dažnų modelių:

1. F rašto modelis

   Lankytojai skaito pirmą eilutę pilnai, tada vis trumpesnius fragmentus kairėje pusėje. Pagal Nielsen Norman Group, šis modelis pastebimas 79% puslapių su tekstu (šaltinis: Nielsen Norman Group, „F-Shaped Pattern of Reading on the Web”). Tai reiškia, kad svarbiausią informaciją reikia dėti kairėje viršutinėje dalyje.

2. „Klaidingi paspaudimai”

   Kai lankytojai intensyviai spaudžia neinteraktyvius elementus. Vaizdus, teksto fragmentus, ikonas. Tai rodo, kad jie tikisi funkcionalumo, kurio nėra. Tai aiški galimybė pridėti nuorodas arba interaktyvumą ten, kur lankytojai jo tikisi.

3. „Nepamatytas CTA”

   Jei slinkimo žemėlapis rodo, kad tik 30% lankytojų nuslinkia iki CTA mygtuko, o paspaudimų žemėlapis rodo mažai paspaudimų tame mygtuke. Sprendimas aiškus: perkelk CTA aukščiau arba pridėk papildomą CTA matomesnėje vietoje.

4. „Tuščia zona”

   Didelė puslapio sritis be jokio aktyvumo reiškia, kad lankytojai tą dalį tiesiog praleidžia. Ten esantis turinys arba nėra aktualus, arba vizualiai nepastebimas.

5. „Slinkimo stabdys”

   Staigus slinkimo žemėlapio „atšalimas” konkrečioje vietoje rodo, kad kažkas toje vietoje sustabdo lankytojus. Galbūt turinys tampa neaktualus, vizualinis elementas sukuria „pabaigos” įspūdį arba lankytojas jau rado tai, ko ieškojo.

Kokias įžvalgas atskleidžia heatmap duomenys

Šilumos žemėlapiai atskleidžia konkrečias, veiksmais paverčiamas įžvalgas, kurias analitikos įrankiai vieni negali suteikti. Štai pagrindinės sritys, kuriose heatmap duomenys yra neįkainojami.

Turinio efektyvumas

• Ar lankytojai skaito tavo tekstą, ar tik skanuoja antraštes?
• Kuriose pastraipose dėmesys didžiausias, o kuriose. Nulis?
• Ar svarbiausia informacija (vertės pasiūlymas, kaina, CTA) yra zonoje, kurią lankytojai mato?

Navigacijos ir struktūros problemos

• Kuriuos meniu punktus lankytojai naudoja, o kuriuos ignoruoja?
• Ar lankytojai randa tai, ko ieško, ar klaidžioja po puslapį?
• Ar puslapio ilgis tinkamas. Ar didžioji dalis turinio matoma?

Konversijų kliūtys

• Ar CTA mygtukas yra „karštoje zonoje”?
• Ar formos laukai gauna dėmesio, ar lankytojai juos praleidžia?
• Ar socialinio įrodymo elementai (atsiliepimai, logotipai) yra matomi?

Heatmap įrankiai: palyginimas

Rinkoje yra keletas pagrindinių šilumos žemėlapių įrankių, kiekvienas su savais pranašumais. Štai trys populiariausi ir jų palyginimas.

Hotjar

Hotjar. Vienas populiariausių heatmap įrankių pasaulyje, naudojamas daugiau nei 1,3 milijono svetainių. Privalumai: intuityvus naudojimas, integruoti sesijų įrašai, apklausos ir grįžtamojo ryšio formos. Nemokamas planas leidžia sekti iki 35 sesijų per dieną. Mokamas planas prasideda nuo 39 €/mėn.

Microsoft Clarity

Microsoft Clarity. Visiškai nemokamas įrankis, neturintis duomenų apimties ribojimų. Privalumai: neribotas sesijų skaičius, AI pagrįstos įžvalgos, „frustracijos” aptikimo funkcija (identifikuoja „piktus paspaudimus” ir „mirusius paspaudimus”). Integracija su Google Analytics 4 leidžia susieti elgsenos duomenis su analitika.

Pagal Microsoft duomenis, Clarity naudoja daugiau nei 1 milijonas svetainių, o „frustracijos” aptikimo funkcija vidutiniškai identifikuoja 15–20% sesijų, kuriose lankytojai patiria sunkumų (šaltinis: Microsoft, „Clarity Product Blog”).

Mouseflow

Mouseflow. Pažangus įrankis su stipriomis formų analizės ir piltuvėlių funkcijomis. Privalumai: automatinis piltuvėlių kūrimas, formų laukų analizė (kuriame lauke lankytojai daugiausia laiko praleidžia ir kur atsisako), segmentavimas pagal srauto šaltinį. Nemokamas planas. Iki 500 sesijų/mėn. Mokamas planas nuo 39 €/mėn.

Rekomendacija: pradėk nuo Microsoft Clarity. Jis nemokamas, neriboja duomenų ir turi pakankamai funkcijų daugumai svetainių. Kai supratimas apie vartotojų elgseną pagilės, galėsi pridėti Hotjar ar Mouseflow dėl papildomų funkcijų.

Kaip naudoti heatmap duomenis konversijų optimizavimui

Šilumos žemėlapiai patys savaime nepadidins konversijų. Svarbiausia, kaip tu interpretuoji duomenis ir kokie veiksmai po to seka. Štai sistemingas procesas, kaip paversti heatmap duomenis konkrečiais patobulinimais.

1 žingsnis: identifikuok „karštąsias” ir „šaltąsias” zonas

Peržiūrėk kiekvieną puslapį ir pažymėk: kur lankytojai skiria daugiausiai dėmesio? Kur mažiausiai? Ar svarbiausi elementai (CTA, vertės pasiūlymas, socialinis įrodymas) yra „karštose” zonose?

2 žingsnis: palygink su verslo tikslais

Jei CTA mygtukas yra „šaltoje” zonoje. Tai problema. Jei lankytojai daugiausia dėmesio skiria logotipui ar dekoratyviniams vaizdams. Vadinasi, vizualinė hierarchija nukreipia dėmesį ne ten, kur reikia.

3 žingsnis: suformuluok hipotezes

Kiekvienai identifikuotai problemai suformuluok hipotezę. Pavyzdžiui: „Jeigu perkelsime CTA mygtuką virš lankstymo linijos, konversijų rodiklis padidės 15%, nes slinkimo žemėlapis rodo, kad tik 35% lankytojų nuslinkia iki dabartinės CTA pozicijos.”

4 žingsnis: testuok ir matuok

Įgyvendink pakeitimą kaip A/B testą ir palygink rezultatus. Po testo paleisk naują šilumos žemėlapį ir patikrink, ar elgsenos modelis pasikeitė taip, kaip tikėjaisi.

Realūs optimizavimo pavyzdžiai su heatmap duomenimis

Štai trys tipiniai scenarijai, kuriuose šilumos žemėlapių analizė atskleidžia konkrečias problemas ir sprendimus.

Pavyzdys 1: nepamatytas CTA mygtukas

Problema: e. parduotuvės produkto puslapyje konversijų rodiklis buvo tik 1,2%. Slinkimo žemėlapis parodė, kad „Į krepšelį” mygtukas buvo puslapio apačioje, ir tik 40% lankytojų jį pamatė.

Sprendimas: CTA perkeltas virš lankstymo linijos, šalia produkto nuotraukos ir kainos.

Rezultatas: konversijų rodiklis padidėjo iki 2,8% (+133%).

Pavyzdys 2: klaidingi paspaudimai ant vaizdų

Problema: paspaudimų žemėlapis parodė, kad lankytojai intensyviai spaudžia produktų nuotraukas kategorijos puslapyje, bet nuotraukos nebuvo nuorodos. Jos nevedė į produkto puslapį.

Sprendimas: visos produktų nuotraukos paverstos nuorodomis į produkto puslapius.

Rezultatas: paspaudimų ant produktų padaugėjo 45%, o bendras konversijų rodiklis padidėjo 18%.

Pavyzdys 3: per ilgas landing page

Problema: B2B paslaugų landing page turėjo 3 000 žodžių turinio. Slinkimo žemėlapis parodė, kad 70% lankytojų nustojo slinkti po pirmos trečdalio puslapio. CTA mygtukas buvo tik puslapio pabaigoje.

Sprendimas: puslapis sutrumpintas iki 1 200 žodžių, CTA pridėtas trijose vietose (viršuje, viduryje, apačioje).

Rezultatas: konversijų rodiklis padidėjo nuo 2,1% iki 4,7% (+124%).

Heatmap analizės geriausios praktikos

Norint gauti patikimus ir naudingus heatmap duomenis, svarbu laikytis kelių principų:

• Surink pakankamai duomenų. Bent 1 000 puslapio peržiūrų prieš darydamas išvadas. Mažesnis skaičius gali duoti klaidingą vaizdą.
• Segmentuok duomenis. Analizuok atskirai mobiliųjų ir stacionarių kompiuterių vartotojus. Jų elgsena labai skiriasi.
• Kombinuok su analitika. Šilumos žemėlapis parodo kaip lankytojai elgiasi, o Google Analytics 4 . kokius rezultatus tai duoda. Kartu jie duoda pilną vaizdą.
• Žiūrėk kontekstą . „karšta” zona nebūtinai reiškia kažką gero. Jei lankytojai intensyviai spaudžia klaidos pranešimą. Tai frustracijos, ne susidomėjimo ženklas.
• Kartok reguliariai. Paleisk naujus šilumos žemėlapius po kiekvieno reikšmingo pakeitimo ir bent kartą per ketvirtį rutiniškai.

DUK. Dažniausiai užduodami klausimai

Ar heatmap sulėtina svetainę?

Modernūs šilumos žemėlapių įrankiai (Hotjar, Clarity, Mouseflow) naudoja asinchroninį JavaScript kodą, kuris kraunasi fone ir praktiškai neveikia svetainės greičio. Pagal Google Lighthouse testus, Microsoft Clarity prideda mažiau nei 0,1 sekundės prie puslapio krovimo laiko (šaltinis: Microsoft, „Clarity Performance FAQ”). Tačiau visada rekomenduojama patikrinti greičio rodiklius po įrankio įdiegimo.

Kiek laiko reikia rinkti heatmap duomenis?

Rekomenduojama rinkti duomenis bent 2–4 savaites arba iki puslapio peržiūrų skaičius pasiekia bent 1 000. Trumpesnio laikotarpio duomenys gali būti klaidingi, nes neatsižvelgia į savaitgalio ir darbo dienų elgsenos skirtumus. Puslapiams su nedideliu srautu gali prireikti 4–8 savaičių.

Ar heatmap pakeičia A/B testavimą?

Ne. Tai papildantys įrankiai. Heatmap parodo kas vyksta puslapyje (kur lankytojai spaudžia, slinkia, žiūri), bet neįrodo, kad konkretus pakeitimas pagerins rezultatus. Tam reikia A/B testavimo. Idealus procesas: heatmap → hipotezė → A/B testas → naujas heatmap.

Ar galima naudoti heatmap BDAR (GDPR) reikalavimų kontekste?

Taip, bet su tam tikromis sąlygomis. Dauguma heatmap įrankių automatiškai maskuoja asmeninius duomenis (vardus, el. pašto adresus, slaptažodžius) sesijų įrašuose. Tačiau tu privalai informuoti lankytojus per privatumo politiką ir slapukų sutikimo formą. Microsoft Clarity ir Hotjar abu yra BDAR suderinami, jei teisingai sukonfigūruoti.

Pradėk naudoti heatmap analizę savo svetainėje

Šilumos žemėlapiai yra vienas prieinamiausių ir informatyviausių CRO įrankių. Net nemokamas Microsoft Clarity gali atskleisti kritines UX problemas ir konversijų kliūtis, kurių paprastai nepastebėtum vien iš analitikos duomenų.

Jei nori profesionalios pagalbos analizuojant vartotojų elgseną ir optimizuojant svetainę remiantis duomenimis . susisiek su mumis. Mūsų konversijų auditas apima išsamią heatmap analizę, sesijų peržiūrą ir konkrečias rekomendacijas, kurios padės padidinti tavo svetainės konversijų rodiklį.