Mit indlæg om usability fra Web der Virker i August 2009. Foredraget er en basal introduktion til usability, tracking og brugertests.

1. Bliv klogere
på dine brugere

3. Nicolaj Kirkgaard Nielsen

4. 27 år

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

9. Jeg tror på noget

10. Websider = levende organismer

11. Barndomsminder
”De gode gamle dage”

13. Website Bog

14. Gamle web Nye web
”Nu laver vi et supergodt ”Nu launcher vi snart websiden.”
design, én gang for alle.”
”Det hele er sat op og parat.”
”Når det er online, kan vi
”Når startskudet lyder er vi klar.”
godt læne os tilbage og
klappe hinanden på VS ”Vi har tweaket, trænet og
skulderen.” analyseret og vi er klar til at møde
brugerne.”
”Nu behøver vi ikke
tænke på DEN webside ”Vi vil tweake, træne og udvikle os
igen før om 2-3 år. ” indtil vi når toppen.”

15. Gamle web Nye web
VS

16. Websider = levende organismer

17. Definition af
levende:
”Kan dø.”

19. Indgangsvinkler
Usability Tracking Usability
guidelines (analytics) testing
Generelle retningslinier Specifikt for dit website

20. Usability guidelines
Usability Tracking Usability
guidelines (analytics) testing
Generelle retningslinier Specifikt for dit website

21. Usability guruér
Jakob Nielsen Steve Krug

22. Usability guruér
Jakob Nielsen Steve Krug
 Store videnskabelige tests  ”It’s not rocket surgery”
 Korrekt statistisk data  Erfaringsbaseret
 Sådan skal du gøre  Sådan gør du det selv

23. Du er ikke dine brugere
 Spørgsmål:
Kan vi sætte os ned og intellektuelt regne ud,
hvordan vores brugere tænker?

24. TRICK-SPØRGSMÅL!
Internetbrugere tænker slet ikke

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

26. ”Don Norman” doors
”Percieved
affordance”

27. Løsning:

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

29. 5 interessante usability guidelines

30. 1. Fortæl mig hvor jeg skal klikke

31. Flere nyheder Flere nyheder

32. 1. Fortæl mig hvor jeg skal klikke

33. 2. Happy-talk skal dø

34. 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.”

35. 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.”

36. 2. Happy-talk skal dø

37. 3. Show by example

38. Produkter
Kamera og udstyr Kamera og udstyr
Her finder du alt i udstyr og  SLR kameraer
tilbehør til dit digitale kamera  Objektiver
 Tasker
 Batterier
 Mere kamera og udstyr

39. 3. Show by example

40. 4. Vis hvor i hierarkiet brugeren er

41. ”Du er her”

43. 4. Vis hvor i hierarkiet brugeren er

44. 5. Undgå ”Banner blindness”

45. Eye tracking analyse

48. 5. Undgå ”Banner blindness”

49. Don’t Make me Think Homepage Usability
A Common Sense Approach to Web Usability 50 Websites Deconstructed
Steve Krug, 2006 Jakob Nielsen & Marie Tahir, 2002

50. Bonuspoint:
The Design of Everyday Things
Donald A. Norman, 2002 (1988)

51. Indgangsvinkler
Usability Tracking Usability
guidelines (analytics) testing
Generelle retningslinier Specifikt for dit website

53. 1. Opret Google
konto
<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"));
2. Indsæt Analytics </script>
<script type="text/javascript">
kode på website try{
var pageTracker = _gat._getTracker("UA-xxxxxx-x");
pageTracker._trackPageview();
} catch(err) {}
</script>
3. Skulderklap

54. Bounce rate vs Exit rate
Bounce rate:
Exit page:

55. Bounce rate

56. Bounce rate

57. Bounce rate

58. Bounce rate

59. Exit pages (top destinations)

60. Landing page

61. Landing page
Indgang via:
Forsiden
Undersider

62. 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å…

63. Web Analytics - An Hour a Day
Avinash Kaushik, 2007

64. CrazyEgg

68. Indgangsvinkler
Usability Tracking Usability
guidelines (analytics) testing
Generelle retningslinier Specifikt for dit website

70. Lektie:
”Den letteste usability test i verden”

71. Dig

73. Stil følgende spørgsmål
1. Hvad kan man på den her webside?
2. Hvor starter jeg?
3. Hvordan finder jeg _______ ?

74. 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.

75. Husk:
En test med én bruger er uendelig
meget bedre end ingenting

76. Det er bare at tage det første skridt