Sådan bruges heatmaps og sessionoptagelser. Find UX-blinde pletter på e-handelsweben.

Smuk web, god trafik ... men hvorfor kommer ikke salget? Problemet, som ejeren af e-handelen stødte på, men ikke vidste, hvordan man fikser.
Har du nogensinde følt dig sådan? Du har enormt markedsføringsbudget. Skydning, indtil trafikken er kommet ind på dit e-handelswebsted hver dag. Der er så mange mennesker ... men hvorfor er ordren så stille? Kunder tilføjer produkter til kurven og forsvinder derefter. Forlader kurven er det som at spille som "usynlige vægge". Noget mellem kunder og "betalingsknappen".
Du tjekker alt. Produktet er smukt. Beskrivelsen er komplet. Der er også kampagner. Men kan du stadig ikke løse, at du har lyst til at køre med alle de blinde. Bare ved, at bilen løber fremad, men ser ikke, at ruten foran har "huller" eller "forhindringer". Dette er det mest klassiske problem for e-handelsfolk. Du ved, at der er et problem, men du kan ikke se "hvad det er.
(Spørg for illustrationer: Ejer i e-handel, der sidder foran computerskærmen, der viser høj trafik, men kurven er tom formidler forvirring og ubehagelig)
Hvorfor "blinde"? Årsagen til, at vi ikke ser problemet på websiden.
Hovedårsagen til, at vi ikke ser det virkelige problem. Det er fordi vi er afhængige af "kvantitative data) fra værktøjer som Google Analytics for meget. Disse oplysninger kan fortælle os, at" hvad der foregår "(hvad), såsom" nogen forlod 80%betalingssiden "eller" folk bruger meget lidt tid på produktsiden ", men det har aldrig fortalt os, at" hvorfor "er sådan.
Hvorfor forlader folk kurven? Er det for lille? Forsendelsesomkostningerne er chokerende? Eller form, at udfylde adressen er vanskeligt at bruge? Vi kan kun "gætte". Gættet i erhvervslivet adskiller sig ikke fra at spille lotteri. Vi træffer forretningsbeslutninger uden de vigtigste inden for -dybtgående information, det vil sige "kundeoplevelse og erfaring, når han bruger vores websted. Så vi sidder fast i kredsløbet med" at løse problemet ", der måske ikke er på det punkt og spilder tid forgæves
(Spørgsmål om illustrationer: Sammenligningen af 2 sider af venstre side er en graf fra Google Analytics, der ser kompliceret ud med et spørgsmålstegn (?
Hvis du lader det "syge" websted fortsætte, hvad vil der ske?
At tillade de "blinde pletter", som vi ikke kan se, at disse vil fortsætte. Det er som at lade vandet lækkes kontinuerligt ud af tanken. Konsekvenserne er mere alvorlige end forventet:
- Bundet på reklamen dag dag for dag,
- Konverteringsfrekvensen faldt: ændringshastigheden til dine kunder vil aldrig blive bedre. Fordi hindringerne i bestilling stadig er de samme
- Kunder mister følelser og kommer aldrig tilbage: dårlige oplevelser en gang er mere end nok til at gøre dine "hæld" kunder og henvende sig til konkurrenter, der er lettere at bruge. At løse det langsomme webproblem UX er en vigtig ting, der ikke bør overses.
- At miste de konkurrencedygtige muligheder: Mens du ikke kan finde det problem, som dine konkurrenter muligvis bruger det rigtige værktøj til at lække og udvikle kundernes oplevelse, indtil du overhaler dig.
Kort sagt er du "begge penge. Mistet begge kunder og mister hele fremtiden" af virksomheden på samme tid, bare fordi du ikke kan se, hvad dine kunder står overfor
(Spørgsmål om illustrationer: Grafen for baren viser salgs- og konverteringsfrekvensen faldt med de penge, der er sprængt væk. Overførelse af økonomisk tab)
Tænd for lyset! Løsningen på problemet direkte også. "CCTV" til webstedet
Den gode nyhed er ... vi behøver ikke at "blinde" længere! I dag har vi teknologi, der ligner "CCTV" til webstedet, der vil hjælpe os med at se alle kunders opførsel, dette værktøj er heatmaps og sessionsinss .
Hvad er disse værktøjer?
- Heatmaps: er at vise billeder af data, adfærd, bruger (samlet) ved hjælp af farver som en indikator, såsom rød, som er det område, hvor folk klikker, flytter musen eller ser mest ud. Får os til at vide med det samme, hvilken del af det "hot" websted, og hvilken del "ignorerer" mere information fra eksperter, der kan læses på Hotjar: Hvad er et varmen?
- Sessionoptagelser: er en videooptagelse af hver kunde fuldt ud. Vi vil se musens bevægelse, klikke, udskrive og ændre hans webside. Som at sidde og se ham for at bruge det ved siden af!
Kraftige og bredt almindeligt anvendte værktøjer er Microsoft Clarity (100%gratis!) Og Hotjar (med en gratis version og penge). Start er "Vælg en og installeret på dit websted".
(Spørg for illustrationer: Normal sammenligning af websiden med websiden, der har en heatmap -overlapning i den røde gul og grønne zone tydeligt, og der er et ikon til sessionoptagelsesvideoen ved siden af)
Real Sag: Online tøjbutik øger 30% af salget fra "at se videoer" bare et par klip.
For tydeligt at se billedet vil jeg gerne give et eksempel på sagen om "Styleme" online modebestand, der har stødt på et meget højt kundeproblem på betalingssiden.
Problemer: Fra Google Analytics ved de kun, at 75% af de kunder, der når kassen, forsvinder, men ved ikke, hvorfor "teamet gættede, at det kan skyldes, at betalingsgateway -logoet ser upålideligt ud eller ej.
Metode: De installerer Microsoft Clarity og begynder at se kundens session -poster, der forlader kassen. Hvad de finder er chokerende! Mange videoer viser den samme opførsel: kunder udfylder navnet-adressen, tryk på den næste knap og finder derefter "forsendelsesomkostningerne", der netop er vist som det sidste trin. Kunder stopper. Flyt musen frem og tilbage og ... Luk websiden! De åbnede også et heatmap og fandt, at ingen klikkede på linket. "Leveringspolitik" skjult nedenfor
Resultater: Holdet når straks Bang Aor! Problemet er ikke en troværdighed, men er en "forsendelsesomkostning, der er overrasket af kunderne." De justerer derfor det nye checkout -design ved at vise levering til kunderne. "Fra det første trin" tydeligt. Resultatet er ** hastigheden af kurve faldt med mere end 40%, og det samlede salg steg med 30% inden for en måned! ** Dette er kraften i at "se" det virkelige problem. Som er hjertet af Shopify CRO (konverteringsfrekvensoptimering)
(Spørgsmål om illustrationer: The Before & After of the Checkout på den første side viser de skjulte forsendelsesomkostninger, og kunden er forvirrende. Efter -side viser forsendelsesgebyret tydeligt, og kunden smiler og klikker på bestilling.)
Vil du følge, hvordan man starter? Enkel tjekliste til at bruge heatmaps og session -poster.
Læs her, du vil sandsynligvis prøve dette vidunderlige værktøj med dit e-handelswebsted, ikke? Overhovedet ikke svært! Følg denne tjekliste med det samme:
- Vælg og installer værktøjer: For begyndere anbefaler jeg at starte med Microsoft Clarity, fordi 100% gratis og kraftfuld. Bare ansøg, kopier sporingskoden, og placer den på dit websted. (Om Shopify, WebFlow eller WordPress er let)
- Lad dem indsamle data: Efter installation af give tid til lagringsværktøjer til brugeradfærd i mindst 1-2 uger til at få nok information til analyse.
- Analyser heatmaps:
- Klik på kort: Se hvad folk klikker på? Klik på knappen, vi ønsker? Eller klik på det billede, der ikke kan klikkes (vis, at han forventer, at det klikker)?
- Rulkort: Hvor dyb ruller du ned? Er din CTAs vigtige information høj nok til, at folk kan se?
- Flyt kort: Hvor er kundens mus? Dette kan være et område, hvor han er interesseret eller forvirret.
- Se målsessionens poster: Se ikke hver video! Giv "filtre" for kun at se interessante sessioner, såsom "mennesker, der går ind i kassen, men ikke køber" eller "mennesker, der tilbringer lang tid på nettet, men ikke konvertering" og observerer "friktionspunktet" eller "trafikpropper", såsom at rulle op og ned . Det skal starte med at forstå denne opførsel.
- Opret en hypotese og ændring: Når det er fundet et problem, der skal være et problem at lave en hypotese (f.eks. "Jeg tror, at kunderne forlader denne side, fordi produktet ikke konstateres at tilføje produkter til kurven") og derefter rette design eller indhold. Gå derefter tilbage til målte resultaterne for at se, om det virkelig blev forbedret eller ej.
At gøre dette kontinuerligt er hjertet i bæredygtig konverteringsfrekvens, som helt sikkert vil påvirke hastigheden i Shopify -butikker som helhed på grund af god brugeroplevelse, alt
(Spørg for illustrationer: 5 enkle infektioner med ikoner (1. installation, 2. 2. indsamle data, 2. analysere heatmap, 4. Watch -optagelser, 5. Test og forbedring)).
Spørgsmål, som folk har en tendens til at undre sig (klart hvert spørgsmål)
Jeg kompilerer de spørgsmål, som virksomhedsejere har en tendens til at undre sig over heatmaps og sessionoptagelser for at svare tydeligt.
Q1: Vil disse værktøjer gøre mit websted langsommere?
A: Moderne værktøjer som klarhed eller Hotjar er designet til at have mindst indflydelse på webhastigheden. (Asynkron belastning). Fordelene, du får ved at forstå kunderne, er meget værd mere end hastighedspåvirkningen. Men skal altid kontrollere sidespidsen regelmæssigt
Spørgsmål 2: Hvordan adskiller det sig fra Google Analytics?
A: Google Analytics fortæller de "kvantitative" oplysninger om, at "hvad der skete", såsom 1.000 mennesker, der indtaster de første 50% af den første side, men heatmaps & session -optagelser sagde "kvalitativ" (kvalitativ) "hvorfor sker det" ved at vise faktisk opførsel og video? Vi er nødt til at bruge dem begge sammen.
Q3: Hvad med kundens privatliv (PDPA/GDPR)?
A: Bare rolig. Disse værktøjer oprettes ved at tage hensyn til loven for at beskytte personlige oplysninger. Det er vigtigt at "skjule" eller "anonymisere". Automatiske delikate oplysninger såsom navn, adresse, telefonnummer og kreditkortoplysninger. Der vil ikke være nogen kunde personlige oplysninger.
Q4: Hvad er godt mellem Microsoft Clarity og Hotjar?
A: Hvis du bare starter og vil have et kraftfuldt og 100% gratis værktøj, skal du vælge "Microsoft Clarity". Men hvis din virksomhed er større og ønsker mere avancerede funktioner såsom undersøgelser (undersøgelse) eller feedback -afstemninger på siden "Hotjar" (i spild af penge) er en god mulighed.
(Spørg om illustrationer: Billedikon, stort spørgsmålstegn, og der er 4 små ikoner omkring (hastighed, privatliv, analyse, værktøjer) med et billigt kryds -mærke).
Resumé: Stop med at gætte og start "Se" i dag!
På dette tidspunkt håber jeg, at du kan se, at det at lade dit e-handelswebsted fungere uden heatmaps og sessionssinsss. Det er ikke anderledes end at gå i mørket. Afhængighed af kun tal fra analyser er ikke nok i æraen. "Brugeroplevelse" er hjertet i konkurrencen.
Investering (som muligvis ikke engang kræver penge, hvis du bruger klarhed) til at installere disse værktøjer. Er en af de "værdifulde" investeringer og "maksimale afkast", som du kan gøre med det samme. Det er en ændring fra "gæt", der har risici for "beslutninger fra reelle data". Du vil forstå kunder som aldrig før. Og i stand til at lække med succes, der har været med succes med at holde dit salg
Vent ikke på, at konkurrenterne overhaler dig igen. Tid til at installere "CCTV" til din online butik og ændre "besøgende", der er frustrerende over at blive en "glad kunde" i dag!
Vil have, at vores eksperter skal hjælpe "CCTV" og analysere det blinde sted for at låse salget op for at svæve, ikke? Lad Vision X hjerne hjælpe dig! Vi har sundhedscheck-up-tjenester for e-handel dybtgående og effektivitetstjeneste. Konverteringsfrekvens (CRO) , der vil ændre dit websted til en ægte pengeudviklingsmaskine. Konsulter os gratis i dag!
(Spørg for illustrationer: Det endelige billede, der inspirerede, er en graf over salg, der stiger på himlen med baggrunden af heatmap og session corording -billeder, der afspejler succes efter at have gjort)
Seneste blog

Sammenlign chok, chok mellem webflow og framer til opstart, der understreger åbningshastigheden, skønhed og skalaevne.

Webhastighed er ikke kun teknisk! I -dybde, at Core Web Vitals (LCP, INP, CLS) påvirker SEO -placering, brugeroplevelse og hvordan overskuddet på organisationsweb

Overse ikke sidefod! En samling af webstedsfoddesignteknikker, der hjælper med at forbedre UX, supplere SEO og ændre de besøgende til at blive føringen.