0
( web ) Usability De basis
Wat   gaan we  behandelen ? ( web ) Usability Wat   is  Usability ? Waarom   verdiepen in  Usability ? Hoe  ga  je van   s...
Wat   is  Usability ?
Wat   is  Usability ? Usability   =   Gebruikersvriendelijkheid ge·brui·kers·vrien·de·lijk   bn, bw  handig   in het  gebr...
Wat   is  Usability ? Dus . . . ( web ) Usability is Webapplicaties  (site’s) die relatief eenvoudig te gebruiken zijn, om...
Waarom   verdiepen in  Usability ?
Chaos  beperken Waarom   verdiepen in  Usability ?
Het  moet  niet te  moeilijk   worden Waarom   verdiepen in  Usability ?
Discussie beperken Waarom   verdiepen in  Usability ?
Ofwel  . . . Waarom   verdiepen in  Usability ?
Voorkomen   van Frustratie Waarom   verdiepen in  Usability ?
Bij  Gebruikers,  Designers,   Programmeurs,   CEO’s,  Opdrachtgevers,  Productmanagers,   En ga zo maar door Waarom   ver...
Hoe  ga  je van   start ?
Hoe  ga  je van   start ? Boeken   lezen
Hoe  ga  je van   start ? Inspiratie   opdoen
Hoe  ga  je van   start ? Browsen   over het  web
Hoe  ga  je van   start ? Tests   afnemen
Hoe  ga  je van   start ? En   nu   naar   mij Luisteren  ;-)
Waar  kunnen   we   vanuit  gaan ?
Waar  kunnen   we   vanuit  gaan ? De   gebruiker  scant  website’s De   gebruiker  maakt   niet   de  beste  keuze De   g...
De   gebruiker  scant  website’s
De   gebruiker  scant  website’s Waarom ?
De   gebruiker  scant  website’s We   hebben  Haast
De   gebruiker  scant  website’s We hebben  last   van   information Overkill
De   gebruiker  scant  website’s We   doen  niets  anders
De   gebruiker  scant  website’s Dus . . .
De   gebruiker  scant  website’s <ul><li>Visuele hiërarchie op elke pagina </li></ul><ul><li>Pagina opdelen in duidelijke ...
De   gebruiker  scant  website’s Visuele hiërarchie op elke pagina Belangrijk  Minder belangrijk  Minst belangrijk De groo...
De   gebruiker  scant  website’s Visuele hiërarchie op elke pagina <ul><li>Categorieën: </li></ul><ul><li>Categorie 1 </li...
De   gebruiker  scant  website’s Visuele hiërarchie op elke pagina Als een blok/tekst visueel onderliggend is van een ande...
De   gebruiker  scant  website’s Pagina opdelen in duidelijke delen Header Menu Pagina titel Item 3 Item 1 Item 2 Item 4
De   gebruiker  scant  website’s Duidelijk maken wat klikbaar is Maar vergeet niet te vertellen waarom de gebruiker op de ...
De   gebruiker  scant  website’s Ruis reduceren
De   gebruiker  scant  website’s Hoeveelheid tekst beperken Get rid  of  half  the  words  on each  page ,  then  Get rid ...
De   gebruiker  maakt   niet   de  beste  keuze We  just   muddle   through ! Steve Krug – Don’t make me think Vele  wegen...
De   gebruiker  maakt   niet   de  beste  keuze Waarom ?
We   hebben  Haast De   gebruiker  maakt   niet   de  beste  keuze
We   houden wel van  Trial  &  Error De   gebruiker  maakt   niet   de  beste  keuze
Gokken   is   leuk ! De   gebruiker  maakt   niet   de  beste  keuze
De   gebruiker  maakt   niet   de  beste  keuze Zolang . . .
De   gebruiker  maakt   niet   de  beste  keuze De  gebruiker   uiteindelijk  maar zijn of haar  doel   bereikt
De   gebruiker  wil  niet   weten   hoe  het  werkt
De   gebruiker  wil  niet   weten   hoe  het  werkt Als  het maar  werkt!
Welke  conclusie   kunnen we   trekken ?
Welke  conclusie   kunnen we   trekken ? De  Gebruiker …  heeft  weinig   tijd …  houdt  van  experimenteren …  wil  tevre...
Welke  conclusie   kunnen we   trekken ? Dus …  de  gebruiker   scant …  de  gebruiker   experimenteert …  de  gebruiker  ...
Zijn   er   voorbeelden ?
Meer   weten ?
Meer   weten ? Boeken : Don’t Make Me think –   Steve Krug Information Architecture –   Peter Morville & Louis Rosenfeld D...
Upcoming SlideShare
Loading in...5
×

(web)Usability

851

Published on

Presentatie over de basis van web-usability

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
851
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
23
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "(web)Usability"

  1. 1. ( web ) Usability De basis
  2. 2. Wat gaan we behandelen ? ( web ) Usability Wat is Usability ? Waarom verdiepen in Usability ? Hoe ga je van start ? Waar kunnen we vanuit gaan ? Welke conclusie kunnen we trekken ? Zijn er voorbeelden ? Meer weten ?
  3. 3. Wat is Usability ?
  4. 4. Wat is Usability ? Usability = Gebruikersvriendelijkheid ge·brui·kers·vrien·de·lijk bn, bw handig in het gebruik , doordat bij het ontwerp rekening met de gebruiker gehouden is Us · abil · i · ty convenient and practical for use
  5. 5. Wat is Usability ? Dus . . . ( web ) Usability is Webapplicaties (site’s) die relatief eenvoudig te gebruiken zijn, omdat er in het ontwerpproces rekening met de gebruiker gehouden is.
  6. 6. Waarom verdiepen in Usability ?
  7. 7. Chaos beperken Waarom verdiepen in Usability ?
  8. 8. Het moet niet te moeilijk worden Waarom verdiepen in Usability ?
  9. 9. Discussie beperken Waarom verdiepen in Usability ?
  10. 10. Ofwel . . . Waarom verdiepen in Usability ?
  11. 11. Voorkomen van Frustratie Waarom verdiepen in Usability ?
  12. 12. Bij Gebruikers, Designers, Programmeurs, CEO’s, Opdrachtgevers, Productmanagers, En ga zo maar door Waarom verdiepen in Usability ?
  13. 13. Hoe ga je van start ?
  14. 14. Hoe ga je van start ? Boeken lezen
  15. 15. Hoe ga je van start ? Inspiratie opdoen
  16. 16. Hoe ga je van start ? Browsen over het web
  17. 17. Hoe ga je van start ? Tests afnemen
  18. 18. Hoe ga je van start ? En nu naar mij Luisteren ;-)
  19. 19. Waar kunnen we vanuit gaan ?
  20. 20. Waar kunnen we vanuit gaan ? De gebruiker scant website’s De gebruiker maakt niet de beste keuze De gebruiker wil niet weten hoe het werkt
  21. 21. De gebruiker scant website’s
  22. 22. De gebruiker scant website’s Waarom ?
  23. 23. De gebruiker scant website’s We hebben Haast
  24. 24. De gebruiker scant website’s We hebben last van information Overkill
  25. 25. De gebruiker scant website’s We doen niets anders
  26. 26. De gebruiker scant website’s Dus . . .
  27. 27. De gebruiker scant website’s <ul><li>Visuele hiërarchie op elke pagina </li></ul><ul><li>Pagina opdelen in duidelijke delen </li></ul><ul><li>Duidelijk maken wat klikbaar is </li></ul><ul><li>Ruis reduceren </li></ul><ul><li>Hoeveelheid tekst beperken </li></ul>We moeten rekening houden met de volgende punten :
  28. 28. De gebruiker scant website’s Visuele hiërarchie op elke pagina Belangrijk Minder belangrijk Minst belangrijk De grootte van de tekst bepaald de belangrijkheid Maar niet alleen de grootte, ook de kleur, achtergrond, de dikte, etc Belangrijk Minder belangrijk Minst belangrijk
  29. 29. De gebruiker scant website’s Visuele hiërarchie op elke pagina <ul><li>Categorieën: </li></ul><ul><li>Categorie 1 </li></ul><ul><li>Categorie 2 </li></ul><ul><li>Categorie 3 </li></ul><ul><li>Categorie 4 </li></ul><ul><li>Categorie 5 </li></ul>Logisch gerelateerde items, moeten ook visueel gerelateerd zijn
  30. 30. De gebruiker scant website’s Visuele hiërarchie op elke pagina Als een blok/tekst visueel onderliggend is van een ander blok/tekst dan is dit ook een onderdeel daarvan Titel Subtitel De tekst Subtitel De tekst
  31. 31. De gebruiker scant website’s Pagina opdelen in duidelijke delen Header Menu Pagina titel Item 3 Item 1 Item 2 Item 4
  32. 32. De gebruiker scant website’s Duidelijk maken wat klikbaar is Maar vergeet niet te vertellen waarom de gebruiker op de button klikt!
  33. 33. De gebruiker scant website’s Ruis reduceren
  34. 34. De gebruiker scant website’s Hoeveelheid tekst beperken Get rid of half the words on each page , then Get rid of half of what’s left Steve Krug – Don’t make me think
  35. 35. De gebruiker maakt niet de beste keuze We just muddle through ! Steve Krug – Don’t make me think Vele wegen leiden naar Rome er zijn meerdere methoden om iets te bereiken
  36. 36. De gebruiker maakt niet de beste keuze Waarom ?
  37. 37. We hebben Haast De gebruiker maakt niet de beste keuze
  38. 38. We houden wel van Trial & Error De gebruiker maakt niet de beste keuze
  39. 39. Gokken is leuk ! De gebruiker maakt niet de beste keuze
  40. 40. De gebruiker maakt niet de beste keuze Zolang . . .
  41. 41. De gebruiker maakt niet de beste keuze De gebruiker uiteindelijk maar zijn of haar doel bereikt
  42. 42. De gebruiker wil niet weten hoe het werkt
  43. 43. De gebruiker wil niet weten hoe het werkt Als het maar werkt!
  44. 44. Welke conclusie kunnen we trekken ?
  45. 45. Welke conclusie kunnen we trekken ? De Gebruiker … heeft weinig tijd … houdt van experimenteren … wil tevreden gesteld worden
  46. 46. Welke conclusie kunnen we trekken ? Dus … de gebruiker scant … de gebruiker experimenteert … de gebruiker heeft een doel
  47. 47. Zijn er voorbeelden ?
  48. 48. Meer weten ?
  49. 49. Meer weten ? Boeken : Don’t Make Me think – Steve Krug Information Architecture – Peter Morville & Louis Rosenfeld De Internet Scorecard – Geert Jan Smits & Joost Steins Bisschop Site’s : Jungle Rating – www.junglerating.nl Usabilty Views– www.usabilityviews.com Usability Guidelines – Usability.gov/guidelines/index.html
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×