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://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/1.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/2.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/3.jpg)
Søgning er afgørende…
![Page 4: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/4.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 5: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/5.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 6: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/6.jpg)
+ METODE
Ekspertgennemgang, analyse og erfaring
![Page 7: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/7.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 8: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/8.jpg)
≈ 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](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/9.jpg)
#1 Kan brugeren finde søgefeltet?
![Page 10: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/10.jpg)
![Page 11: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/11.jpg)
![Page 12: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/12.jpg)
#2 Relevans Tolerance
Synonymer
![Page 13: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/13.jpg)
Ser kun første side af søgeresultatet
Guidelines
82 %
![Page 14: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/14.jpg)
![Page 15: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/15.jpg)
![Page 16: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/16.jpg)
![Page 17: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/17.jpg)
Søgeloggen
![Page 18: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/18.jpg)
![Page 19: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/19.jpg)
![Page 20: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/20.jpg)
![Page 21: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/21.jpg)
![Page 22: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/22.jpg)
![Page 23: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/23.jpg)
![Page 24: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/24.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/25.jpg)
![Page 26: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/26.jpg)
![Page 27: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/27.jpg)
![Page 28: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/28.jpg)
![Page 29: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/29.jpg)
T shirt (4) Tshirt (1915) T-‐shirt (44)
![Page 30: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/30.jpg)
Promoverede resultater
![Page 31: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/31.jpg)
![Page 32: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/32.jpg)
![Page 33: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/33.jpg)
Boosting
![Page 34: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/34.jpg)
![Page 35: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/35.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/36.jpg)
#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](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/37.jpg)
![Page 38: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/38.jpg)
Hjælpsom og guidende
§ Feedback § Korrigerer § Inspirerer § Effektiviserer
Auto-suggest
![Page 39: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/39.jpg)
”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](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/40.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/41.jpg)
#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](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/42.jpg)
Auto-suggest
![Page 43: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/43.jpg)
#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](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/44.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 45: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/45.jpg)
#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](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/46.jpg)
![Page 47: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/47.jpg)
#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](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/48.jpg)
#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](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/49.jpg)
![Page 50: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/50.jpg)
![Page 51: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/51.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/52.jpg)
Vigtige usability tips II Auto-suggest
![Page 53: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/53.jpg)
Facetteret søgning
![Page 54: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/54.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/55.jpg)
![Page 56: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/56.jpg)
Efterfiltrering frem for forfiltrering
Facetteret søgning
![Page 57: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/57.jpg)
![Page 58: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/58.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/59.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/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
Eksempel
![Page 61: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/61.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/62.jpg)
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](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/63.jpg)
![Page 64: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/64.jpg)
Vis hvor mange match der er.
![Page 65: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/65.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 66: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/66.jpg)
![Page 67: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/67.jpg)
![Page 68: Søgning i e-handel - UX guidelines baseret på indsigt fra brugertests](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/68.jpg)
”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](https://reader031.vdocuments.mx/reader031/viewer/2022030210/58a56ad21a28ab20528b66a5/html5/thumbnails/69.jpg)
Tak!
Jens Hofman Hansen Digital forretningsudvikler Vertica A/S