søgning i e-handel - ux guidelines baseret på indsigt fra brugertests
TRANSCRIPT
![Page 1: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/1.jpg)
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](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/2.jpg)
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](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/3.jpg)
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](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/4.jpg)
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 5: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/5.jpg)
Søgning er lige så relevant i B2B som i
B2C
![Page 6: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/6.jpg)
Brugerne har langt hen ad vejen samme forventninger til
søgning i B2B som B2C
![Page 7: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/7.jpg)
Mange flere varenumre
Samlet set flere produktfacetter
Kundeindividuelle data
![Page 8: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/8.jpg)
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](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/9.jpg)
≈ 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](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/10.jpg)
#1 Kan brugeren finde søgefeltet?
![Page 11: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/11.jpg)
![Page 12: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/12.jpg)
![Page 13: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/13.jpg)
![Page 14: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/14.jpg)
![Page 15: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/15.jpg)
![Page 16: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/16.jpg)
![Page 17: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/17.jpg)
![Page 18: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/18.jpg)
![Page 19: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/19.jpg)
#2 RelevansTolerance
Synonymer
![Page 20: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/20.jpg)
Ser kun første side af søgeresultatet
Guidelines
82 %
![Page 21: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/21.jpg)
![Page 22: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/22.jpg)
![Page 23: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/23.jpg)
![Page 24: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/24.jpg)
Søgeloggen
![Page 25: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/25.jpg)
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](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/26.jpg)
![Page 27: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/27.jpg)
![Page 28: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/28.jpg)
![Page 29: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/29.jpg)
![Page 30: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/30.jpg)
![Page 31: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/31.jpg)
![Page 32: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/32.jpg)
![Page 33: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/33.jpg)
Tolerance“evne til at acceptere det, der afviger fra det normale”
![Page 34: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/34.jpg)
![Page 35: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/35.jpg)
![Page 36: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/36.jpg)
![Page 37: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/37.jpg)
![Page 38: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/38.jpg)
T shirt (4) Tshirt (1915) T-shirt (44)
![Page 39: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/39.jpg)
Promoverede resultater
![Page 40: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/40.jpg)
![Page 41: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/41.jpg)
![Page 42: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/42.jpg)
#3Auto-suggest
akaSearch-suggestAuto-complete
Type-aheadSearch assist
![Page 43: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/43.jpg)
![Page 44: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/44.jpg)
”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 45: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/45.jpg)
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 46: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/46.jpg)
#1: Populære søgninger
Viser, hvad andre brugere har søgt på
God til inspiration, hjælp til formuleringer
Auto-suggest
![Page 47: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/47.jpg)
Auto-suggest
![Page 48: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/48.jpg)
#2: Minisøgeresultatet Faktiske resultater:
Produkter, indholdssider, etc.
God til: Effektivitet, promovering af bestemte produkter/sider
Auto-suggest
![Page 49: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/49.jpg)
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 50: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/50.jpg)
#3: Hybriden Skal designes
med omhyggelighed for ikke at blive uoverskuelig.
Auto-suggest
![Page 51: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/51.jpg)
![Page 52: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/52.jpg)
#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 53: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/53.jpg)
![Page 54: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/54.jpg)
Tænk på… Performance Retur-tasten Understøt piletaster Markér det, som
brugeren har indtastet
Auto-suggest
![Page 55: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/55.jpg)
#4Facetteret søgning
![Page 56: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/56.jpg)
Brug af filtrering Undtagelsen mere end reglen 14 % af brugerne
MEN: Filtrering kan sjældent undværes
Facetteret søgning
![Page 57: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/57.jpg)
![Page 58: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/58.jpg)
Parallel selectionKan (ofte) kendes på brugen af checkbokse
Facetteret søgning
![Page 59: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/59.jpg)
Konventioner Facetgrupper: Logisk og Facetværdier: Logisk eller
Facetteret søgning – Parallel selection
1
2
![Page 60: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/60.jpg)
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 61: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/61.jpg)
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 62: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/62.jpg)
![Page 63: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/63.jpg)
”Det er svært at ramme den her pris. Det er svært lige præcis at ramme 500 kroner.”
![Page 64: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/64.jpg)
![Page 65: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/65.jpg)
![Page 66: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/66.jpg)
![Page 67: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/67.jpg)
Hvad hørte vi om? Søgefeltets synlighed Relevans og tolerance Search suggest Facetter
![Page 68: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/68.jpg)
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 69: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/69.jpg)
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 70: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader036.vdocuments.site/reader036/viewer/2022070519/58ed79dd1a28abae368b45a5/html5/thumbnails/70.jpg)
Tak!
Jens Hofman HansenDigital forretningsudviklerVertica A/S
Rasmus ØstergaardSenior developerVertica A/S