Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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         ”Nu launcher vi snart websiden.”
design, én ga...
Gamle web        Nye web



            VS
Websider = levende organismer
Definition af
    levende:

   ”Kan dø.”
Indgangsvinkler


      Usability             Tracking     Usability
     guidelines            (analytics)    testing


G...
Usability guidelines


      Usability             Tracking     Usability
     guidelines            (analytics)    testin...
Usability guruér
Jakob Nielsen      Steve Krug
Usability guruér
     Jakob Nielsen                    Steve Krug

   Store videnskabelige tests      ”It’s not rocket s...
Du er ikke dine brugere



   Spørgsmål:
    Kan vi sætte os ned og intellektuelt regne ud,
    hvordan vores brugere tæn...
TRICK-SPØRGSMÅL!
Internetbrugere tænker slet ikke
Don’t make me think




* Fra ”Don’t make me think”, Steve Krug 2006
”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å...
Happy talk

”Velkommen bla bla bla bla bla. Bla bla blaa blabla bla bla bla.
Blabbbela bla bla blabbe. Bla bla blaa. Bla b...
2. Happy-talk skal dø
3. Show by example
Produkter
Kamera og udstyr                   Kamera og udstyr
Her finder du alt i udstyr og         SLR kameraer
tilbehør...
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 Think                        Homepage Usability
A Common Sense Approach to Web Usability   50 Websites Decon...
Bonuspoint:




The Design of Everyday Things
 Donald A. Norman, 2002 (1988)
Indgangsvinkler


      Usability             Tracking     Usability
     guidelines            (analytics)    testing


G...
1. Opret Google
      konto


                      <script type="text/javascript">
                      var gaJsHost = (...
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

                Indgang via:

                               Forsiden




Undersider
Usability på landing pages

   Brugeren må aldrig strande på en side
   Gør klart hvor i hierarkiet brugeren står
   Hj...
Web Analytics - An Hour a Day
     Avinash Kaushik, 2007
CrazyEgg
Indgangsvinkler


      Usability             Tracking     Usability
     guidelines            (analytics)    testing


G...
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 ...
Husk:
En test med én bruger er uendelig
   meget bedre end ingenting
Det er bare at tage det første skridt
Bliv klogere på dine brugere
Bliv klogere på dine brugere
Bliv klogere på dine brugere
Bliv klogere på dine brugere
Bliv klogere på dine brugere
Bliv klogere på dine brugere
Bliv klogere på dine brugere
Bliv klogere på dine brugere
Bliv klogere på dine brugere
Bliv klogere på dine brugere
Bliv klogere på dine brugere
Bliv klogere på dine brugere
Bliv klogere på dine brugere
Bliv klogere på dine brugere
Bliv klogere på dine brugere
Bliv klogere på dine brugere
Bliv klogere på dine brugere
Upcoming SlideShare
Loading in …5
×

Bliv klogere på dine brugere

560 views

Published on

Mit indlæg om usability fra Web der Virker i August 2009.

Foredraget er en basal introduktion til usability, tracking og brugertests.

Published in: Technology, Design
  • Be the first to comment

Bliv klogere på dine brugere

  1. 1. Bliv klogere på dine brugere
  2. 2. Nicolaj Kirkgaard Nielsen
  3. 3. 27 år
  4. 4.  Boet i grønland 3½ år  Uddannet medialog  Arbejdet med web i 12 år  Arbejdet hos Huset G i ¾ år
  5. 5. Jeg tror på noget
  6. 6. Websider = levende organismer
  7. 7. Barndomsminder ”De gode gamle dage”
  8. 8. Website Bog
  9. 9. 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.”
  10. 10. Gamle web Nye web VS
  11. 11. Websider = levende organismer
  12. 12. Definition af levende: ”Kan dø.”
  13. 13. Indgangsvinkler Usability Tracking Usability guidelines (analytics) testing Generelle retningslinier Specifikt for dit website
  14. 14. Usability guidelines Usability Tracking Usability guidelines (analytics) testing Generelle retningslinier Specifikt for dit website
  15. 15. Usability guruér Jakob Nielsen Steve Krug
  16. 16. 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
  17. 17. Du er ikke dine brugere  Spørgsmål: Kan vi sætte os ned og intellektuelt regne ud, hvordan vores brugere tænker?
  18. 18. TRICK-SPØRGSMÅL! Internetbrugere tænker slet ikke
  19. 19. Don’t make me think * Fra ”Don’t make me think”, Steve Krug 2006
  20. 20. ”Don Norman” doors ”Percieved affordance”
  21. 21. Løsning:
  22. 22. Hvad kan vi lære af det? Design ”snakker” til os
  23. 23. 5 interessante usability guidelines
  24. 24. 1. Fortæl mig hvor jeg skal klikke
  25. 25. Flere nyheder Flere nyheder
  26. 26. 1. Fortæl mig hvor jeg skal klikke
  27. 27. 2. Happy-talk skal dø
  28. 28. 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.”
  29. 29. 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.”
  30. 30. 2. Happy-talk skal dø
  31. 31. 3. Show by example
  32. 32. 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
  33. 33. 3. Show by example
  34. 34. 4. Vis hvor i hierarkiet brugeren er
  35. 35. ”Du er her”
  36. 36. 4. Vis hvor i hierarkiet brugeren er
  37. 37. 5. Undgå ”Banner blindness”
  38. 38. Eye tracking analyse
  39. 39. 5. Undgå ”Banner blindness”
  40. 40. 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
  41. 41. Bonuspoint: The Design of Everyday Things Donald A. Norman, 2002 (1988)
  42. 42. Indgangsvinkler Usability Tracking Usability guidelines (analytics) testing Generelle retningslinier Specifikt for dit website
  43. 43. 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
  44. 44. Bounce rate vs Exit rate Bounce rate: Exit page:
  45. 45. Bounce rate
  46. 46. Bounce rate
  47. 47. Bounce rate
  48. 48. Bounce rate
  49. 49. Exit pages (top destinations)
  50. 50. Landing page
  51. 51. Landing page Indgang via: Forsiden Undersider
  52. 52. 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å…
  53. 53. Web Analytics - An Hour a Day Avinash Kaushik, 2007
  54. 54. CrazyEgg
  55. 55. Indgangsvinkler Usability Tracking Usability guidelines (analytics) testing Generelle retningslinier Specifikt for dit website
  56. 56. Lektie: ”Den letteste usability test i verden”
  57. 57. Dig
  58. 58. Stil følgende spørgsmål 1. Hvad kan man på den her webside? 2. Hvor starter jeg? 3. Hvordan finder jeg _______ ?
  59. 59. 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.
  60. 60. Husk: En test med én bruger er uendelig meget bedre end ingenting
  61. 61. Det er bare at tage det første skridt

×