(web)Usability
Upcoming SlideShare
Loading in...5
×
 

(web)Usability

on

  • 1,205 views

Presentatie over de basis van web-usability

Presentatie over de basis van web-usability

Statistics

Views

Total Views
1,205
Views on SlideShare
1,186
Embed Views
19

Actions

Likes
0
Downloads
20
Comments
0

4 Embeds 19

http://www.boitewitte.nl 8
http://boite.nl 8
http://www.slideshare.net 2
http://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

(web)Usability (web)Usability Presentation Transcript

  • ( web ) Usability De basis
  • 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 ?
  • Wat is Usability ?
  • 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
  • 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.
  • 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 verdiepen in Usability ?
  • 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 gebruiker wil niet weten hoe het werkt
  • 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
    • Visuele hiërarchie op elke pagina
    • Pagina opdelen in duidelijke delen
    • Duidelijk maken wat klikbaar is
    • Ruis reduceren
    • Hoeveelheid tekst beperken
    We moeten rekening houden met de volgende punten :
  • 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
  • De gebruiker scant website’s Visuele hiërarchie op elke pagina
    • Categorieën:
    • Categorie 1
    • Categorie 2
    • Categorie 3
    • Categorie 4
    • Categorie 5
    Logisch gerelateerde items, moeten ook visueel gerelateerd zijn
  • 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
  • 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 button klikt!
  • 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 of half of what’s left Steve Krug – Don’t make me think
  • 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
  • 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 tevreden gesteld worden
  • Welke conclusie kunnen we trekken ? Dus … de gebruiker scant … de gebruiker experimenteert … de gebruiker heeft een doel
  • Zijn er voorbeelden ?
  • Meer weten ?
  • 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