Metronet

Det er et nytt verktøy fra SiteTuners.com som lar deg se hva dine brukere mest sannsynlig blir fanget av på siden din i løpet av de første sekundene. Verktøyet heter AttentionWizard. Verktøyet er et godt alternativ til dyre fokusgrupper der du tracker hva brukere gjør på siden din.

Hvordan klarer AttentionWizard å etterligne hva brukerne ser på?

AttentionWizard bruker meget avanserte AI (kunstig intelligens) algoritmer for å simulere hva brukeren ser og legger vekt på på en nettside ved første øyekast. Dette inkluderer bl.a. musbevegelser og fargekontraster.

AttentionWizard sine resultater skal være opp mot (og over) 75% korrekt sett i forhold til å sette sammen en fokusgruppe og følge synlighet og mus peker bevegelser på nettsiden. Etter endel testing syns vi det virker som verktøyet fungerer veldig bra.

I dette blogginnlegget viser jeg hvordan heatmapen generert av AttentionWizard for VG og Metronet. (Hvis en webutvikler hos VG leser dette og sitter på et «ekte heatmap» for VGs fokusgruppe, hadde jeg satt pris på om du tok kontakt slik at vi kunne få sammenlignet resultatet).

Heatmap for VG

Som du ser av bildet under, legger brukeren først merke til annonsen til høyre midt på siden, før blikket beveger seg opp til pilleboksen i banneren vaksineguiden.no, og videre ned på artikkelbildet midt på siden osv. (Jeg har lagt på større tall og piler i bildet for synlighetens skyld)

VG.no med heatmap. De varmeste områdene viser hva brukeren legger mest vekt på.

Det er ganske interessant å se hva brukerne først legger merke til. Og det er ikke alltid den øverste banneren som koster skjorta. Har du noe som står i kontrast med resten av siden vil det lettere bli lagt merke til.
Hadde toppbanneren hatt mer kontrast ville heatmappen sett annerledes ut.

Heatmap for Metronet

Fra heatmappen under ser vi at brukeren først legger merke til bildet mellom de to menyene, så videre til søkefeltet og blogg knappen, deretter ned til menyen under bildet, og videre til logoen i venstre hjørne osv.

Metronet.no med heatmap. De varmeste områdene viser hva brukeren legger mest vekt på.

Vi ser her at vi vil ikke ha problemer med å utheve enkelte budskap grunnet at vi har holdt oss til spesifikke farger og nyanser.

Situasjoner det kan være et nyttig verktøy

• I designprosessen av en ny nettside.
• Se nøyere på problematiske sider som konverterer dårlig.
• Se på eksisterende sider som skal redesidnes.

AttentionWizzard er for øyeblikket bare ute for betatesting, men hvem som helst kan søke om å bli en betatester hvor du da får 1 heatmap per døgn.