usability som grundsten i din konverteringsoptimering
DESCRIPTION
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.TRANSCRIPT
![Page 1: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/1.jpg)
1
Usability som grundsten
i din optimering
ConversionBoost, 18. marts 2014
Ole GregersenUsability & Weboptimering specialist
![Page 2: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/2.jpg)
2
2 lag i optimering
Beslutningsprocesser
Interaktioner
Dialog
![Page 3: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/3.jpg)
3
FokusAfkodning
af siderne på dit website
Forstå din brugers,
![Page 4: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/4.jpg)
4
FokusAfkodning
af siderne på dit website
Hvor er brugerens mentale og fysiske
Hvordan sker brugerens umiddelbare
Forstå din brugers,
![Page 5: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/5.jpg)
5Konventioner, erfaringer, vaner = Forventning
![Page 6: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/6.jpg)
6
![Page 7: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/7.jpg)
7Sådan er testen udført
![Page 8: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/8.jpg)
8
Vi ser det igen og igen i
brugertest
Det virker simpelt, men har stor betydning
![Page 9: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/9.jpg)
9
Så det vil trøste dig at
du kan selv
identificere der hvor det sker
![Page 10: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/10.jpg)
10
Menneske-maskine Interaktion
Donald Norman
”The Design of Everyday Things”, 1988
The Action Cycle
![Page 11: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/11.jpg)
Afkode
Udføre
Forstå
Opdage
Website
Model af interaktion
![Page 12: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/12.jpg)
Afkode
Udføre
Forstå
Opdage
Website
![Page 13: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/13.jpg)
Afkode
Udføre
Forstå
Opdage
Website IndfrielseForventning
![Page 14: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/14.jpg)
Afkode
Udføre
Forstå
Opdage
Website IndfrielseForventning
Misforståelser
Skepsis
Afvisning
Irritation
Fejl
Frustration
![Page 15: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/15.jpg)
15
EksemplerPå kognitiv belastning
![Page 16: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/16.jpg)
16
AfkodningVisuelt hierarki og unødig belastning
![Page 17: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/17.jpg)
17
![Page 18: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/18.jpg)
18
![Page 19: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/19.jpg)
19
![Page 20: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/20.jpg)
20
![Page 21: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/21.jpg)
21
![Page 22: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/22.jpg)
22
FokusAfstande og tyveri
![Page 23: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/23.jpg)
23
![Page 24: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/24.jpg)
24
![Page 25: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/25.jpg)
25
![Page 26: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/26.jpg)
26
![Page 27: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/27.jpg)
27
![Page 28: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/28.jpg)
28
![Page 29: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/29.jpg)
29
![Page 30: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/30.jpg)
Afkode
Udføre
Forstå
Opdage
Website IndfrielseForventning
![Page 31: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/31.jpg)
31www.crazyegg.com
![Page 32: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/32.jpg)
32
Retningslinjer
• 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
![Page 33: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/33.jpg)
33
Optimeringsprocessen
Analyse
HypoteseDesign
Test
Hvor har brugeren problemer?
Hvad er grunden til problemet?
Hvordan designer vi til høj usability?
![Page 34: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/34.jpg)
34
Tak
- Og god arbejdslyst
![Page 35: Usability som grundsten i din konverteringsoptimering](https://reader035.vdocuments.net/reader035/viewer/2022070320/5585b597d8b42a40548b4886/html5/thumbnails/35.jpg)
35
Ole Gregersen
Optuner.dkOleg.dk
@OlegUsability
Blog om usability og optimering:Oleg.dk/blog