SlideShare a Scribd company logo
1 of 22
Hvad skal du teste på dit
mobilsite?
Jens Hofman Hansen
Digital forretningsudvikler
Henning Nielsen
Senior UX-konsulent
Agenda
Overvejelser inden
du går i gang med at teste
10 ideer til mobilspecifikke split-tests
Vi ved, at der ofte er meget lavere
konverteringsrate på mobile devices
Vi ved også, at det hjælper at lave
mobiltilpassede sites
Små skærme
kræver nogle
design-
beslutninger
Husk
brugertesten
 Performance-
problemer
 Implementerings-
glitches
 Elementer der kan
swipes
 …
mikrokonvertering
↕
MAKROKONVERTERIN
G
10 ideer til
mobilspecifikke
split-tests
Burgermenuens udformning
1
Wupti.com Saxo.com
Toysrus.dk
Toysrus.dk
Coastal.com
Harryanddavid.com
Crate & Barrel
Sommer 2013 Sommer 2014
On-page navigation som supplement til
eller erstatning af burgermenuen
2
VS.
Sticky vs. non-sticky elementer
3
æ
Søgefeltets tilgængelighed
4
Læg søgefelt i bunden af sitet
5
Læg-i-kurv-
knappens
position på
produkt-
detaljesiden
6
Fold tekster ind/ud på
produktdetaljesiden
7
Forskellige former for facetteret
søgning
8
Trin-indikator i checkout
9
Synkronisér/variér informationer
10
Konklusioner
 Der er mobilspecifikke
designproblemer
 Konventionerne er i øjeblikket ved at
blive etableret
 Vi glæder os til at se de kolde
testresultater
Tak!
Er der spørgsmål?
Hent vores (gratis) rapport om
mobilkonvetioner her:
www.vertica.dk/nyheder/whitepapers
Jens Hofman Hansen
Digital forretningsudvikler
Tlf. 22 56 93 97
jhh@vertica.dk
Henning Nielsen
Senior UX-konsulent
Tlf. 60151085
hni@vertica.dk
@henningnielsen

More Related Content

Similar to Hvad skal du teste på dit mobilsite?

Market Seminar - "Mange platforme, muligheder eller trusler"
Market Seminar - "Mange platforme, muligheder eller trusler"Market Seminar - "Mange platforme, muligheder eller trusler"
Market Seminar - "Mange platforme, muligheder eller trusler"
OxygenSoftware
 
5tools forbedre dit_website_netmester
5tools forbedre dit_website_netmester5tools forbedre dit_website_netmester
5tools forbedre dit_website_netmester
Netmester
 

Similar to Hvad skal du teste på dit mobilsite? (20)

Øg salget i din webshop
Øg salget i din webshopØg salget i din webshop
Øg salget i din webshop
 
Fdim den godebrugeroplevelse_vertica
Fdim den godebrugeroplevelse_verticaFdim den godebrugeroplevelse_vertica
Fdim den godebrugeroplevelse_vertica
 
Succes med Hybrid Mobil App - Phonegap BDmobil 2014
Succes med Hybrid Mobil App - Phonegap BDmobil 2014Succes med Hybrid Mobil App - Phonegap BDmobil 2014
Succes med Hybrid Mobil App - Phonegap BDmobil 2014
 
Killer apps - sådan
Killer apps - sådanKiller apps - sådan
Killer apps - sådan
 
Ad words - Landing Pages
Ad words - Landing PagesAd words - Landing Pages
Ad words - Landing Pages
 
Det lægger google vægt på i 2017 - Aarhus
Det lægger google vægt på i 2017 - AarhusDet lægger google vægt på i 2017 - Aarhus
Det lægger google vægt på i 2017 - Aarhus
 
9 tricks til højere konverteringsrate på mobile enheder
9 tricks til højere konverteringsrate på mobile enheder9 tricks til højere konverteringsrate på mobile enheder
9 tricks til højere konverteringsrate på mobile enheder
 
Mobile trends e handel mode 2013, april
Mobile trends e handel mode 2013, aprilMobile trends e handel mode 2013, april
Mobile trends e handel mode 2013, april
 
Market Seminar - "Mange platforme, muligheder eller trusler"
Market Seminar - "Mange platforme, muligheder eller trusler"Market Seminar - "Mange platforme, muligheder eller trusler"
Market Seminar - "Mange platforme, muligheder eller trusler"
 
CX for B2B
CX for B2BCX for B2B
CX for B2B
 
Design til små skærme
Design til små skærmeDesign til små skærme
Design til små skærme
 
Pentia, fra strategi til taktik
Pentia, fra strategi til taktikPentia, fra strategi til taktik
Pentia, fra strategi til taktik
 
5 tools to_improve_your_website
5 tools to_improve_your_website5 tools to_improve_your_website
5 tools to_improve_your_website
 
5tools forbedre dit_website_netmester
5tools forbedre dit_website_netmester5tools forbedre dit_website_netmester
5tools forbedre dit_website_netmester
 
Compell Webinar #7 – Mobilannoncering
Compell Webinar #7 – MobilannonceringCompell Webinar #7 – Mobilannoncering
Compell Webinar #7 – Mobilannoncering
 
Fra 0 til webshop på en aften - WordCamp CPH 12. og 13. november
Fra 0 til webshop på en aften - WordCamp CPH 12. og 13. novemberFra 0 til webshop på en aften - WordCamp CPH 12. og 13. november
Fra 0 til webshop på en aften - WordCamp CPH 12. og 13. november
 
Pentia - Responsive Design
Pentia - Responsive DesignPentia - Responsive Design
Pentia - Responsive Design
 
SEOday 2018 - SEO og kunderejser
SEOday 2018 - SEO og kunderejserSEOday 2018 - SEO og kunderejser
SEOday 2018 - SEO og kunderejser
 
EyeReply: Guidelines til brugervenligt responsivt webdesign
EyeReply: Guidelines til brugervenligt responsivt webdesignEyeReply: Guidelines til brugervenligt responsivt webdesign
EyeReply: Guidelines til brugervenligt responsivt webdesign
 
Præsentation : 2 timer der vil ændre din tilgang til salgsarbejdet online og ...
Præsentation : 2 timer der vil ændre din tilgang til salgsarbejdet online og ...Præsentation : 2 timer der vil ændre din tilgang til salgsarbejdet online og ...
Præsentation : 2 timer der vil ændre din tilgang til salgsarbejdet online og ...
 

More from Jens Hofman Hansen

More from Jens Hofman Hansen (14)

Den gode søgemaskine på din webshop - i praksis
Den gode søgemaskine på din webshop - i praksisDen gode søgemaskine på din webshop - i praksis
Den gode søgemaskine på din webshop - i praksis
 
How to avoid losing money on site search - "cat edition" - World Usability Da...
How to avoid losing money on site search - "cat edition" - World Usability Da...How to avoid losing money on site search - "cat edition" - World Usability Da...
How to avoid losing money on site search - "cat edition" - World Usability Da...
 
Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Søgning i e-handel - UX guidelines baseret på indsigt fra brugertestsSøgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
 
Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Søgning i e-handel - UX guidelines baseret på indsigt fra brugertestsSøgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
 
Når bruger- og forretningskrav møder teknikken
Når bruger- og forretningskrav møder teknikkenNår bruger- og forretningskrav møder teknikken
Når bruger- og forretningskrav møder teknikken
 
Søgning i e-handel - user experience guidelines
Søgning i e-handel - user experience guidelinesSøgning i e-handel - user experience guidelines
Søgning i e-handel - user experience guidelines
 
Når bruger- og forretningskrav møder teknikken
Når bruger- og forretningskrav møder teknikkenNår bruger- og forretningskrav møder teknikken
Når bruger- og forretningskrav møder teknikken
 
Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Søgning i e-handel - UX guidelines baseret på indsigt fra brugertestsSøgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
 
Standarder og trends i mobil e-handel 2014
Standarder og trends i mobil e-handel 2014Standarder og trends i mobil e-handel 2014
Standarder og trends i mobil e-handel 2014
 
Konventioner i mobil e-handel
Konventioner i mobil e-handelKonventioner i mobil e-handel
Konventioner i mobil e-handel
 
Brugertests - gør det selv, og gør det rigtigt (Internet Week Denmark)
Brugertests - gør det selv, og gør det rigtigt (Internet Week Denmark)Brugertests - gør det selv, og gør det rigtigt (Internet Week Denmark)
Brugertests - gør det selv, og gør det rigtigt (Internet Week Denmark)
 
Seducible moments (forførende øjeblikke)
Seducible moments (forførende øjeblikke)Seducible moments (forførende øjeblikke)
Seducible moments (forførende øjeblikke)
 
Udvikling af biblioteket som forretning
Udvikling af biblioteket som forretningUdvikling af biblioteket som forretning
Udvikling af biblioteket som forretning
 
Top 10 anbefalinger for mobil e-handel
Top 10 anbefalinger for mobil e-handelTop 10 anbefalinger for mobil e-handel
Top 10 anbefalinger for mobil e-handel
 

Hvad skal du teste på dit mobilsite?

Editor's Notes

  1. Der er konventioner. MEN der er også variationer og forskellige designstrategier Best practice og e-handel – godt når man etablerer sig. Nu er vi så på den anden side – hvad så?
  2. HNI
  3. HNI Du kunne også folde menupunkterne mere ud
  4. HNI
  5. Tidligere snakkede man meget om skærmfold. Forskellige skærmstørrelser og brugeradfærd har gjort at det taler vi ikke så meget om længere Men det har stadig betydning hvor knappen ligger. Derfor kan det være interessant at prøve at teste placeringen af læg-i-kurv-knappen på produkt-detalje-siden. Ideen må være at lægge den så snart brugeren har tilstrækkelig information til at kunne foretage en købsveslutning – eller i hvert fald en beslutning om at varen skal på brugerens liste over potentielle købskandidater. For sådan bliver kurven jo også brugt. I eksemplet ligger knappen faktisk samme sted – efter billede, pris, størrelse og farvevalg. Men der er overraskende stor forskel på hvor højt den ligger.
  6. Vi kan godt have det på desktoppen men det er særligt udbredt på mobiltelefonen. Argumentet for at folde ind er selvfølgelig: Skabe overblik Slanke siden Omvendt er argumenterne imod: Du skjuler information Det er ret let at scrolle og derfor kræver du noget ekstra af brugeren Måske har du ikke ret meget data HALVDELEN HAVDE COLLAPSE i 2014- optælling så der er absolut ingen standard for best practice her.
  7. Her er der virkelig stor forskel på hvad folk gør – og her må den gode designer og nogle fornutige antagelser om brugen nok rigtigt i spil, da det kan være dyrt og svært at splitteste meget forskellige udgaver. Grundlæggende er der forskel på at vise selve filtreringsmulighederne eller bare give adgang til dem via en knap eller lignende. Vi tror meget på at vise filtrene helt ude på siden. Men det der taler imod er at brugerne trods alt relativt sjældent overhovedet bruger filtre – og så kan der være en meget praktisk ting som at man har så mange filtre at man bliver nødt til at gemem nogle af dem af vejen. Man kunne godt blive inspireret til her at lave hybridformer hvor man viser de vigtigste. Vores brugertests viser i øvrigtat folk ikke kan skelne mellem filtre og sorteringsmuligheder – men det er ikke mobilspecifikt
  8. 25 ud af de 40 har en trinindikator i 2014 og der er en stigende tendens til det. Det må da også siges at være en af de allermest etablerede kovnentioner i e-handel på desktop. Problemet er selvfølgelig at der er så lidt plads så man kan have tendens til at fjerne denne i princippet overflødige top. Når man så beslutter sig for at have den kan man meget hurtigt løbe tør for horisontal plads og så bliver folk kreative. Nogle har tal, andre har tal+tekst, nogle forsøger sig med ikoner Der er også lodrette og vandrette indikatorer
  9. Den sidste her er anderledes – den gælder nok især for gamle mobilsites hvor vi fjernede information. Men selv på responsive sites ser man eksempler på at vi lader information droppe ud fordi det pludselig virker irrelevant. Men er vi sikre på at det er en god ide? Et ret vildt eksempel på at man fjerner information og faktisk også funktion er Interflora. Her er deres kortdesigner reduceret til et simpelt tekstfelt hvor du faktisk slet ikke kan få det samme resultat på desktopsitet. Gad vide hvor befordrenede det er for oplevelsen og dermed fx gensalget? Det kan også være at det netop er en klog beslutning fordi det er svært at lave en kortdesigner meget simpelt på en lille skærm.