Mit oplæg til JBoye's UX-erfa-gruppe

1. J. Boye
Erfagruppe
Jens Hofman Hansen
Digital forretningsudvikler
Vertica A/S

2. 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?

3. Søgning er afgørende…

4. 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

5. 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

6. +
METODE
Ekspertgennemgang,
analyse og erfaring

7. 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

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

9. #1
Kan brugeren finde søgefeltet?

12. #2
Relevans
Tolerance
Synonymer

13. Ser kun første side af
søgeresultatet
Guidelines
82
%

17. Søgeloggen

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

29. T
shirt
(4)
Tshirt
(1915)
T-­‐shirt
(44)

30. Promoverede resultater

33. Boosting

35. Hvad kan du gøre?
§ Lav en brugertest
§ Se i søgeloggen – hvis ikke du har den,
så få den etableret J

36. #3
Auto-suggest
aka
Search-suggest
Auto-complete
Type-ahead
Search assist

38. Hjælpsom og guidende
§ Feedback
§ Korrigerer
§ Inspirerer
§ Effektiviserer
Auto-suggest

39. ”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

40. 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/

41. #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

42. Auto-suggest

43. #2: Minisøgeresultatet
§ Faktiske resultater:
Produkter,
indholdssider, etc.
§ God til: Effektivitet,
promovering af
bestemte
produkter/sider
Auto-suggest

44. 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.

45. #3: Hybriden
§ Skal designes
med
omhyggelighed
for ikke at blive
uoverskuelig.
Auto-suggest

47. #4: Afarten
§ Sjældent brugt.
§ Imødekommer
tilbagevendende
kunder.
Auto-suggest

48. #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

51. Vigtige usability tips I
§ Performance
§ Retur-tasten
§ Understøt piletaster
§ Markér det, som
brugeren har indtastet
Auto-suggest

52. Vigtige usability tips II
Auto-suggest

53. Facetteret søgning

54. Brug af filtrering
§ Undtagelsen mere end reglen
§ 14 % af brugerne
§ MEN: Filtrering kan sjældent
undværes
Facetteret søgning

56. Efterfiltrering frem for
forfiltrering
Facetteret søgning

58. Parallel selection
Kan (ofte) kendes på brugen af checkbokse
Facetteret søgning

59. Og/eller logik
§ Facetgrupper: Logisk og
§ Facetværdier: Logisk eller
Facetteret søgning – Parallel selection
1
2
Eksempel

60. 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

61. Facetter skal give mening
§ Søgning på ”ps4”giver 389 resultater
§ 33 år vælges
Facetteret søgning

62. 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

64. Vis hvor
mange
match
der er.

65. 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.”

69. Tak!
Jens Hofman Hansen
Digital forretningsudvikler
Vertica A/S