ݺߣ

ݺߣShare a Scribd company logo
Morgenmøde:
Søgning i e-handel
Jens Hofman Hansen
Digital forretningsudvikler
Vertica A/S
Rasmus Østergaard
Senior developer
Vertica A/S
I dag
9:00 - 9:10 Hvem er vi?
9:10 – 10:15 De vigtigste indsigter + usability-tips
10:15 – 10:25 Struktureret pause
10:25 – 10:50 Når bruger- og forretningskrav møder teknikken
10:50 – 11:00 Spørgsmål og diskussion
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
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øgning i e-handel - user experience guidelines
Søgning i e-handel - user experience guidelines
Søgning i e-handel - user experience guidelines
Søgning i e-handel - user experience guidelines
Søgning i e-handel - user experience guidelines
Søgning i e-handel - user experience guidelines
Søgning i e-handel - user experience guidelines
#2
Relevans
Tolerance
Synonymer
Ser kun første side af
søgeresultatet
Guidelines
82 %
Søgning i e-handel - user experience guidelines
Søgning i e-handel - user experience guidelines
Søgning i e-handel - user experience guidelines
øDz
Søgning i e-handel - user experience guidelines
Søgning i e-handel - user experience guidelines
Søgning i e-handel - user experience guidelines
Søgning i e-handel - user experience guidelines
Søgning i e-handel - user experience guidelines
Søgning i e-handel - user experience guidelines
Søgning i e-handel - user experience guidelines
Søgning i e-handel - user experience guidelines
Søgning i e-handel - user experience guidelines
Søgning i e-handel - user experience guidelines
Tolerance
“evne til at acceptere det, der afviger fra
det normale”
Søgning i e-handel - user experience guidelines
Søgning i e-handel - user experience guidelines
Søgning i e-handel - user experience guidelines
Søgning i e-handel - user experience guidelines
T shirt (4) Tshirt (1915) T-shirt (44)
Søgning i e-handel - user experience guidelines
Søgning i e-handel - user experience guidelines
Søgning i e-handel - user experience guidelines
Promoverede resultater
Søgning i e-handel - user experience guidelines
Søgning i e-handel - user experience guidelines
#3
Auto-suggest
aka
Search-suggest
Auto-complete
Type-ahead
Search assist
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
Anatomien bag*
1. Populære søgninger
2. Minisøgeresultatet
3. Hybriden
4. Den primitive
Auto-suggest
*) Frit efter mit blogindlæg
http://blog.vertica.dk/2014/01/02/anatomien-bag-search-suggest/
#1: Populære søgninger
 Viser, hvad andre
brugere har søgt på
 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.
Søgning i e-handel - user experience guidelines
#3: Hybriden
 Skal designes
med
omhyggelighed
for ikke at blive
uoverskuelig.
Auto-suggest
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
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
#4
Facetteret søgning
Brug af filtrering
 Undtagelsen mere end reglen
 14 % af brugerne
 MEN: Filtrering kan sjældent
undværes
Facetteret søgning
Søgning i e-handel - user experience guidelines
Søgning i e-handel - user experience guidelines
Søgning i e-handel - user experience guidelines
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
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
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.
”Det er svært at ramme
den her pris. Det er svært
lige præcis at ramme 500
kroner.”
Søgning i e-handel - user experience guidelines
Søgning i e-handel - user experience guidelines
Søgning i e-handel - user experience guidelines
Struktureret pause
Var 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.
I dag
9:00 - 9:10 Hvem er vi?
9:10 – 10:15 De vigtigste indsigter + usability-tips
10:15 – 10:25 Struktureret pause
10:25 – 10:50 Når bruger- og forretningskrav møder teknikken
10:50 – 11:00 Spørgsmål og diskussion
Tak!
Jens Hofman Hansen
Digital forretningsudvikler
Vertica A/S
Rasmus Østergaard
Senior developer
Vertica A/S

More Related Content

Søgning i e-handel - user experience guidelines

  • 1. Morgenmøde: Søgning i e-handel Jens Hofman Hansen Digital forretningsudvikler Vertica A/S Rasmus Østergaard Senior developer Vertica A/S
  • 2. I dag 9:00 - 9:10 Hvem er vi? 9:10 – 10:15 De vigtigste indsigter + usability-tips 10:15 – 10:25 Struktureret pause 10:25 – 10:50 Når bruger- og forretningskrav møder teknikken 10:50 – 11:00 Spørgsmål og diskussion
  • 3. 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
  • 4. 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
  • 5. 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
  • 6. ≈ 28% af samtlige tilfælde konkluderer brugerne fejlagtigt, at webshoppen ikke sælger den eftersøgte vare.
  • 16. Ser kun første side af søgeresultatet Guidelines 82 %
  • 20. øDz
  • 31. Tolerance “evne til at acceptere det, der afviger fra det normale”
  • 36. T shirt (4) Tshirt (1915) T-shirt (44)
  • 45. ”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
  • 46. Anatomien bag* 1. Populære søgninger 2. Minisøgeresultatet 3. Hybriden 4. Den primitive Auto-suggest *) Frit efter mit blogindlæg http://blog.vertica.dk/2014/01/02/anatomien-bag-search-suggest/
  • 47. #1: Populære søgninger  Viser, hvad andre brugere har søgt på  God til inspiration, hjælp til formuleringer Auto-suggest
  • 49. #2: Minisøgeresultatet  Faktiske resultater: Produkter, indholdssider, etc.  God til: Effektivitet, promovering af bestemte produkter/sider Auto-suggest
  • 50. 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.
  • 52. #3: Hybriden  Skal designes med omhyggelighed for ikke at blive uoverskuelig. Auto-suggest
  • 54. #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
  • 56. Vigtige usability-tips  Performance  Retur-tasten  Understøt piletaster  Markér det, som brugeren har indtastet Auto-suggest
  • 58. Brug af filtrering  Undtagelsen mere end reglen  14 % af brugerne  MEN: Filtrering kan sjældent undværes Facetteret søgning
  • 62. Parallel selection Kan (ofte) kendes på brugen af checkbokse Facetteret søgning
  • 63. Og/eller logik  Facetgrupper: Logisk og  Facetværdier: Logisk eller Facetteret søgning – Parallel selection 1 2 Eksempel
  • 64. 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
  • 65. 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
  • 67. 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.
  • 68. ”Det er svært at ramme den her pris. Det er svært lige præcis at ramme 500 kroner.”
  • 72. Struktureret pause Var 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.
  • 73. I dag 9:00 - 9:10 Hvem er vi? 9:10 – 10:15 De vigtigste indsigter + usability-tips 10:15 – 10:25 Struktureret pause 10:25 – 10:50 Når bruger- og forretningskrav møder teknikken 10:50 – 11:00 Spørgsmål og diskussion
  • 74. Tak! Jens Hofman Hansen Digital forretningsudvikler Vertica A/S Rasmus Østergaard Senior developer Vertica A/S

Editor's Notes

  • #2: Henning
  • #3: Henning Lav praktisk oplæg Dele resultater og erfaringer Lidt om metode Husk at sige at de kan hente præsentation på slide share og kan få adgang til rapporten… Morgenmøde om søgning i e-handel I mange netbutikker har site-søgefunktionen stor betydning både for brugeroplevelsen og ikke mindst omsætningen. ”If They Can’t Find It, They Can’t Buy It” siges det ofte, og derfor kræver dit sites søgefunktion en omhyggelig indsats både i etableringen og vedligeholdelsen af dit site. På dette morgenmøde stiller vi skarpt på etablerede konventioner og state-of-the-art søgeteknologi som du skal kunne meste, hvis du skal have en webshop der konverterer bedst muligt. 8:30-9.00 Ankomst og morgenkaffe 9.00-10.00 De bedste usability-tips til en god søgemaskine - Gå udenom de klassiske fald-gruber - følg den etablerede best-practice. Masser af eksempler - Sådan er best-practice for design af filtreringsfunktion - på desktop og mobil - Sådan designer du bedst auto-suggest til dit søgefelt - Vi har set på din og de andre deltageres søgemaskiner - men bare rolig, vi vil primært fortælle om eksempler på ting, der virker godt :-) Det er det, vi alle kan lære af 10.00-10.10 En lille pause 10.10-10.30 Når forretnings- og brugerbehov møder teknikken - Hvordan kommunikerer du bedst med din søgemaskine-tekniker? - Sådan holder du styr på, om din søgemaskine virker godt. Brugertests og system-tests - Hvordan bliver relevans-algoritmen bedre i praksis? - Hvordan bliver søgemaskinen mere tolerant? 10:30-11:00 Diskussion og spørgsmål - Hvad er jeres udfordringer med søgemaskinenen lige nu? - Hvad kan man gøre ved det?
  • #5: Sites: Zalando.dk Coolshop.dk Coop.dk Matas.dk Wupti.com CPH.dk Stylepit.dk Ikea.dk Udvalgt pga. både mobil og desktop og kendte sites i danmark Disclaimer: De otte sites opdateres og udvikler sig. Vores eksempler bygger på det tidspunkt, hvor vores test blev udført, men der er sket ændringer på de otte sites siden.
  • #6: Ud af 228 testopgaver
  • #30: Redirect lige over til kategorisiden
  • #44: Stammer oprindeligt fra Google 2008 Hjælpe brugeren Formulere søgninger Reducere stavefejl Reducere tastetryk
  • #46: Læs det højt…
  • #48: Fordele: Hjælpe med at formulere nye søgninger, hvor brugeren er lidt på glatis Opfordre til eksplorativ frem for målrettet søgning – inspirerende
  • #49: Fordele: Hjælpe med at formulere nye søgninger, hvor brugeren er lidt på glatis Opfordre til eksplorativ frem for målrettet søgning – inspirerende
  • #50: Fordele: Promovere produkter og sider Understøtte hurtig og effektiv søgning
  • #53: Shop.cph.dk giver et godt eksempel på, hvorfor det kan være svært og hvad du blandt andet skal passe på…
  • #55: Nok bedre betegnet som auto-complete. Fordele: Hjælpe brugeren med præcise og effektive søgninger lade brugeren vælge noget fra en begrænset liste At eksponere det komplette register – der ikke er præget af andre brugeres interaktion At eksponere gode søgetermer Kan være første skridt på vej mod poulære søgnigner. Vil dog typisk give problemer inden for klassisk e-handel: Matcher ikke nødvendigvis brugerens indtastning Kan virke primitiv Lad os se på et par eksempler fra stylepit.dk
  • #58: Klassisk I venstre side af søgeresultatet, der hvor venstremenuen ellers er placeret/var placeret førhen
  • #59: Skaber effektive og hurtige søgninger
  • #61: Brede resultater Målrettet bruger der ved, hvad hun vil have Kender specifikationer
  • #63: Mest anvendte måde at løse filtrering Men der findes også drilldown Ex Coop Wupti Stylepit
  • #64: ݺߣren i toppen vender vi tilbage til Der er nogle grundlæggende guidelines og best practices som gør filtre nemme at bruge og overskuelige for brugerne… LAD OS SE PÅ DEM….
  • #65: Opdateres ved hver interaktion Skal altid kun vise det der matcher brugerens valg, mht: Facetgrupper Facetværdier Produkter
  • #66: Rasmus kommer mere ind på dette senere
  • #67: God idé med køn fx i forbindelse med børn
  • #73: Henning Lav praktisk oplæg Dele resultater og erfaringer Lidt om metode Husk at sige at de kan hente præsentation på slide share og kan få adgang til rapporten… Morgenmøde om søgning i e-handel I mange netbutikker har site-søgefunktionen stor betydning både for brugeroplevelsen og ikke mindst omsætningen. ”If They Can’t Find It, They Can’t Buy It” siges det ofte, og derfor kræver dit sites søgefunktion en omhyggelig indsats både i etableringen og vedligeholdelsen af dit site. På dette morgenmøde stiller vi skarpt på etablerede konventioner og state-of-the-art søgeteknologi som du skal kunne meste, hvis du skal have en webshop der konverterer bedst muligt. 8:30-9.00 Ankomst og morgenkaffe 9.00-10.00 De bedste usability-tips til en god søgemaskine - Gå udenom de klassiske fald-gruber - følg den etablerede best-practice. Masser af eksempler - Sådan er best-practice for design af filtreringsfunktion - på desktop og mobil - Sådan designer du bedst auto-suggest til dit søgefelt - Vi har set på din og de andre deltageres søgemaskiner - men bare rolig, vi vil primært fortælle om eksempler på ting, der virker godt :-) Det er det, vi alle kan lære af 10.00-10.10 En lille pause 10.10-10.30 Når forretnings- og brugerbehov møder teknikken - Hvordan kommunikerer du bedst med din søgemaskine-tekniker? - Sådan holder du styr på, om din søgemaskine virker godt. Brugertests og system-tests - Hvordan bliver relevans-algoritmen bedre i praksis? - Hvordan bliver søgemaskinen mere tolerant? 10:30-11:00 Diskussion og spørgsmål - Hvad er jeres udfordringer med søgemaskinenen lige nu? - Hvad kan man gøre ved det?
  • #74: Henning Lav praktisk oplæg Dele resultater og erfaringer Lidt om metode Husk at sige at de kan hente præsentation på slide share og kan få adgang til rapporten… Morgenmøde om søgning i e-handel I mange netbutikker har site-søgefunktionen stor betydning både for brugeroplevelsen og ikke mindst omsætningen. ”If They Can’t Find It, They Can’t Buy It” siges det ofte, og derfor kræver dit sites søgefunktion en omhyggelig indsats både i etableringen og vedligeholdelsen af dit site. På dette morgenmøde stiller vi skarpt på etablerede konventioner og state-of-the-art søgeteknologi som du skal kunne meste, hvis du skal have en webshop der konverterer bedst muligt. 8:30-9.00 Ankomst og morgenkaffe 9.00-10.00 De bedste usability-tips til en god søgemaskine - Gå udenom de klassiske fald-gruber - følg den etablerede best-practice. Masser af eksempler - Sådan er best-practice for design af filtreringsfunktion - på desktop og mobil - Sådan designer du bedst auto-suggest til dit søgefelt - Vi har set på din og de andre deltageres søgemaskiner - men bare rolig, vi vil primært fortælle om eksempler på ting, der virker godt :-) Det er det, vi alle kan lære af 10.00-10.10 En lille pause 10.10-10.30 Når forretnings- og brugerbehov møder teknikken - Hvordan kommunikerer du bedst med din søgemaskine-tekniker? - Sådan holder du styr på, om din søgemaskine virker godt. Brugertests og system-tests - Hvordan bliver relevans-algoritmen bedre i praksis? - Hvordan bliver søgemaskinen mere tolerant? 10:30-11:00 Diskussion og spørgsmål - Hvad er jeres udfordringer med søgemaskinenen lige nu? - Hvad kan man gøre ved det?
  • #75: Henning