En besökare kommer till din sida. Hen letar efter något att klicka på. Kanske söker hen efter priser. Kanske vill hen kontakta dig. Kanske vill hen registrera sig. Hen skannar sidan. Hittar något som ser klickbart ut och klickar. En klick-heatmap registrerar varje klick. Var de klickar. Vad de klickar på. Till och med vad de försöker klicka på som egentligen inte är klickbart. Den sista delen är avgörande. När besökare klickar på något som inte går att klicka på visar det att de förväntade sig att det skulle gå. Det glappet mellan förväntan och verklighet visar designproblem. Klick-heatmaps förvandlar klick till förståelse.
Den här artikeln förklarar hur klick-heatmaps fungerar och vad de visar.
Vad klick-heatmaps visar
Klick-heatmaps visualiserar var besökare klickar. Varje klick registreras och sammanställs. Knappar som får klick lyser rött. Knappar utan klick visas blå. Färgens intensitet visar hur ofta det klickas.
Klick-heatmaps visar både lyckade och misslyckade klick. En besökare kan klicka på en knapp. Det är ett lyckat klick. Hen kan klicka på text som inte är en länk. Det är ett misslyckat klick. Båda syns på heatmapen.
Klick-heatmaps är sidspecifika. Du ser en sida i taget. Varje sida visar sina egna klickmönster. En heatmap för startsidan skiljer sig från en för en produktsida.
Hitta missade möjligheter
En knapp får inga klick. Varför. Kanske är den otydlig. Kanske sitter den på fel plats. Kanske läser besökarna den inte. En klick-heatmap visar att knappen är blå. Noll aktivitet. Det visar att knappen inte fungerar.
Ibland är svaret synlighet. En knapp under den synliga delen får färre klick än en i den synliga delen. Att flytta den högre upp kan hjälpa. Ibland är svaret tydlighet. En knapp med texten Läs mer får färre klick än Se priser. Ordvalet spelar roll.
Ibland är svaret konkurrens. Flera knappar konkurrerar om uppmärksamheten. Besökare klickar på en men inte på de andra. Kanske bör de andra tas bort. Kanske bör de tonas ner.
Hitta klick på element som inte går att klicka på
Besökare klickar på text som inte är en länk. De klickar på bilder som inte är knappar. De försöker interagera med element som inte är interaktiva. De här falska klicken visar förväntningar.
En besökare ser en bild och försöker klicka på den. Hen förväntade sig att den skulle öppna en större version eller ta hen någonstans. Men den är inte klickbar. Glappet visar en designmöjlighet. Kanske bör bilden vara klickbar. Kanske behöver den en etikett som säger att den inte går att klicka på.
Falska klick är guld värda. De visar vad besökare vill göra men inte kan. Att göra de här klicken möjliga ökar ofta engagemanget.
Förstå användarens avsikt utifrån klick
Var besökare klickar visar vad de vill. Många klick på priser visar att besökare bryr sig om pris. Många klick på kontaktformuläret visar att besökare vill nå dig. Klick visar avsikt utan att du frågar.
Avsiktsdatan styr besluten. Om besökare klickar mycket på priser bör priserna kanske vara mer framträdande. Om de klickar på kontakt bör kontaktformuläret kanske vara lättare att hitta.
Jämför klickmönster mellan sidor
Samma knapp på olika sidor kan ha olika klickmönster. En registreringsknapp på startsidan kanske får 10 procent klick. Samma knapp på en prissida kanske får 30 procent. Skillnaden är sammanhanget. Besökare på prissidan är mer redo att registrera sig.
Att förstå skillnaderna hjälper dig att optimera varje sida. En startsida behöver mer uppvärmning. En prissida kan vara mer direkt.
Testa ändringar med klick-heatmaps
Använd klick-heatmaps för att mäta effekten efter att du ändrat en sida. Flyttade du knappen. Kolla om klicken ökade. Ändrade du knapptexten. Kolla om klicken förändrades. Klick-heatmaps visar om din ändring fungerade.
Heatmaps före och efter berättar en historia. Före visar problemet. Efter visar lösningen. Den här datan stöder beslut vid A/B-testning.
Vanliga frågor
Betyder ett högt antal klick att knappen är bra?
Inte nödvändigtvis. Många klick kan betyda att knappen är svår att hitta, så besökare klickar flera gånger. Eller att många besökare vill ha den handlingen. Sammanhanget spelar roll. Kombinera med annan data. Med WEMASY webbplatsbyggare kan du ställa in det här direkt på din webbplats.
Ska vi ta bort knappar som inte får några klick?
Inte direkt. Undersök först. Är knappen otydlig. Sitter den på fel plats. Försök förbättra den innan du tar bort den. Ibland löser en bättre etikett eller placering det.
Kan vi se vilka besökare som klickade på vad?
Klick-heatmaps visar samlat beteende, inte enskilda resor. För enskilt beteende, använd sessionsinspelningar. Heatmaps visar skogen. Inspelningar visar träden.
Förvränger oavsiktliga klick heatmaps?
Till viss del. Ett oavsiktligt klick syns ändå som ett klick. Men oavsiktliga klick är oftast sällsynta jämfört med avsiktliga. Mönstren träder fortfarande fram tydligt.
Ska vi göra alla element som klickas på mer framträdande?
Inte nödvändigtvis. Vissa klick är misstag. Vissa är utforskande. Många klick betyder inte alltid att något är viktigt. Använd klick tillsammans med annan data för att avgöra hur framträdande något ska vara.
Hur hanterar vi klick på element som inte går att klicka på?
Det är möjligheter. Gör antingen elementet klickbart eller gör det tydligt att det inte är klickbart. Falska klick visar vad besökare förväntar sig. Att uppfylla de förväntningarna förbättrar upplevelsen.