bliv klogere på dine brugere

Bliv klogere på dine brugere

Nicolaj Kirkgaard Nielsen

27 år

Boet i grønland 3½ år Uddannet medialog Arbejdet med web i 12 år Arbejdet hos Huset G i ¾ år

Jeg tror på noget

Websider = levende organismer

Barndomsminder”De gode gamle dage”

Website Bog

Gamle web Nye web

”Nu laver vi et supergodt design, én gang for alle.”

”Når det er online, kan vi godt læne os tilbage og klappe hinanden på skulderen.”

”Nu behøver vi ikke tænke på DEN webside igen før om 2-3 år. ”

”Nu launcher vi snart websiden.”

”Det hele er sat op og parat.”

”Når startskudet lyder er vi klar.”

”Vi har tweaket, trænet og analyseret og vi er klar til at møde brugerne.”

”Vi vil tweake, træne og udvikle os indtil vi når toppen.”

VS

Gamle web Nye web

VS

Websider = levende organismer

Definition af levende:

”Kan dø.”

Indgangsvinkler

Usability guidelines

Tracking (analytics)

Usability testing

Generelle retningslinier Specifikt for dit website

Usability guidelines

Usability guidelines

Tracking (analytics)

Usability testing

Generelle retningslinier Specifikt for dit website

Usability guruér

Jakob Nielsen Steve Krug

Usability guruér

Store videnskabelige tests Korrekt statistisk data Sådan skal du gøre

”It’s not rocket surgery” Erfaringsbaseret Sådan gør du det selv

Jakob Nielsen Steve Krug

Du er ikke dine brugere

Spørgsmål:Kan vi sætte os ned og intellektuelt regne ud, hvordan vores brugere tænker?

TRICK-SPØRGSMÅL!

Internetbrugere tænker slet ikke

* Fra ”Don’t make me think”, Steve Krug 2006

Don’t make me think

”Don Norman” doors

”Percieved affordance”

Løsning:

Hvad kan vi lære af det?Design ”snakker” til os

5 interessante usability guidelines

1. Fortæl mig hvor jeg skal klikke

Flere nyheder Flere nyheder

1. Fortæl mig hvor jeg skal klikke

2. Happy-talk skal dø

Happy talk

”Velkommen til vores webshop. Her kan du se vores spændende udvalg af moderne nips til enhver lejlighed. Vi håber du nyder opholdet.Klik i navigationen for at komme videre.”

Happy talk

”Velkommen bla bla bla bla bla. Bla bla blaa blabla bla bla bla. Blabbbela bla bla blabbe. Bla bla blaa. Bla bla bla bla bla bla blaa. Bla. Bla blabbelabbe. Blabbo. Bla blabbe. Blab blabbelabe. Bla bla blaa.”

2. Happy-talk skal dø

3. Show by example

Produkter

Kamera og udstyrHer finder du alt i udstyr og tilbehør til dit digitale kamera

Kamera og udstyr SLR kameraer Objektiver Tasker Batterier

Mere kamera og udstyr

3. Show by example

4. Vis hvor i hierarkiet brugeren er

”Du er her”

4. Vis hvor i hierarkiet brugeren er

5. Undgå ”Banner blindness”

Eye tracking analyse

5. Undgå ”Banner blindness”

Don’t Make me ThinkA Common Sense Approach to Web UsabilitySteve Krug, 2006

Homepage Usability50 Websites DeconstructedJakob Nielsen & Marie Tahir, 2002

The Design of Everyday ThingsDonald A. Norman, 2002 (1988)

Bonuspoint:

Indgangsvinkler

Usability guidelines

Tracking (analytics)

Usability testing

Generelle retningslinier Specifikt for dit website

1. Opret Google konto

2. Indsæt Analytics kode på website

3. Skulderklap

<script type="text/javascript">var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</script><script type="text/javascript">try{var pageTracker = _gat._getTracker("UA-xxxxxx-x");pageTracker._trackPageview();} catch(err) {}</script>

Bounce rate vs Exit rate

Bounce rate:

Exit page:

Bounce rate

Bounce rate

Bounce rate

Bounce rate

Exit pages (top destinations)

Landing page

Landing page

Forsiden

Undersider

Indgang via:

Usability på landing pages

Brugeren må aldrig strande på en side Gør klart hvor i hierarkiet brugeren står Hjælp brugeren til at komme videre

Relateret indhold ”Produkter i samme kategori” ”Andre købte også…

Web Analytics - An Hour a DayAvinash Kaushik, 2007

CrazyEgg

Indgangsvinkler

Usability guidelines

Tracking (analytics)

Usability testing

Generelle retningslinier Specifikt for dit website

Lektie:

”Den letteste usability test i verden”

Dig

Stil følgende spørgsmål

1. Hvad kan man på den her webside?2. Hvor starter jeg?3. Hvordan finder jeg _______ ?

Gode råd

Prøv at lade være at råbe ad brugeren. Få ham til at tænke højt. Spørg ikke om designet. Skriv ned, skriv ned, skriv ned.

Husk:En test med én bruger er uendelig

meget bedre end ingenting

Det er bare at tage det første skridt