søgning i e-handel - ux guidelines baseret på indsigt fra brugertests

J. Boye Erfagruppe

Jens Hofman Hansen Digital forretningsudvikler Vertica A/S

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?

Søgning er afgørende…

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

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

+ METODE

Ekspertgennemgang, analyse og erfaring

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

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

#1 Kan brugeren finde søgefeltet?

#2 Relevans Tolerance

Synonymer

Ser kun første side af søgeresultatet

Guidelines

82  %  

Søgeloggen

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

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

Promoverede resultater

Boosting

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

så få den etableret J

#3 Auto-suggest

aka

Search-suggest Auto-complete

Type-ahead Search assist

Hjælpsom og guidende

§  Feedback §  Korrigerer §  Inspirerer §  Effektiviserer

Auto-suggest

”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

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/  

#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

Auto-suggest

#2: Minisøgeresultatet §  Faktiske resultater:

Produkter, indholdssider, etc.

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

Auto-suggest

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.

#3: Hybriden §  Skal designes

med omhyggelighed for ikke at blive uoverskuelig.

Auto-suggest

#4: Afarten §  Sjældent brugt.

§  Imødekommer tilbagevendende kunder.

Auto-suggest

#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

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

brugeren har indtastet

Auto-suggest

Vigtige usability tips II Auto-suggest

Facetteret søgning

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

§  MEN: Filtrering kan sjældent undværes

Facetteret søgning

Efterfiltrering frem for forfiltrering

Facetteret søgning

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

Facetteret søgning

Og/eller logik

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

Facetteret søgning – Parallel selection

 1  

 2  

Eksempel  

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  

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

Facetteret søgning

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

Vis hvor mange match der er.

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.

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

Tak!

Jens Hofman Hansen Digital forretningsudvikler Vertica A/S