Så stor indflydelse har skærmstørrelsen på brugeroplevelsen – komplet guide

Din konverteringsrate for mobil er meget lavere end for desktop. Du ved, at du bør kigge på sitets performance i forhold til hvilke enheder og skærmstørrelser brugerne anvender. Men med over 500 forskellige skærmstørrelser, får du aldrig lavet de nødvendige analyser. Du vil blive forbavset når du ser hvor store udsving der er.

I artiklen her får du:

  • Svar på hvordan får du et agilt datasæt at arbejde med
  • Svar på hvordan du håndterer data i Excel for bedst mulige indsigter
  • Svar på hvordan du får præsenteret data, så de giver en intuitiv indsigt
  • Appetit på hvilke typer analyser du skal (og kan) bede din analytiker om
  • Konkret eksempel på hvordan du tester på rigtige devices med Amazon AWS device farm

Brugeroplevelse

Desktop – Mål din succes fordelt på skærmbredde

Følgende graf viser data for en konkret webshop. For hver af de 20 meste anvendte skærmbredder ses konverteringsrate (samt hhv. andelen der kommer til indkøbskurv og adresseindtastning).

Med trendlinjer tilføjet, bliver det hurtigt synligt at sitet performer bedre, jo større skærmbredde brugeren har. Af et site der er optimeret til en bredde på 960 pixels, er det tankevækkende at:

  • Succesraterne stinker for hele spændet mellem 1000 og 1030 pixels
  • Andelen der kommer til kurv, stiger kraftigt med skærmbredde – udover det intuitive
  • Skærmbredden 1280 pixels er populær – men performer dårligt.

 

Google Analytics, konverteringsrater ved mest populære skærmbredder

Dit eget site har med sikkerhed lige så interessante indsigter. Men Google Analytics spytter ikke lige sådan en rapport op. Her følger hvordan du kan gøre.

Lav en custom rapport med følgende dimensioner og metrics

  • Eksporter de data til Excel

Eksporter data fra Google Analytics

 

For at få adskilt bredden fra ”Browser Size”, bruger du følgende formel i Excel.

Isoler skærmbredden i Excel

 

Du kan nu gå i gang med at lave grafen som et ”Pivot Chart” oven på de data. Marker alle kolonnerne og indsæt en pivot chart med følgende opsætning.

Opsæt pivotchart i Excel

Opret konverteringsraterne ved at vælge Calculated fields her:

Brug calculated fields

 

Vælg serien Sum of Order% som her:

Vælg data-serie i Excel

 

Og ændr Sum of Order% til Line chart på den sekundære akse:

Vælg sekundær akse med line-chart

 

I grafen har du nu alt for mange datapunkter, heraf mange med meget få sessioner. Vi filtrerer nu så vi kun får de 20 skærmbredder med flest sessioner. Først sådan her:

Brug value filters til at filtrere data ud fra værdier

 

Og sæt det op sådan her:

Vælg top 20 mest populære bredder i excel

 

Resultatet er følgende – for både mobil, tablet og desktop:

Graf af konverteringsrate for skærmbredder

 

I den bagvedliggende pivot tabel, kan du nu filtrere så du f.eks. kun får desktop devices. Resten er bare farvelade:

Graf af konverteringsrate for skærmbredder - desktop

 

For yderligere aggregering af data kan vi afrunde skærmbredden til nærmeste 100. Så ser de 10 mest populære skærmbredder således ud:

Aggreger med afrundede data

 

Hvordan ser det ud for mobil devices?

Med ovenstående udgangspunkt kan du med få tilretninger få helt nye indsigter i eksempelvis mobil devices. Sætter du tabellen op således:

Pivotchart for mobildevices

 

… så kan du se performance for iOS og Android på mobil på denne måde:

Konverteringsrater for iOS og Android per skærmbredde

 

Ved at dykke videre ned i data, kan vi se at Android telefoner med skærmstørrelsen 412×846 pixels, trækker gevaldigt ned i den samlede konverteringsrate for Android. Blot som et eksempel på, hvordan du kan pinpointe konkrete devices, som med stor sandsynlighed fejler for brugerne.

Led efter enheder der performer dårligt

Se dit mobilsite som brugerne ser det

Indsigter som ovenstående, rejser naturligvis spørgsmålet: Hvordan er brugeroplevelsen for de brugere?

Her er nogle forslag du kan gå videre med, for enten selv at teste brugeroplevelsen, eller se skærmoptagelser udvalgte brugere på websitet.

  • Lej det pågældende device hos Bitbar for $45/m: https://bitbar.com/
  • Eller lej et device hos Amazon AWS ”device farm” for helt ned til $0,17 per minut https://aws.amazon.com/device-farm/
  • Brug screenrecordings i fx HotJar – Brug Google Tag Manager til at starte recording, når operativsystem, skærmstørrelse m.m. matcher de brugere du vil have indsigt i.

Vi håber du har fået blod på tanden til at dykke dybere ned i brugeroplevelserne på dit website. Værktøjer som Google Analytics kan hurtigt reducere brugerne til tal i et regneark. Her har du fået lidt inspiration til hvordan du kan grave et spadestik dybere.

Sådan tester du med Amazon AWS – device farm

For at vise dig hvor let du kan komme i gang med at teste på forskellige mobile enheder, kommer her et eksempel på hvor let det kan gøres med Amazon AWS device farm – du starter ud gratis.

Bemærk:

Lad dig ikke nøjes med at emulere enheder i din browser eller med online værktøjer. For det meste viser de ikke de keyboards som brugeren ser, og mange fejl der opleves med de rigtige enheder, er typisk fraværende i de tilgængelige emulatorer.

Med det sagt, sådan tester du med Amazon AWS:

1. Vælg ”Remote Access” når du er logget ind og start en ny session

Remote access med Amazon AWS device farm

 

2. Fremsøg det device (og/eller operativsystem) du ønsker – klik Bekræft

Amazon AWS device farm - vælg devices

 

3. Afvent at dit device sættes op

Amazon AWS device farm - opsætning

 

4. Du får nu din egen enhed at lege med – her en iPhone 5. Vælg Safari, hvis det er den browser du vil teste på

Amazon AWS device farm – iPhone 5 device

 

5. Du kan teste mobilsitet på helt normal vis, gennemføre ordrer med mere. Her et eksempel fra et checkout, hvor det verificeres, at der er valgt det rigtige keyboard (med snabel-a) når man indtaster email

Amazon AWS device farm – test keyboards and ecommerce

 

Vil du høre mere om, hvordan vi kan hjælpe din virksomhed med at identificere hvilke devices I bør teste yderligere på? Så er du mere en velkommen til at kontakte Resolution.