Embed Size (px)
DESCRIPTION
Mit indlæg om usability fra Web der Virker i August 2009. Foredraget er en basal introduktion til usability, tracking og brugertests.
Citation preview
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
