A látogató megérkezik az oldaladra. Keres valamit, amire kattinthat. Talán az árakat keresi. Talán kapcsolatba akar lépni veled. Talán fel akar iratkozni. Végigfutja az oldalt. Talál valamit, ami kattinthatónak látszik, és rákattint. A kattintási hőtérkép minden kattintást rögzít. Hol kattintanak. Mire kattintanak. Még azt is, mire próbálnak kattintani, ami valójában nem kattintható. Ez az utolsó rész döntő. Amikor a látogatók olyasmire kattintanak, ami nem kattintható, az azt mutatja, hogy kattinthatónak várták. Ez az elvárási eltérés dizájnproblémákat tár fel. A kattintási hőtérképek a kattintásokat megértéssé alakítják.
Ez a cikk bemutatja, hogyan működnek a kattintási hőtérképek, és mit fednek fel.
Mit mutatnak a kattintási hőtérképek
A kattintási hőtérképek megjelenítik, hová kattintanak a látogatók. Minden kattintást rögzít és összesít. Az a gomb, amelyre kattintanak, pirosan világít. Az a gomb, amelyre nem kattintanak, kéken jelenik meg. A szín intenzitása a kattintások gyakoriságát mutatja.
A kattintási hőtérképek a sikeres és a sikertelen kattintásokat is mutatják. A látogató rákattinthat egy gombra. Az sikeres kattintás. Rákattinthat egy szövegre, ami nem hivatkozás. Az sikertelen kattintás. Mindkettő megjelenik a hőtérképen.
A kattintási hőtérképek oldalspecifikusak. Egyszerre egy oldalt látsz. Minden oldalnak saját kattintási mintái vannak. A főoldal hőtérképe más, mint egy termékoldalé.
Azonosítsd az elmulasztott lehetőségeket
Egy gombra nem kattintanak. Miért? Talán nem egyértelmű. Talán rossz helyen van. Talán a látogatók nem olvassák el. A kattintási hőtérkép azt mutatja, hogy a gomb kék. Nulla aktivitás. Ez azt jelzi, hogy a gomb nem működik.
Néha a válasz a láthatóság. A hajtás alatti gomb kevesebb kattintást kap, mint a hajtás feletti. Segíthet, ha a hajtás fölé teszed. Néha a válasz az érthetőség. A „Tudj meg többet" feliratú gomb kevesebb kattintást kap, mint az „Árak megtekintése". A megfogalmazás számít.
Néha a válasz a versengés. Több gomb verseng a figyelemért. A látogatók az egyikre kattintanak, a többire nem. Talán a többit el kellene távolítani. Talán vissza kellene fogni a hangsúlyukat.
Találd meg a nem kattintható elemekre kattintást
A látogatók olyan szövegre kattintanak, ami nem hivatkozás. Olyan képre kattintanak, ami nem gomb. Olyan elemekkel próbálnak interakcióba lépni, amelyek nem interaktívak. Ezek a téves kattintások az elvárásokat mutatják.
A látogató lát egy képet, és megpróbál rákattintani. Azt várta, hogy nagyobb változatot nyit meg, vagy elvisz valahová. De nem kattintható. Ez az eltérés dizájnlehetőséget tár fel. Talán a képnek kattinthatónak kellene lennie. Talán fel kell tüntetni rajta, hogy „nem kattintható".
A téves kattintások aranyat érő adatok. Megmutatják, mit szeretnének tenni a látogatók, de nem tudnak. Ezeknek a kattintásoknak a megvalósítása gyakran javítja az elköteleződést.
Értsd meg a felhasználói szándékot a kattintásokból
Az, hogy hová kattintanak a látogatók, megmondja, mit akarnak. Az árakra sok kattintás azt mondja, hogy a látogatókat érdekli az ár. A kapcsolatfelvételi űrlapra sok kattintás azt mondja, hogy a látogatók el akarnak érni téged. A kattintások kérdezés nélkül feltárják a szándékot.
Ez a szándékadat eligazítja a döntéseket. Ha a látogatók sokat kattintanak az árakra, talán az árazásnak szembetűnőbbnek kellene lennie. Ha a kapcsolatfelvételre kattintanak, talán a kapcsolatfelvételi űrlapot könnyebben kellene megtalálni.
Hasonlítsd össze a kattintási mintákat az oldalak között
Ugyanannak a gombnak különböző oldalakon más lehet a kattintási mintája. A főoldalon a feliratkozás gomb 10 százalék kattintást kaphat. Ugyanez a gomb egy árazási oldalon 30 százalékot. A különbség a kontextus. Az árazási oldal látogatói készebbek a feliratkozásra.
E különbségek megértése segít az egyes oldalak optimalizálásában. A főoldalnak több bemelegítés kell. Az árazási oldal lehet közvetlenebb.
Tesztelj változtatásokat kattintási hőtérképekkel
Egy oldal módosítása után használj kattintási hőtérképeket a hatás mérésére. Áthelyezted a gombot? Nézd meg, nőttek-e a kattintások. Megváltoztattad a gomb szövegét? Nézd meg, változtak-e a kattintások. A kattintási hőtérképek megmutatják, bevált-e a változtatásod.
Az előtte és utána hőtérképek történetet mesélnek. Az előtte a problémát mutatja. Az utána a javítást. Ez az adat támogatja az A/B tesztelési döntéseket.
Gyakran ismételt kérdések
A sok kattintás azt jelenti, hogy jó a gomb?
Nem feltétlenül. A sok kattintás jelentheti, hogy a gombot nehéz megtalálni, ezért a látogatók többször rákattintanak. Vagy azt, hogy sok látogató akarja azt a műveletet. A kontextus számít. Kombináld más adatokkal. Ha WEMASY weboldalépítőt használsz, ezt közvetlenül a weboldaladon be tudod állítani.
Töröljük a gombokat, amelyekre nem kattintanak?
Nem azonnal. Előbb vizsgáld meg. Nem egyértelmű a gomb? Rossz helyen van? Próbáld javítani, mielőtt eltávolítod. Néha egy jobb felirat vagy elhelyezés megoldja.
Láthatjuk, melyik látogató mire kattintott?
A kattintási hőtérképek az összesített viselkedést mutatják, nem az egyéni útvonalakat. Az egyéni viselkedéshez használj munkamenet-felvételeket. A hőtérképek az erdőt mutatják. A felvételek a fákat.
Elferdítik a hőtérképet a véletlen kattintások?
Valamennyire. A véletlen kattintás is kattintásként jelenik meg. De a véletlen kattintások általában ritkák a szándékosakhoz képest. A minták így is egyértelműen kirajzolódnak.
Tegyük szembetűnőbbé az összes kattintott elemet?
Nem feltétlenül. Egyes kattintások tévedések. Mások felfedezők. A sok kattintás nem mindig jelent fontosságot. A kattintásokat más adatokkal együtt használd a hangsúly eldöntésére.
Hogyan kezeljük a nem kattintható elemekre kattintást?
Ezek lehetőségek. Vagy tedd kattinthatóvá az elemet, vagy tedd világossá, hogy nem kattintható. A téves kattintások megmutatják, mit várnak a látogatók. Ezeknek az elvárásoknak a teljesítése javítja az élményt.