75
Morgenmøde: Søgning i e-handel Jens Hofman Hansen Digital forretningsudvikler Vertica A/S Rasmus Østergaard Senior developer 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

Morgenmøde:Søgning i e-handel

Jens Hofman HansenDigital forretningsudviklerVertica A/S

Rasmus ØstergaardSenior developerVertica A/S

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

I dag8:30 – 9:10 Kaffe og bordet rundt – hvem er vi?9:10 – 10:10 De vigtigste indsigter + usability-tips10:10 – 10:20 Pause10:20 – 10:50 Når bruger- og forretningskrav møder teknikken10:50 – 11:30 Spørgsmål og diskussion

Page 3: 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 4: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Søgning er lige så relevant i B2B som i

B2C

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

Brugerne har langt hen ad vejen samme forventninger til

søgning i B2B som B2C

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

Mange flere varenumre

Samlet set flere produktfacetter

Kundeindividuelle data

Page 7: 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 8: 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 9: 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 10: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

#1 Kan brugeren finde søgefeltet?

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
Page 13: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
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
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

#2 RelevansTolerance

Synonymer

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

Ser kun første side af søgeresultatet

Guidelines

82 %

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

Søgeloggen

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

B2B Kig efter fagtermer og “fagslang” Søges der på produktnumre? Søges der efter data, som ikke er i

indekset? Er der data i indekset som måske er

irrelevante?

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
Page 30: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
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

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

Page 33: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
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
Page 36: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 37: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

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

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

Promoverede resultater

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

#3Auto-suggest

akaSearch-suggestAuto-complete

Type-aheadSearch assist

Page 44: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 45: 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 til at søgefelter kommer med nogenlunde fornuftige 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 46: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Anatomien bag*1. Populære søgninger 2. Minisøgeresultatet3. Hybriden4. Den primitive

Auto-suggest

*) Frit efter mit blogindlæg http://blog.vertica.dk/2014/01/02/anatomien-bag-search-suggest/

Page 47: 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å

God til inspiration, hjælp til formuleringer

Auto-suggest

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

Auto-suggest

Page 49: 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 50: 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 51: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 52: 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 53: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 54: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

#4: 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 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

Tænk på… Performance Retur-tasten Understøt piletaster Markér det, som

brugeren har indtastet

Auto-suggest

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

#4Facetteret søgning

Page 58: 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 59: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 60: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 61: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests
Page 62: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests

Parallel selectionKan (ofte) kendes på brugen af checkbokse

Facetteret søgning

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

Konventioner Facetgrupper: Logisk og Facetværdier: Logisk eller

Facetteret søgning – Parallel selection

1

2

Page 64: 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

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

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

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

Hvad hørte vi om? Søgefeltets synlighed Relevans og tolerance Search suggest Facetter

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

PauseVar der noget af det, som du hørte i denne første del af oplægget, som har givet dig lyst til at gøre noget ved jeres søgemaskine?

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

I dag8:30 – 9:10 Kaffe og bordet rundt – hvem er vi?9:10 – 10:10 De vigtigste indsigter + usability-tips10:10 – 10:20 Pause10:20 – 10:50 Når bruger- og forretningskrav møder teknikken10:50 – 11:30 Spørgsmål og diskussion

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

Tak!

Jens Hofman HansenDigital forretningsudviklerVertica A/S

Rasmus ØstergaardSenior developerVertica A/S