74
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 - user experience guidelines

Embed Size (px)

Citation preview

Page 1: Søgning i e-handel - user experience guidelines

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 - user experience guidelines

I dag9:00 - 9:10 Hvem er vi?9:10 – 10:15 De vigtigste indsigter + usability-tips10:15 – 10:25 Struktureret pause10:25 – 10:50 Når bruger- og forretningskrav møder teknikken10:50 – 11:00 Spørgsmål og diskussion

Page 3: Søgning i e-handel - user experience guidelines

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 - user experience guidelines

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 - user experience guidelines

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 6: Søgning i e-handel - user experience guidelines

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

Page 7: Søgning i e-handel - user experience guidelines

#1 Kan brugeren finde søgefeltet?

Page 8: Søgning i e-handel - user experience guidelines
Page 9: Søgning i e-handel - user experience guidelines
Page 10: Søgning i e-handel - user experience guidelines
Page 11: Søgning i e-handel - user experience guidelines
Page 12: Søgning i e-handel - user experience guidelines
Page 13: Søgning i e-handel - user experience guidelines
Page 14: Søgning i e-handel - user experience guidelines
Page 15: Søgning i e-handel - user experience guidelines

#2 RelevansTolerance

Synonymer

Page 16: Søgning i e-handel - user experience guidelines

Ser kun første side af søgeresultatet

Guidelines

82 %

Page 17: Søgning i e-handel - user experience guidelines
Page 18: Søgning i e-handel - user experience guidelines
Page 19: Søgning i e-handel - user experience guidelines
Page 20: Søgning i e-handel - user experience guidelines

Søgeloggen

Page 21: Søgning i e-handel - user experience guidelines
Page 22: Søgning i e-handel - user experience guidelines
Page 23: Søgning i e-handel - user experience guidelines
Page 24: Søgning i e-handel - user experience guidelines
Page 25: Søgning i e-handel - user experience guidelines
Page 26: Søgning i e-handel - user experience guidelines
Page 27: Søgning i e-handel - user experience guidelines
Page 28: Søgning i e-handel - user experience guidelines
Page 29: Søgning i e-handel - user experience guidelines
Page 30: Søgning i e-handel - user experience guidelines
Page 31: Søgning i e-handel - user experience guidelines

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

Page 32: Søgning i e-handel - user experience guidelines
Page 33: Søgning i e-handel - user experience guidelines
Page 34: Søgning i e-handel - user experience guidelines
Page 35: Søgning i e-handel - user experience guidelines
Page 36: Søgning i e-handel - user experience guidelines

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

Page 37: Søgning i e-handel - user experience guidelines
Page 38: Søgning i e-handel - user experience guidelines
Page 39: Søgning i e-handel - user experience guidelines
Page 40: Søgning i e-handel - user experience guidelines

Promoverede resultater

Page 41: Søgning i e-handel - user experience guidelines
Page 42: Søgning i e-handel - user experience guidelines
Page 43: Søgning i e-handel - user experience guidelines

#3Auto-suggest

akaSearch-suggestAuto-complete

Type-aheadSearch assist

Page 44: Søgning i e-handel - user experience guidelines
Page 45: Søgning i e-handel - user experience guidelines

”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 - user experience guidelines

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 - user experience guidelines

#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 - user experience guidelines

Auto-suggest

Page 49: Søgning i e-handel - user experience guidelines

#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 - user experience guidelines

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 - user experience guidelines
Page 52: Søgning i e-handel - user experience guidelines

#3: Hybriden Skal designes

med omhyggelighed for ikke at blive uoverskuelig.

Auto-suggest

Page 53: Søgning i e-handel - user experience guidelines
Page 54: Søgning i e-handel - user experience guidelines

#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 55: Søgning i e-handel - user experience guidelines
Page 56: Søgning i e-handel - user experience guidelines

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

brugeren har indtastet

Auto-suggest

Page 57: Søgning i e-handel - user experience guidelines

#4Facetteret søgning

Page 58: Søgning i e-handel - user experience guidelines

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 - user experience guidelines
Page 60: Søgning i e-handel - user experience guidelines
Page 61: Søgning i e-handel - user experience guidelines
Page 62: Søgning i e-handel - user experience guidelines

Parallel selectionKan (ofte) kendes på brugen af checkbokse

Facetteret søgning

Page 63: Søgning i e-handel - user experience guidelines

Og/eller logik Facetgrupper: Logisk og Facetværdier: Logisk eller

Facetteret søgning – Parallel selection

1

2

Eksempel

Page 64: Søgning i e-handel - user experience guidelines

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 65: Søgning i e-handel - user experience guidelines

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 66: Søgning i e-handel - user experience guidelines
Page 67: Søgning i e-handel - user experience guidelines

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 68: Søgning i e-handel - user experience guidelines

”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 - user experience guidelines
Page 70: Søgning i e-handel - user experience guidelines
Page 71: Søgning i e-handel - user experience guidelines
Page 72: Søgning i e-handel - user experience guidelines

Struktureret 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?

Tal med din sidemand i 5 min.

Page 73: Søgning i e-handel - user experience guidelines

I dag9:00 - 9:10 Hvem er vi?9:10 – 10:15 De vigtigste indsigter + usability-tips10:15 – 10:25 Struktureret pause10:25 – 10:50 Når bruger- og forretningskrav møder teknikken10:50 – 11:00 Spørgsmål og diskussion

Page 74: Søgning i e-handel - user experience guidelines

Tak!

Jens Hofman HansenDigital forretningsudviklerVertica A/S

Rasmus ØstergaardSenior developerVertica A/S