Efashion 2011- Willem Wijnen - Men at Work

24
Usability onderzoek & Benchmarking voor Conversieverhoging Willem Wijnen, ecommerce director a.i. Aangepast voor publica9e

Transcript of Efashion 2011- Willem Wijnen - Men at Work

Page 1: Efashion 2011- Willem Wijnen - Men at Work

Usability  onderzoek    &  

Benchmarking  voor  

Conversieverhoging    

Willem  Wijnen,  e-­‐commerce  director  a.i.    

Aangepast  voor  publica9e  

Page 2: Efashion 2011- Willem Wijnen - Men at Work

t  

-­‐ T  

Page 3: Efashion 2011- Willem Wijnen - Men at Work

Verhoog  de  conversie:  Usability  

-­‐   Hogere  omzet  (orders,  effecAviteit  in  markeAng,  herhaalbezoek)  

-­‐   Hogere  winst  (omzet,  efficiency  in  markeAng)  

-­‐  Betere  gebruikservaring  

Page 4: Efashion 2011- Willem Wijnen - Men at Work

Uitdagingen  design  

-­‐   Form  over  funcAon  illusion…  -­‐   Kijken  naar  de  rest  –  zonder  te  weten  wat  werkt…  -­‐   Taal  -­‐   Push  communicaAe  (m.n.  van  imago)  -­‐   Beeldgebruik  -­‐   Uitstraling  vs  acAe  -­‐   EmoAe  vs  feiten  -­‐   Grafisch  denken  -­‐   Compromissen  sluiten  

Page 5: Efashion 2011- Willem Wijnen - Men at Work

Zonder  func9onele  basis  hee=  crea9ef  design  geen  enkel  nut,  het  wordt  nauwelijks  ‘gezien’  of  ervaren  en  leidt  tot  ‘eens  maar  nooit  weer’  

wegens  gebrek  aan  relevan9e    

Page 6: Efashion 2011- Willem Wijnen - Men at Work

Onderzoek  &  FuncAoneel  plan  

-­‐ ‘Gevoel’  &  vergelijken  

à  

-­‐   Usability  onderzoek  -­‐   Usability  Benchmarking  

-­‐   Nauwgezet  interacAedesign      

i.s.m.  Netmarke9ng  Usability  Experts  (onderzoek  +  interac9eontwerp)  &  Fabrique  (visueel  design)    

Page 7: Efashion 2011- Willem Wijnen - Men at Work

Onderzoeksopzet  

-­‐   48  respondenten  uit  de  doelgroep  -­‐   1  uur  interview  met  taken  

-­‐   Eyetracking  +  concurrent  think  aloud  

-­‐   KwalitaAef:  inzicht  

Page 8: Efashion 2011- Willem Wijnen - Men at Work

t  

-­‐ T  

Page 9: Efashion 2011- Willem Wijnen - Men at Work

t  

-­‐ T  

Page 10: Efashion 2011- Willem Wijnen - Men at Work

Meetpunten  

-­‐   Overall  Usability  -­‐   Usefulness  -­‐   Ease  of  Use  

-­‐   Ease  of  Learning  -­‐   SaAsfacAon  

-­‐ -­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐-­‐  -­‐   Vormgeving  -­‐   Uitstraling  

-­‐   Verwacht  herhaalbezoek  -­‐   Aanbevelen  

Page 11: Efashion 2011- Willem Wijnen - Men at Work

FuncAoneel  Design  vs  ‘CreaAef’  Design  

Shop   Usability   Vormgeving   Uitstraling  

A   47   9   9  

B   65   9   9  

C   77   6,4   6,7  

D   71   7,3   7,7  

E   45   8   8  

F   56   6   6  

Page 12: Efashion 2011- Willem Wijnen - Men at Work

Enkele  conclusies  

-­‐   gestructureerd  uitklapmenu  -­‐   kleine  menu’s  -­‐   veel  filters  met  aantallen  -­‐   vereenvoudigd  zoeken    -­‐   maximale  zoom  -­‐   foto’s  op  echte  modellen  -­‐   informaAeve  tekst  -­‐   overduidelijke  call  to  acAon  

-­‐   garanAes/ideal  +          bestelinformaAe  -­‐   geen  kassakoopjes  -­‐   reviews  -­‐   lange  lijstpagina’s  -­‐   alAjd  een  mandje,  met  foto  -­‐   niet  lezen  maar  scannen    -­‐   toplijstjes    

Page 13: Efashion 2011- Willem Wijnen - Men at Work

Verder  impactvol  

-­‐   fotografie  -­‐   voorraad  -­‐   performance  

Page 14: Efashion 2011- Willem Wijnen - Men at Work

Menu’s  &  filtering  

-­‐   Structuur/hierarchie  -­‐   Rubricering  -­‐   Kort  

à  +xx%  conversie      

Page 15: Efashion 2011- Willem Wijnen - Men at Work

t  

-­‐ T  

Page 16: Efashion 2011- Willem Wijnen - Men at Work

ZoekfuncAe  

-­‐   Prefill  -­‐   Direct  tonen  -­‐   Spelling/zoektermmanagement  

à  +xx%  conversie  

Page 17: Efashion 2011- Willem Wijnen - Men at Work

t  

-­‐ T  

Page 18: Efashion 2011- Willem Wijnen - Men at Work

t  

-­‐ T  

Page 19: Efashion 2011- Willem Wijnen - Men at Work

t  

-­‐ T  

Page 20: Efashion 2011- Willem Wijnen - Men at Work

Knoppen  en  clickhints  

-­‐   Duidelijke,  onderscheidende  knoppen  -­‐   Clickhints  in  beeld  en  tekst  

à  +xx%  conversie  

Page 21: Efashion 2011- Willem Wijnen - Men at Work

t  

-­‐ T  

Page 22: Efashion 2011- Willem Wijnen - Men at Work

t  

-­‐ T  

Page 23: Efashion 2011- Willem Wijnen - Men at Work

Paskamer  

-­‐   xx%  meer  producten  bekeken  -­‐   xx%  meer  Ajd  op  pagina  -­‐   +xx%  bezoekwaarde  

Page 24: Efashion 2011- Willem Wijnen - Men at Work

Tips  

-­‐  KwalitaAef  onderzoek  voor  inzicht  -­‐   Meetbare  concurrenAevergelijking  -­‐   Gedetailleerd  funcAoneel  plan  -­‐   Visuele  designers  met  interacAe  ervaring  -­‐   Printers  de  zaal  uit…  -­‐   FuncAe  eerst,  dan  vorm!