- A hőtérkép megfigyelési eszköz, nem döntési eszköz: kérdést ad, a választ a teszt adja.
- Eszközkategóriánként és szegmensenként nézd, soha összevontan, és csak elegendő mintánál.
- A felvételnézés akkor ér valamit, ha előre kiválasztott szegmensből, fix darabszámmal és strukturált jegyzetsablonnal dolgozol.
- A négy leggyakoribb mintázat (halott kattintás, görgetési fal, űrlapmezős visszaugrálás, düh-kattintás) mindegyikéhez más teendő tartozik.
- Hozzájárulás nélkül ne indíts felvételt, és minden személyes adatot tartalmazó mezőt maszkolj már a kliensoldalon.
A hőtérkép a legkönnyebben eladható mérési eszköz: színes, egy pillantással érthetőnek tűnik, és egy vezetői bemutatón is jól mutat. Pont ezért vezet félre a legkönnyebben. A piros folt nem azt jelenti, hogy ott valami jól működik, a hideg zóna pedig nem azt, hogy ott valami rossz. Ebben a cikkben végigveszem, mit mér technikailag a kattintási, a görgetési és a figyelmi hőtérkép, hogyan nézz munkamenet-felvételt úgy, hogy ne a saját előfeltevésedet igazold vissza, és hogyan lesz egy megfigyelésből tesztelhető hipotézis. Az álláspontom egyszerű, és a cikk végére remélem elfogadhatónak találod: a hőtérkép kérdést ad, nem választ.
Mit mutat valójában egy hőtérkép?
Rövid válasz: aggregált interakciós adatot arról, hol történt esemény az oldaladon, de semmit nem mond arról, hogy miért történt.
Technikailag egy JavaScript-figyelő rögzíti a kattintás, görgetés és egérmozgás koordinátáit a nézetablakhoz vagy egy DOM-elemhez képest, majd az eszköz ezt visszavetíti az oldal egy pillanatképére. Ebből három beépített torzítás következik, amit érdemes fejben tartani:
- Vetítési hiba. Ha az oldal azóta változott (új szekció, másik ajánlósáv, cserélt gomb), a régi koordináták rossz helyre esnek, és olyan mintázatot látsz, ami soha nem létezett.
- Reszponzív keveredés. Mobilon és asztali gépen más az elrendezés. Ha egyben nézed a kettőt, a kép technikailag értelmezhetetlen.
- Mintanagyság. Negyven munkamenetből készült hőtérkép nem térkép, hanem zaj. Saját tapasztalat: aloldalanként és eszközkategóriánként néhány száz munkamenet alatt a kép futásonként látványosan átrendeződik, vagyis nem stabil.
Hivatalosan igazolt: a Microsoft Clarity és a Hotjar dokumentációja is kimondja, hogy a hőtérképek URL-mintánként és eszközkategóriánként külön készülnek, és mintavételezett adatokon alapulnak. Ezt nem opcionális finomhangolásként írják le, hanem az eszköz működési alapjaként.
Miben különbözik a kattintási, a görgetési és a figyelmi hőtérkép?
Rövid válasz: három különböző jelet mérnek, három különböző megbízhatósági szinten, és mindháromból más típusú kérdés fogalmazható meg.
A kattintási hőtérkép a legkeményebb adat a három közül, mert valódi felhasználói szándékhoz kötött esemény. Ez mutatja meg, mire kattintanak az emberek, beleértve azt is, amire nem lehet. Ez a legértékesebb kimenete: a nem kattintható elemekre érkező koppintás tiszta jelzés arról, hogy a felhasználó mást várt az oldaltól, mint amit kapott.
A görgetési hőtérkép azt mutatja, a látogatók hány százaléka jutott el egy adott képpont-mélységig. Ez jó eszköz a tartalom sorrendjének felülvizsgálatára, de önmagában félrevezető: az alacsony görgetési mélység lehet rossz szerkesztés, de lehet az is, hogy a felhasználó a felső harmadban megtalálta, amit keresett, és továbblépett vagy telefonált. A görgetés hiánya nem baj, hanem kérdés.
A figyelmi (attention) hőtérkép a leggyengébb lábakon áll. Ezt az eszközök jellemzően a nézetablakban töltött időből, a görgetési sebességből és az egérmozgásból számolják. Szakmai feltételezés: az egérpozíció és a tényleges tekintetirány kapcsolata korlátozott, különösen érintőképernyőn, ahol egérmozgás egyáltalán nincs, ezért a figyelmi hőtérképet inkább hangulatjelentésként kezelném, mint mérésként. Döntést semmiképp nem alapoznék rá önmagában.
Miért nem lehet hőtérkép alapján dönteni?
Rövid válasz: mert a hőtérkép leíró adat, a döntéshez viszont ok-okozati bizonyíték kell.
A hőtérkép nem tartalmaz kontrollcsoportot. Ha látod, hogy a második gombra háromszor annyian kattintanak, mint az elsőre, ebből nem következik, hogy az első gombot el kell tüntetni: lehet, hogy az elsőre kattintók fele vásárol, a másodikra kattintóké pedig egy tájékoztató aloldalon kiszáll. A hőtérkép a kattintás után nem követi a felhasználót, tehát az üzleti értéket nem látja.
A második gond a szelekciós torzítás. A felvételeket és a hőtérképeket többnyire azért nyitod meg, mert már van egy sejtésed. Ilyenkor az agy megbízhatóan megtalálja a saját igazát alátámasztó három felvételt, és nem veszi észre a negyvenet, ami ellentmond neki. Ez ellen csak módszertannal lehet védekezni, motivációval nem.
Ezért javaslom következetesen a munkamegosztást: a hőtérkép és a felvétel a felderítés (ott derül ki, hol nézz oda), az A/B teszt vagy egy tiszta előtte-utána mérés a döntés. Ha a változtatás kockázata kicsi és visszafordítható, a megfigyelés önmagában is elég indok lehet a kipróbálásra, de az eredményt akkor is mérni kell.
Hogyan vegyél mintát a munkamenet-felvételekből?
Rövid válasz: ne véletlenszerűen nézegess, hanem előre definiált szegmensből, előre rögzített darabszámban.
A felvételnézés drága: valós idő, valós figyelem. Ha rendszer nélkül csinálod, két óra alatt annyi tanulságod lesz, mint tíz perc alatt. Az alábbi mintavételi szabály jól bevált, és bármilyen eszközzel alkalmazható:
- Válassz EGY kérdést. Például: miért nem küldik el az ajánlatkérő űrlapot mobilon? Egy ülésben egy kérdés, nem három.
- Szűkíts szegmensre. Eszköz (mobil), belépési oldal vagy forgalmi forrás, és a viselkedés: az adott oldalt megnyitotta, de a konverziós eseményt nem váltotta ki.
- Vágd le a zajt. A 10 másodpercnél rövidebb és a 15 percnél hosszabb munkameneteket hagyd ki, az utóbbi jellemzően nyitva felejtett fül.
- Nézz meg 10 felvételt egyben, jegyzeteléssel. Ez általában 30 és 50 perc közötti munka.
- Állj meg, és számolj. Ha a tíz felvételből legalább háromban ugyanaz a mintázat jelenik meg, az már érdemi jel. Ha nem, nézz meg még tizet.
- Húzz kemény plafont. Harminc felvétel után hagyd abba. Saját tapasztalat: a huszadik környékén az új információ gyakorlatilag elfogy, utána már csak a saját elméletedet erősíted.
Egy külön szabály, ami sokat javít a minőségen: nézz meg öt sikeres munkamenetet is, olyanokat, ahol a felhasználó végigment a folyamaton. A kudarcok magyarázatához tudnod kell, hogy néz ki a normális.
Mit jegyzetelj nézés közben?
Rövid válasz: csak azt, amit láttál, a magyarázatot elkülönítve.
A leggyakoribb hiba, hogy a jegyzet már értelmezés: „nem tetszett neki az ár". Ezt nem láttad, ezt kitaláltad. Használj kételemű sablont, ahol a megfigyelés és a magyarázat fizikailag külön oszlopban van:
[felvétel azonosító] | [időbélyeg] | MEGFIGYELÉS (mit csinált) | LEHETSÉGES OK (sejtés) | ISMÉTLŐDÉS (hányadik)
Például: #4812 | 00:38 | háromszor rákoppintott a „Részletek" feliratra, ami sima szöveg | linknek nézte a kiemelt szövegrészt | 3/10. A jobb oldali oszlop sejtés, és annak is kell látszania. Ha a csapatban más is nézi a felvételeket, ugyanezt a sablont használjátok, mert akkor a jegyzetek összefésülhetők és az ismétlődés számolható.
Hogyan lesz a megfigyelésből hipotézis?
Rövid válasz: úgy, hogy megfogalmazod cáfolható állításként, mérőszámmal és irányral együtt.
A hipotézis sablonja, amit érdemes szó szerint kitölteni:
Mert azt látjuk, hogy [megfigyelés, N/M felvételben], feltételezzük, hogy [ok]. Ha [konkrét változtatás], akkor [mérőszám] [nő/csökken], mert [mechanizmus]. Cáfolat: ha [mérőszám] nem mozdul vagy romlik.
Kitöltve: mert a tíz mobilos felvételből négyben a felhasználó a „Részletek" feliratra koppintott, ami nem kattintható, feltételezzük, hogy a kiemelt szöveget linknek nézi. Ha a feliratot valódi, nyitható elemre cseréljük, akkor az űrlapig eljutók aránya jó eséllyel nő, mert megszűnik egy hiábavaló interakció. Cáfolat: ha az arány két hét alatt sem mozdul.
A „cáfolat" sor a legfontosabb. Ha nem tudod előre megmondani, mi cáfolná a hipotézisedet, akkor nem hipotézised van, hanem véleményed, és a teszt eredményét utólag fogod magyarázni.
Melyik a négy tipikus mintázat, és mi a teendő?
Rövid válasz: a halott kattintás, a görgetési fal, az űrlapmezős visszaugrálás és a düh-kattintás. Mind a négy más beavatkozást kér.
1. Halott kattintás nem kattintható elemen
Ikonra, képre, kiemelt szövegre vagy egy árlistás táblázat sorára koppintanak, de nincs mögötte funkció. Ez elvárás-hiba: a vizuális megjelenés interaktivitást ígér. Teendő: vagy tedd kattinthatóvá (a legtöbb esetben ez az olcsóbb és jobb út, mert a felhasználó megmondta, mit akar), vagy vedd el a link-jelleget a stílusból. Saját tapasztalat: a képekre és a termékdobozok teljes felületére érkező halott koppintás az egyik leggyakoribb és leggyorsabban javítható hiba magyar weboldalakon.
2. A görgetés megáll egy szekciónál
A görgetési hőtérkép egy adott szekciónál meredeken zuhan. Két teljesen ellentétes ok lehetséges: a szekció lezárásnak látszik (nagy, egész szélességű kép vagy színes sáv, ami vizuálisan oldal végét sugall), vagy a tartalom válaszolt a kérdésre. Teendő: először nézd meg felvételen, mi történik a zuhanás pillanatában, és csak utána nyúlj hozzá. Ha a kilépések aránya is ott ugrik meg, elrendezési gond; ha ott hívások vagy űrlapkitöltések történnek, akkor éppen jól működik.
3. Visszaugrálás egy űrlapmezőnél
A felhasználó kitölt egy mezőt, továbbmegy, majd visszaugrik ugyanabba a mezőbe, esetleg többször. Ez majdnem mindig validációs vagy megfogalmazási probléma: a hibaüzenet nem mondja meg, mi a baj, a formátum-elvárás rejtett (telefonszám, adószám, irányítószám), vagy a mező elveszti a beírt tartalmat. Teendő: nézd meg, melyik mezőnél a legnagyobb az elhagyás, írd át a címkét és a hibaüzenetet konkrétra, és engedd meg a többféle formátumot a bevitelnél. Az űrlap-elemzés riport (field drop-off) itt többet ér, mint maga a hőtérkép.
4. Düh-kattintás és ismételt frissítés
Rövid időn belül sok kattintás ugyanarra a pontra. Ez jellemzően lassú válasz, néma hiba vagy nem visszajelző gomb. Teendő: ezt ne UX-kérdésként kezeld, hanem technikaiként: nézd meg a konzolhibákat, a hálózati válaszidőt és azt, hogy a gomb ad-e azonnali vizuális visszajelzést a kattintásra.
Mit kell tudni a hozzájárulásról és a mezők maszkolásáról?
Rövid válasz: a munkamenet-felvétel személyes adatot kezelő eszköz, ezért hozzájárulás nélkül nem indulhat, és a bevitt tartalmat alapértelmezetten maszkolni kell.
Hivatalosan igazolt: a felvételkészítő eszközök a végfelhasználói eszközön tárolnak és olvasnak adatot, ezért a GDPR és az elektronikus hírközlési adatvédelmi szabályok szerint előzetes, tájékozott hozzájárulás kell hozzájuk. Ez a gyakorlatban azt jelenti, hogy a felvételi szkript a sütibanner statisztikai vagy analitikai kategóriájához kötve, csak elfogadás után töltődhet be, és a hozzájárulás visszavonásának is le kell állítania.
A maszkolás nem opcionális finomhangolás. Az eszközök többsége támogatja az elemszintű elrejtést, amit érdemes minden érzékeny mezőre kitenni, nem csak a nyilvánvalókra:
<input type="email" name="email" data-hj-suppress class="ph-no-capture" data-clarity-mask="true">
Ellenőrzőlista a maszkoláshoz: név, e-mail, telefonszám, cím, adószám, születési dátum, szabad szöveges üzenetmező, minden fizetési adat, a bejelentkezés utáni fiókoldalak, a kosár és a pénztár személyes mezői, valamint a feltöltött fájlok neve. Saját tapasztalat: a szabad szöveges üzenetmezőt felejtik el a leggyakrabban, pedig abba írják bele az emberek a legtöbb azonosítható részletet. Külön figyelj a beágyazott, iframe-ben futó űrlapokra és fizetési felületekre: ott a saját maszkolási szabályod nem feltétlenül érvényesül, ezért a biztonságos alapbeállítás az, hogy azokat a területeket teljesen kizárod a rögzítésből.
Gyakorlati kiegészítés: a felvételek megőrzési idejét állítsd a lehető legrövidebbre, ami még elég az elemzéshez, és tartsd nyilván az adatkezelési tájékoztatóban, hogy milyen eszközt használsz, mit rögzít, és meddig őrzöd. Ha a felvételekhez külső partner is hozzáfér, arra adatfeldolgozói szerződés kell.
Milyen ellenőrzőlistával indulj neki?
Rövid válasz: a hasznos elemzés fele az előkészítés, amit a felvételnézés előtt kell elvégezni.
- A hőtérkép URL-mintája pontosan egy sablont fog-e (terméklap, blogcikk, ajánlatkérő), nem keverten többet.
- Eszközkategóriánként külön nézed, és a mintanagyság minden kategóriában elég.
- Az oldal nem változott az adatgyűjtés időszaka alatt; ha igen, az előtte szakaszt dobd el.
- A hozzájárulási banner működik, a szkript csak elfogadás után fut, a maszkolás ellenőrizve van egy teszt-kitöltéssel.
- Van egyetlen, leírt kérdésed, és előre rögzített darabszámú felvételt nézel meg rá.
- Van jegyzetsablonod, amiben a megfigyelés és a sejtés külön oszlop.
- A végén hipotézis születik, cáfolati feltétellel és mérőszámmal.
- A döntés tesztből jön, nem a felvételből; a teszt előkészítését és a leállítási szabályt előre kimondod.
A hőtérkép és a felvétel attól lesz értékes eszköz, hogy tudod, hol a határa. Megmutatja, hol akad el a figyelem, hol kattintanak hiába, hol kezdenek el újra és újra ugyanabba a mezőbe írni. Ez rengeteg. Azt viszont, hogy a javításod tényleg segített-e, csak mérésből tudhatod meg, és semmilyen eszköz nem garantál javulást attól, hogy szép színes térképet rajzol.
Források és további olvasnivalók
- Microsoft Clarity dokumentáció (hőtérképek, felvételek, maszkolási beállítások)
- Hotjar Help Center (heatmaps, recordings, privacy and suppression)
- Google Analytics 4 súgó (események, szegmensek, adatmegőrzés)
- Google Search Central dokumentáció (oldalélmény, Core Web Vitals)
- Az Európai Adatvédelmi Testület (EDPB) iránymutatásai a hozzájárulásról
- Nemzeti Adatvédelmi és Információszabadság Hatóság (NAIH) tájékoztatói a sütikről
- W3C Web Content Accessibility Guidelines (érintési célterület mérete, fókuszkezelés)
- Nielsen Norman Group cikkei a használhatósági tesztelés mintanagyságáról
Gyakori kérdések
Hány munkamenet-felvételt kell megnézni egy kérdéshez?
Kezdj tízzel egy jól szűkített szegmensből, és ha ugyanaz a mintázat legalább háromban megjelenik, az már érdemi jel. Ha nem, nézz meg még tizet. Harminc felvétel után állj meg: onnantól jellemzően nem új információ jön, hanem a saját elméleted megerősítése.
Elég-e a hőtérkép ahhoz, hogy átalakítsam egy oldal elrendezését?
Önmagában nem. A hőtérkép megmutatja, hol történt esemény, de nem mutatja meg az okot, és nincs benne kontrollcsoport. Kis kockázatú, visszafordítható változtatásnál lehet elég indok a kipróbálásra, de az eredményt akkor is mérni kell, nagyobb átalakításnál pedig A/B teszt vagy tiszta előtte-utána mérés a helyes út.
Kell-e hozzájárulás a munkamenet-felvételhez?
Igen. A felvételkészítő eszköz a felhasználó eszközén tárol és olvas adatot, és jellemzően személyes adatot is rögzít, ezért előzetes, tájékozott hozzájárulás kell hozzá. A szkript csak a sütibanner elfogadása után töltődhet be, és a hozzájárulás visszavonásakor le kell állnia.
Mit jelent a halott kattintás, és mindig hiba?
Halott kattintásnak azt hívjuk, amikor a felhasználó olyan elemre koppint, amelynek nincs funkciója. Nem mindig hiba, de mindig információ: azt mutatja meg, mit várt el a felhasználó. A legtöbb esetben olcsóbb és hasznosabb valóban kattinthatóvá tenni az elemet, mint elvenni tőle a link-jelleget.
Miért csökken hirtelen a görgetési hőtérkép egy szekciónál?
Két ellentétes oka lehet: a szekció vizuálisan oldalvégnek látszik (nagy, egész szélességű kép vagy színes sáv), vagy a tartalom éppen megválaszolta a felhasználó kérdését, ezért továbblépett vagy telefonált. Nézd meg felvételen, mi történik a zuhanás pillanatában, és csak utána nyúlj az elrendezéshez.
Melyik mezőket kell maszkolni a felvételekben?
Név, e-mail, telefonszám, cím, adószám, születési dátum, minden fizetési adat, a szabad szöveges üzenetmező, a bejelentkezés utáni fiókoldalak és a feltöltött fájlok neve. A szabad szöveges mezőt felejtik el a leggyakrabban, pedig abba írják az emberek a legtöbb azonosítható részletet. Beágyazott, iframe-es fizetési felületeket teljesen zárj ki a rögzítésből.
Források és további olvasnivalók
Ezen az oldalon a hivatalosan igazolt információt elsődleges forrásokból építjük fel; a saját tapasztalatot és a szakmai becslést mindig külön jelöljük a szövegben.