69
J. Boye Erfagruppe Jens Hofman Hansen Digital forretningsudvikler Vertica A/S

Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Embed Size (px)

Citation preview

Page 1: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

J. Boye Erfagruppe

Jens Hofman Hansen Digital forretningsudvikler Vertica A/S

Page 2: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

I dag Om undersøgelsen Resultater

Det basale Relevans, tolerance, synonymer Auto-suggest Facetteret søgning

Spørgsmål og diskussion – hvilke udfordringer har I selv med jeres søgemaskine?

Page 3: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Søgning er afgørende…

Page 4: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Hvorfor er det interessant? §  Søgende brugere konverterer bedre §  Søgende brugere er mere afklarede

og målrettede §  Brugerne har vænnet sig til at søgning

kan virke godt

Page 5: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Brugervenlighedstests* §  Tænke-højt-tests §  9 brugere §  8 sites

matas.dk, coop.dk, shop.cph.dk, ikea.dk, zalando.dk, smartguy.dk, wupti.com, coolshop.dk

§  Mobil & desktop §  228 testopgaver gennemført

*Brugerne vidste ikke at vi testede søgning!

METODE

Page 6: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

+ METODE

Ekspertgennemgang, analyse og erfaring

Page 7: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Vi observerede at: §  i 67% af tilfældene søger brugerne for at løse

scenariet

§  Kun i 58% af søgetilfældene lykkes det brugerne at finde, hvad de leder efter. I de resterende tilfælde konkluderer brugerne fejlagtigt, at webshoppen ikke sælger den eftersøgte vare.

FAKTA OM SØGNING

Page 8: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

≈ 28% af samtlige tilfælde konkluderer brugerne fejlagtigt, at webshoppen ikke sælger den eftersøgte vare.

Page 9: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

#1 Kan brugeren finde søgefeltet?

Page 10: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 11: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 12: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

#2 Relevans Tolerance

Synonymer

Page 13: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Ser kun første side af søgeresultatet

Guidelines

82  %  

Page 14: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 15: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 16: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 17: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Søgeloggen

Page 18: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 19: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 20: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 21: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 22: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 23: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 24: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Tolerance “evne til at acceptere det, der afviger fra det normale”

Page 25: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 26: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 27: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 28: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 29: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

T  shirt  (4)   Tshirt  (1915)   T-­‐shirt  (44)  

Page 30: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Promoverede resultater

Page 31: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 32: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 33: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Boosting

Page 34: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 35: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Hvad kan du gøre? §  Lav en brugertest §  Se i søgeloggen – hvis ikke du har den,

så få den etableret J

Page 36: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

#3 Auto-suggest

aka

Search-suggest Auto-complete

Type-ahead Search assist

Page 37: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 38: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Hjælpsom og guidende

§  Feedback §  Korrigerer §  Inspirerer §  Effektiviserer

Auto-suggest

Page 39: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

”Tidligere  havde  jeg  bare  skrevet  ’nordli’  og  trykket  enter.  Men  jeg  tror,  jeg  har  vænnet  mig  ;l  at  søgefelter  kommer  med  nogenlunde  fornu?ige  forslag.  Da  jeg  skrev  ”nordli”,  stod  der  ”kommode”  nedenunder,  og  så  tænke  jeg,  at  så  kan  jeg  godt  skrive  ”nordli  kommode”.  Så  den  hjalp  mig  med  at  præcisere  allerede  ved  søgefeltet”  

Bruger om auto-suggest

Page 40: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Anatomien bag* §  5 primære typer

1.  Populære søgninger 2.  Minisøgeresultatet 3.  Hybriden 4.  Afarten 5.  Den primitive

Auto-suggest

*)  Frit  e5er  mit  blogindlæg    h>p://blog.verDca.dk/2014/01/02/anatomien-­‐bag-­‐search-­‐suggest/  

Page 41: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

#1: Populære søgninger §  Viser, hvad andre

brugere har søgt på §  Populære søgeord

øverst §  God til: Inspiration,

hjælp til formuleringer

Auto-suggest

Page 42: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Auto-suggest

Page 43: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

#2: Minisøgeresultatet §  Faktiske resultater:

Produkter, indholdssider, etc.

§  God til: Effektivitet, promovering af bestemte produkter/sider

Auto-suggest

Page 44: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Direkte læg i kurv: Oplagt, hvis brugeren har tilstrækkelig information allerede her.

Prioritering af resultater: Produkter kan lægges øverst hvis de er vigtigere end content

”Vis alle” er et must! Skriv gerne Vis alle (24 resultater). Største ulempe bliver også eksponeret her: Mange brugere når aldrig til det fulde søgeresultat.

Page 45: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

#3: Hybriden §  Skal designes

med omhyggelighed for ikke at blive uoverskuelig.

Auto-suggest

Page 46: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 47: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

#4: Afarten §  Sjældent brugt.

§  Imødekommer tilbagevendende kunder.

Auto-suggest

Page 48: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

#5: Den primitive ”Registeropslaget”

§  Ligner på overfladen populære søgninger.

§  Opslag i produktkatalog/database.

§  Mere statisk og ikke præget af brugernes interaktion.

§  Når det er afgørende at brugeren formulerer sig præcist

Auto-suggest

Page 49: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 50: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 51: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Vigtige usability tips I §  Performance §  Retur-tasten §  Understøt piletaster §  Markér det, som

brugeren har indtastet

Auto-suggest

Page 52: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Vigtige usability tips II Auto-suggest

Page 53: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Facetteret søgning

Page 54: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Brug af filtrering §  Undtagelsen mere end reglen §  14 % af brugerne

§  MEN: Filtrering kan sjældent undværes

Facetteret søgning

Page 55: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 56: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Efterfiltrering frem for forfiltrering

Facetteret søgning

Page 57: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 58: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Parallel selection Kan (ofte) kendes på brugen af checkbokse

Facetteret søgning

Page 59: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Og/eller logik

§  Facetgrupper: Logisk og §  Facetværdier: Logisk eller

Facetteret søgning – Parallel selection

 1  

 2  

Eksempel  

Page 60: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Facetter er dynamiske §  Vis kun facetter der matcher:

§  De produkter der er tilgængelige §  Brugerens valg

§  Gælder både grupper og værdier

Facetteret søgning

Eksempel  

Page 61: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Facetter skal give mening §  Søgning på ”ps4”giver 389 resultater §  33 år vælges

Facetteret søgning

Page 62: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Datakvalitet! §  Alle varer inden for en søgning skal

kunne findes via de filtre der vises

§  Hvis ikke er der risiko for at brugeren ikke finder produktet

Facetteret søgning

Page 63: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 64: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Vis hvor mange match der er.

Page 65: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Rækkefølge §  Facetgrupper

§  Hvad er den logiske rækkefølge? §  Hvad er der mest behov for?

§  Facetværdier §  Alfabetisk §  Efter antal §  Efter popularitet

Facetteret søgning

Afhænger dog af hvilken type facetgruppe der er tale om - Sæt fx altid numeriske filtre i numerisk rækkefølge.

Page 66: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 67: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 68: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

”Det er svært at ramme den her pris. Det er svært lige præcis at ramme 500 kroner.”

Page 69: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Tak!

Jens Hofman Hansen Digital forretningsudvikler Vertica A/S