Usability som grundsten
i din optimering
ConversionBoost, 18. marts 2014
Ole Gregersen
Usability & Weboptimering specialis...
2 lag i optimering
2
Beslutningsprocesser
Interaktioner
Dialog
Fokus
Afkodning
3
af siderne på dit website
Forstå din brugers,
Fokus
Afkodning
4
af siderne på dit website
Hvor er brugerens
mentale og fysiske
Hvordan sker
brugerens umiddelbare
Forstå...
5
Konventioner, erfaringer, vaner = Forventning
6
7Sådan er testen udført
8
Vi ser det igen og igen i
brugertest
Det virker simpelt,
men har stor betydning
9
Så det vil trøste dig at
du kan selv
identificere der hvor det sker
Menneske-maskine Interaktion
10
Donald Norman
”The Design of Everyday Things”, 1988
The Action Cycle
Afkode
Udføre
Forstå
Opdage
Website
Model af interaktion
Afkode
Udføre
Forstå
Opdage
Website
Afkode
Udføre
Forstå
Opdage
Website IndfrielseForventning
Afkode
Udføre
Forstå
Opdage
Website IndfrielseForventning
Skepsis
Irritation
Eksempler
På kognitiv belastning
15
Afkodning
Visuelt hierarki og unødig belastning
16
17
18
19
20
21
Fokus
Afstande og tyveri
22
23
24
25
26
27
28
29
Afkode
Udføre
Forstå
Opdage
Website IndfrielseForventning
31www.crazyegg.com
Retningslinjer
32
• Indfri dine brugeres forventninger – ellers gør et andet site det
• Overhold konventioner – fordi brug...
Optimeringsprocessen
33
Analyse
HypoteseDesign
Test
Hvor har
brugeren
problemer?
Hvad er grunden
til problemet?
Hvordan
de...
Tak
- Og god arbejdslyst
34
Ole Gregersen
35
Optuner.dk
Oleg.dk
@OlegUsability
Blog om usability
og optimering:
Oleg.dk/blog
Upcoming SlideShare
Loading in …5
×

Usability som grundsten i din konverteringsoptimering

861 views

Published on

Ole Gregersens oplæg fra ConversionBoost 2014 om at se på brugerens mentale og visuelle fokus, samt afkodningen af en webside, som værktøjer til at optimere sider, nedbringe den kognitive belastning og generelt se på websitet som en interaktion.

Published in: Design
1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total views
861
On SlideShare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
5
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide
  • Når jeg siger grundsten, så er det fordi det er noget der er til stede i alle interaktioner – noget der er fælles.
  • De to ting er uløseligt knyttet sammen. Men usability’s stærke side kommer når det handler om interaktionerne – brugernes handlinger.Den ene handler om den emotionelle, den følelsesmæssige og ofte stærkt ubevidste proces der styrer vores beslutninger – der hvor vi normalt taler om USP, VP og hele marketing-delen.Den anden handler om hvordan vi som mennesker forstår og interagerer med digital teknologi – hvor vi taler knapper, felter, fokus, overblik, fejl og handlinger.Usability er den lange erfaring med at designe, teste, evaluere og optimere interaktionen mellem menneske og maskine.Vi kan sige det flot, ved at kalde det introverte udfordringer og ekstroverte udfordringer. Usability dækker de ekstroverte, vi kan faktisk ”se” dem.
  • Her er så eksemplet på fokus og afkodning.Brugerens fokus i er omkring den orange ring
  • Her er så eksemplet på fokus og afkodning.Brugerens fokus i er omkring den orange ring
  • I den dialog brugeren her har med websitet, finder brugeren aldrig svaret på sig spørgsmål og er mindre tilbøjelig til at foretage konverteringen.Selvom brugeren klikker på ting, for hun aldrig den feedback hun forventer, for aldrig indfriet det spørgsmål.
  • Usability har eksisteret siden 80’erne, hvor ingeniører og psykologer blev sat sammen om at bygge brugergrænseflader apparater som jagerfly og atomkraftværker.Taler vi web usability husker nogen måske at Jakob Nielsen blev berømt på at udgive bogen Designing Web Usability – i år 2000. Det er 14 år siden.Usability går aldrig af mode og er relevant som aldrig før. Lad mig brug 25 minutter på hvorfor og hvordan.
  • Motivation og forventning skaber fokus og giver muligheden for at skabe et trail, eller en scent
  • Motivation og forventning skaber fokus og giver muligheden for at skabe et trail, eller en scent
  • En optimeringsproces, fordrer to situationer hvor usability som faglighed er en fantastisk værktøjskasse.Der hvor vi skal identificere potentielle problemstillinger på en given side, som vi har vurderet har et potentiale for optimering.Særligt i situationer hvor vi ikke har data og ikke har mulighed for at indsamle dem, fx ved lav trafik eller hvor data ikke giver indblik i en given problemstilling.Der hvor vi skal designe variationer til at understøtte vores hypoteseHer fungerer usability som det principielle grundlag for at designe effektive interaktioner.
  • Usability som grundsten i din konverteringsoptimering

    1. 1. Usability som grundsten i din optimering ConversionBoost, 18. marts 2014 Ole Gregersen Usability & Weboptimering specialist 1
    2. 2. 2 lag i optimering 2 Beslutningsprocesser Interaktioner Dialog
    3. 3. Fokus Afkodning 3 af siderne på dit website Forstå din brugers,
    4. 4. Fokus Afkodning 4 af siderne på dit website Hvor er brugerens mentale og fysiske Hvordan sker brugerens umiddelbare Forstå din brugers,
    5. 5. 5 Konventioner, erfaringer, vaner = Forventning
    6. 6. 6
    7. 7. 7Sådan er testen udført
    8. 8. 8 Vi ser det igen og igen i brugertest Det virker simpelt, men har stor betydning
    9. 9. 9 Så det vil trøste dig at du kan selv identificere der hvor det sker
    10. 10. Menneske-maskine Interaktion 10 Donald Norman ”The Design of Everyday Things”, 1988 The Action Cycle
    11. 11. Afkode Udføre Forstå Opdage Website Model af interaktion
    12. 12. Afkode Udføre Forstå Opdage Website
    13. 13. Afkode Udføre Forstå Opdage Website IndfrielseForventning
    14. 14. Afkode Udføre Forstå Opdage Website IndfrielseForventning Skepsis Irritation
    15. 15. Eksempler På kognitiv belastning 15
    16. 16. Afkodning Visuelt hierarki og unødig belastning 16
    17. 17. 17
    18. 18. 18
    19. 19. 19
    20. 20. 20
    21. 21. 21
    22. 22. Fokus Afstande og tyveri 22
    23. 23. 23
    24. 24. 24
    25. 25. 25
    26. 26. 26
    27. 27. 27
    28. 28. 28
    29. 29. 29
    30. 30. Afkode Udføre Forstå Opdage Website IndfrielseForventning
    31. 31. 31www.crazyegg.com
    32. 32. Retningslinjer 32 • Indfri dine brugeres forventninger – ellers gør et andet site det • Overhold konventioner – fordi brugere er dovne vanedyr • Sørg for et visuelt hierarki (inkl. MWR og CTA) • Sørg for at funktionalitet er let at afkode • Tænk på afstande: Placér indhold og funktion sammen • Giv tydeligt og forståeligt feedback Husk at disse principper er enkle at brugerteste Og at du let kan brugerteste dem selv
    33. 33. Optimeringsprocessen 33 Analyse HypoteseDesign Test Hvor har brugeren problemer? Hvad er grunden til problemet? Hvordan designer vi til høj usability?
    34. 34. Tak - Og god arbejdslyst 34
    35. 35. Ole Gregersen 35 Optuner.dk Oleg.dk @OlegUsability Blog om usability og optimering: Oleg.dk/blog

    ×