Musevarmekart: 8 måter de kan forbedre produktet ditt

Sannsynligvis er den mest interessante og givende delen av jobben som produktleder å lære hvordan brukerne tenker og handler når de bruker produktene dine.

For å gjøre dette gjennomfører vi vanligvis brukerintervjuer, utfører spørreundersøkelser og analyserer dataene våre. Det finnes imidlertid et annet verdifullt verktøy i verktøykassen til en produktleder som kan hjelpe deg med å sette deg inn i brukernes situasjon – musevarmekart!

I dag vil jeg at vi skal gå gjennom praktiske bruksområder for musevarmekart og effektive bruksområder for å forbedre produktet ditt.

Hva er musevarmekart, og hvordan fungerer de?

Et musevarmekart (også kalt et oppmerksomhetsvarmekart) er et produktanalyseverktøy som visualiserer hvordan brukerne samhandler med grensesnittet ditt ved hjelp av musebevegelsene deres. Det lager et visuelt overlegg – vanligvis ved hjelp av fargegradienter – på et skjermbilde av brukergrensesnittet ditt for å vise hvor brukerne oftest holder musepekeren, beveger den og klikker.

Dette kan hjelpe deg med å identifisere hvilke elementer som trekker til seg oppmerksomhet, hvor brukerne kan være usikre, eller hva som blir fullstendig ignorert. Musevarmekart er spesielt nyttige når de brukes sammen med andre typer varmekart, for eksempel rullevarmekart, som viser hvor langt ned på siden brukerne ruller.

Brukt sammen gir disse verktøyene deg et mer fullstendig bilde av brukerengasjementet – hva de ser, hva de hopper over, og hvor oppmerksomheten deres naturlig beveger seg.

Produktledere og UX-designere bruker vanligvis ulike typer varmekart for å få innsikt i brukernes adferd, blant annet rullekart, klikkart, kart over brukeroppmerksomhet, øyesporingsvarmekart og mange flere eksempler på varmekart. Hver type kan gi deg spesifikk innsikt som du kan bruke til å øke brukerbevaringen og engasjementet, men i dag vil jeg at vi skal gå i dybden på én bestemt type – musevarmekartet.

Et musevarmekart er det man kan kalle et «aggregat», ettersom det inneholder kombinerte data fra flere ulike typer brukerinteraksjoner – klikkadferd, rulleadferd og musebevegelsesadferd.

Musevarmekart er relativt nye innen visuell produktanalyse, fordi det er en krevende oppgave å kombinere data fra disse tre ulike adferdstypene i én enkelt visualisering, og det var fremveksten av KI-modeller som gjorde det mulig for analyseverktøy å gjøre dette.

Praktiske eksempler på optimalisering av produktet ditt med musesporing

Med en generell forståelse av hva disse varmekartene er, kan vi nå se nærmere på flere praktiske eksempler på situasjoner der du kan gjøre noe verdifullt for produktet ditt ved å se på og analysere musevarmekartene dine.

Slik bruker produktledere musevarmekart

Selv om analyse av brukerinteraksjoner kan virke som noe som i større grad dekker behovene til UX-designere, kan produktledere også bruke musevarmekart til å løse sine egne utfordringer. Her er noen av måtene jeg har brukt dette verktøyet på for å forbedre produktene mine.

#1: Finne flaskehalser i aktiveringstrakten

Basert på min erfaring med å håndtere aktiveringsutfordringer er traktoptimalisering et av de mest komplekse, men samtidig mest virkningsfulle ansvarsområdene til en produktleder. Selv en moderat økning på 10 % i aktiveringen kan skape en kaskadeeffekt gjennom hele trakten og øke konverteringen fra gratis til betalt betydelig.

Aktivering handler imidlertid ikke bare om tall – det er et puslespill som krever dyp innsikt i adferd, iterativ eksperimentering og vilje til å stille spørsmål ved antakelser om hvordan brukerne samhandler med produktet ditt. Det viktigste er ikke bare å få flere brukere gjennom trakten, men å virkelig forstå hvorfor de faller fra i utgangspunktet.

For å gjøre dette bruker en produktleder praktisk talt alle verktøyene i verktøykassen sin, inkludert analyser, spørreundersøkelser og så videre. Musevarmekart er også blant disse verktøyene. Her er én av mange måter de kan bidra til å forbedre aktiveringen på.

Se for deg at du jobber i Atlassian og har satt deg som kvartalsmål å forbedre oppsettsgraden for Jira Cloud.

Ved å se på aktiveringstrakten i analyseverktøyet ditt ser du at det er et betydelig frafall på trinnet der brukerne skriver inn Jira-forekomstnavnet sitt og oppretter Atlassian-nettstedet sitt.

For å forstå hva som har skjedd, kan du åpne varmekartverktøyet ditt og se på musevarmekartet. Det du ser, er at brukerne bruker mye tid på siden og aktivt klikker på feltet for nettstednavn og feltet «Kom i gang i Jira».

Dette er ikke normal atferd, ettersom du ønsker at folk bare skal klikke én gang på hvert felt og ikke bruke mer enn 10–15 sekunder på denne siden. Du setter i gang en undersøkelse og ber QA-teamet ditt sjekke hva som foregår.

Det teamet ditt finner, er at nettstednavnvalidatoren (som sjekker om navnet allerede finnes) viser en feil uansett hva en bestemt gruppe brukere skriver inn.

Årsaken er at en usynlig Google Recaptcha tror at disse brukerne er roboter. For å løse dette snakker du derfor med sikkerhetsteamet ditt, forstår at sikkerhetsterskelen for recaptcha er høyere enn det dere trenger, og senker den.

Som et resultat låser du opp brukerne dine, lar dem opprette nettstedet sitt og forbedrer aktiveringsraten betydelig.

#2: Hjelp med prioritering av funksjoner

Når det gjelder prioritering av funksjoner, er den klart viktigste faktoren du vurderer, hvilken innvirkning funksjonen har på brukerne dine. Du måler denne innvirkningen basert på data, kunnskapen din om brukernes behov (basert på spørreundersøkelser og intervjuer), magefølelsen din og hvordan brukerne samhandler med grensesnittet ditt.

Det sistnevnte er hvor musevarmekartene dine kommer til nytte.

La oss gå tilbake til Jira-eksempelet vårt. La oss anta at du ønsker å forbedre måten folk organiserer backloggen på, og at det finnes mer enn 20 funksjonsideer for dette. For å prioritere dem basert på brukernes behov går du gjennom varmekartet for backloggsiden. Etter gjennomgangen ser du at det er mye aktivitet i delen for hurtigfiltre.

Deretter går du til analyseverktøyet ditt og henter ut et fordelingsdiagram over hurtigfiltrene som brukerne dine har brukt oftest. Når du ser på disse dataene, oppdager du at rundt 50 % av alle Jira-brukere oppretter et hurtigfilter som viser oppgavene med «Gjøremål»-status.

En god måte å forbedre brukeropplevelsen på i dette tilfellet ville være å legge til en egen filterknapp for statuser. La oss si at denne funksjonsideen allerede sto på listen over forbedringer, slik at du bruker denne innsikten til å gi den høyere prioritet og flytte den øverst i teamets backlogg.

#3: Optimalisering av konverteringsrate

Når det gjelder kompleksitet, kan optimalisering av konverteringsrate (CR) lett måle seg med aktiveringsflyter. Jeg har brukt måneder på å analysere CR og lignende måltall for produktene mine, lagt til funksjoner for å forbedre den, innsett at de ikke fungerer, lagt til noe annet og gjentatt denne syklusen helt til jeg bygde noe som faktisk økte konverteringsraten.

Akkurat som ved aktivering er musevarmekart et effektivt verktøy for å analysere konverteringsutfordringer for produktene dine.

I de fleste tilfeller er den viktigste fordelen med dette verktøyet å identifisere tilfeller der folk klikker på feil CTA-er og ignorerer dem som fører til konvertering. La meg demonstrere dette på produktsiden til en butikk for storkjøkkenutstyr.

Se for deg at vi går gjennom varmekartet for denne nettsiden. Mest sannsynlig vil vi se at et visst antall personer klikker på «Chat nå»-knappen over hovedhandlingsoppfordringen (vis produkt). Jeg forstår at selskapet har lagt den til for å overbevise brukerne om at produktene deres er de billigste på markedet. 

Problemet her er imidlertid at et klikk på «Chat nå» avbryter brukernes reise mens de vurderer og kjøper produktet – noe som reduserer konverteringsraten betydelig.

Mitt forslag her ville være å flytte denne meldingen og CTA-en til en mindre fremtredende del av siden for å unngå å avbryte brukernes reise.

#5: A/B-testing for å validere funksjoner

En annen nyttig anvendelse av musevarmekart er funksjonsvalidering gjennom A/B-testing. Her kan varmekart fungere som en verdifull datakilde ved å vise deg visuelt hvilke forbedringer (eller mangel på forbedringer) som har skjedd i måten brukerne samhandler med funksjonen din på.

I dette tilfellet kjører du A/B-testen med funksjonen aktivert for variant A og deaktivert for variant B. Deretter sørger du for at varmekartverktøyet ditt sporer brukerinteraksjoner på begge variantene, slik at du kan sammenligne musevarmekartet for hver av dem side om side.

Ved å se på dem kan du enkelt oppdage endringer i brukeratferd og se om den nye funksjonen hadde den effekten du håpet på.

Et eksempel på dette ville være å legge til en «Last ned alle»-knapp på filutforskingssiden til skylagringsproduktet ditt. Hvis folk begynner å samhandle aktivt med denne knappen i stedet for å laste ned hver eneste fil i lagringen manuelt, vil den nye funksjonen være en suksess.

Slik bruker UX-designere musevarmekart

Varmekart er et fantastisk verktøy for å undersøke brukerinteraksjoner. Derfor anser jeg det som et av de viktigste verktøyene i UX-designernes arsenal. Her er noen av måtene UX-teamet mitt har brukt musevarmekart på for å forbedre designet.

#6: Forbedre fullføringsgraden for skjemaer

Uansett hva slags produkt du har, vil du sannsynligvis ha minst ett skjema i aktiverings- eller inntektsgenereringstrakten din. Basert på min erfaring vil du dessuten sannsynligvis miste personer/konverteringer på trinnet i trakten der de fyller ut dette skjemaet.

Hovedårsaken til at du mister dem, er sannsynligvis en dårlig brukeropplevelse som gjør dem kjedet eller frustrert. For å forstå om dette skjer med skjemaet ditt, og løse problemet, gjennomfører produktdesignere brukervennlighetstester og følger nøye med på brukernes atferd. Problemet med disse testene er imidlertid at de både krever mye tid og ressurser.

Skjemaanalyse med musevarmekart kan imidlertid identifisere en betydelig del av brukervennlighetsproblemene til en brøkdel av kostnaden.

Hvis du for eksempel ser et stort frafall i registreringsskjemaet i kassen og ser på varmekartet, kan du oppdage at det er betydelig museaktivitet i de første feltene, og at aktiviteten deretter plutselig faller på feltet «telefonnummer».

Dette kan tyde på at folk ikke føler seg komfortable med å dele telefonnumrene sine med deg, og at du bør vurdere en alternativ måte å identifisere dem på.

#7: Løse navigasjonsproblemer

Noen ganger skyldes nedgangen i oppdagelsen og bruken av funksjonene eller delene av nettstedet ditt at brukerne ikke klarer å finne dem på plattformen din.

Hvis du driver en nettbutikk som nettopp har begynt å selge profesjonelle sportssko (f.eks. bryting, basketball osv.), vil du naturligvis legge til en ny del under den eksisterende navigasjonen og anse jobben som gjort.

Men tenk deg at trafikken til sportsko-delen er mye lavere enn du forventet. Etter å ha gått gjennom musevarmekartet kan du se at svært få personer holder musepekeren over sportsko-delen i navigasjonen.

På den ene siden kan dette skyldes manglende interesse for sportssko. På den andre siden kan det hende at folk ikke har lagt merke til at du har lagt den til, ganske enkelt fordi listen over skotypene du har i navigasjonen, er svært omfattende.

Selv om det er fornuftig å holde delene dine organiserte, bør du plassere noe nytt på et fremtredende sted (i hvert fall i begynnelsen) når du legger det til. En UX-designer kan derfor vurdere å plassere den nye delen øverst i navigasjonsfeltet. Alternativt kan de beholde den på samme sted, men legge til et «ny»-merke for å trekke til seg flere blikk. 

#8: Forbedre lesbarheten

Dette er spesielt relevant for blogger eller andre ressurser med langt innhold. Noen ganger vil måten du har utformet teksten på, påvirke lesbarheten negativt – noe som fører til at brukerne forlater artikkelen.

Akkurat som med de foregående bruksområdene er dette noe du kan diagnostisere ved hjelp av musevarmekart. Hvis du for eksempel ser på varmekartet og oppdager at folk holder markørene over hver tekstlinje, kan tekstområdet være for bredt til at de klarer å følge hver linje med øynene (og derfor ender de opp med å bruke musepekeren til dette i stedet).

Varmekartprogramvare du bør vurdere

Nå som de praktiske bruksområdene for musevarmekart er dekket, vil jeg også si litt om de ulike analyseproduktene for varmekart som tilbyr dette verktøyet og vise deg forskjellene i hvordan de bruker det.

Hotjar

Hotjar har ikke et eget musevarmekart. I stedet har de delt informasjonen du finner i et typisk musevarmekart, inn i ulike karttyper. Du har altså museklikkart, rullekart, varmekart for musebevegelser og varmekart for raseri-klikk. Slik ser bevegelseskartet deres ut.

Selv om det ved første øyekast kan virke upraktisk å ha separate kart, er de mye bedre til å gi deg mer detaljerte data for hver type interaksjon (f.eks. rulling).

Det følger også med flere funksjoner, som sanntidsoversikt over antall besøkende på nettstedet, øktavspillinger, visuell fremstilling av engasjementssoner i sidelayouten og mer.

Crazy Egg

Med Crazy Egg får du et varmekart som inneholder datasett både fra brukernes klikk og musebevegelser. Ved hjelp av sine proprietære algoritmer kan de kombinere disse to ulike interaksjonstypene i ett enkelt kart som viser de overordnede interesseområdene til brukerne dine.

Sammenlignet med Hotjar får du litt mindre detaljrikdom. Denne typen kombinerte varmekart er imidlertid svært nyttig når målet ditt er å få en oversikt over hvordan folk samhandler med brukeropplevelsen din, i stedet for å identifisere de nøyaktige plasseringene til klikk, rullelengde og så videre.

Akkurat som med Hotjar får du også øktopptak og andre analysefunksjoner med Crazy Egg.

Mouseflow

Akkurat som Hotjar gir Mouseflow deg seks ulike typer varmekart for musebevegelser i stedet for ett enkelt kombinert kart. Du får de vanlige typene, blant annet varmekart for klikk, musebevegelser og rulling.

I tillegg har Mouseflow en spesiell type varmekart som du sjelden finner på slike plattformer – et geografisk varmekart.

I stedet for å visualisere brukerinteraksjon i brukeropplevelsen din viser dette varmekartet deg et verdenskart og fremhever delene av verden der du får flest brukere (og interaksjoner).

Et must i brukerintervjuer og brukervennlighetstesting

Jeg mener at brukerintervjuer er den mest verdifulle aktiviteten produktledere utfører. Men akkurat som brukervennlighetstesting er det ganske tidkrevende.

Vurder derfor å bruke varmekart for musebevegelser som et fantastisk (og rimelig) alternativ for å få svar på noen av de enklere spørsmålene du har om kundene dine, og bruk den verdifulle intervjukapasiteten din på de vanskeligere spørsmålene i stedet.

Ser du etter flere måter å forbedre produktene dine på? Frisk opp kunnskapen og ferdighetene dine innen dette fascinerende yrket vårt ved å abonnere på nyhetsbrevet vårt. Du holder deg oppdatert på de nyeste temaene innen produktledelse med vårt førsteklasses pedagogiske innhold og våre programvarelister.