1

Usability som grundsten

i din optimering

ConversionBoost, 18. marts 2014

Ole GregersenUsability & Weboptimering specialist

2

2 lag i optimering

Beslutningsprocesser

Interaktioner

Dialog

3

FokusAfkodning

af siderne på dit website

Forstå din brugers,

4

FokusAfkodning

af siderne på dit website

Hvor er brugerens mentale og fysiske

Hvordan sker brugerens umiddelbare

Forstå din brugers,

5Konventioner, 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

10

Menneske-maskine Interaktion

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

Misforståelser

Skepsis

Afvisning

Irritation

Fejl

Frustration

15

EksemplerPå kognitiv belastning

16

AfkodningVisuelt hierarki og unødig belastning

17

18

19

20

21

22

FokusAfstande og tyveri

23

24

25

26

27

28

29

Afkode

Udføre

Forstå

Opdage

Website IndfrielseForventning

31www.crazyegg.com

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

33

Optimeringsprocessen

Analyse

HypoteseDesign

Test

Hvor har brugeren problemer?

Hvad er grunden til problemet?

Hvordan designer vi til høj usability?

34

Tak

- Og god arbejdslyst

35

Ole Gregersen

Optuner.dkOleg.dk

@OlegUsability

Blog om usability og optimering:Oleg.dk/blog