(web)Usability
-
Upload
boite-witte -
Category
Design
-
view
812 -
download
1
description
Transcript of (web)Usability
(web)Usability
De basis
Wat gaan we behandelen?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?
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?Wat is Usability?
Dus...
(web)Usabilityis
Webapplicaties (site’s) die relatief eenvoudig te gebruiken zijn, omdat er in het ontwerpproces rekening met de gebruiker gehouden is.
Waarom verdiepen in Usability?Waarom verdiepen in Usability?
Chaos beperken
Waarom verdiepen in Usability?Waarom verdiepen in Usability?
Het moet niet te moeilijk worden
Waarom verdiepen in Usability?Waarom verdiepen in Usability?
Discussiebeperken
Waarom verdiepen in Usability?Waarom verdiepen in Usability?
Ofwel ...
Waarom verdiepen in Usability?Waarom verdiepen in Usability?
Voorkomen vanFrustratie
Waarom verdiepen in Usability?Waarom verdiepen in Usability?
Bij Gebruikers, Designers, Programmeurs, CEO’s, Opdrachtgevers, Productmanagers, En ga zo maar door
Waarom verdiepen in Usability?Waarom verdiepen in Usability?
Hoe ga je van start?Hoe ga je van start?
Hoe ga je van start?Hoe ga je van start?
Boeken lezen
Hoe ga je van start?Hoe ga je van start?
Inspiratie opdoen
Hoe ga je van start?Hoe ga je van start?
Browsen over het web
Hoe ga je van start?Hoe ga je van start?
Tests afnemen
Hoe ga je van start?Hoe ga je van start?
En nu naar mijLuisteren ;-)
Waar kunnen we vanuit gaan?Waar kunnen we vanuit gaan?
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’sDe gebruiker scant website’s
De gebruiker scant website’sDe gebruiker scant website’s
Waarom?
De gebruiker scant website’sDe gebruiker scant website’s
We hebben Haast
De gebruiker scant website’sDe gebruiker scant website’s
We hebben last van information Overkill
De gebruiker scant website’sDe gebruiker scant website’s
We doen niets anders
De gebruiker scant website’sDe gebruiker scant website’s
Dus...
De gebruiker scant website’sDe 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’sDe 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’sDe 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’sDe 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
SubtitelDe tekst
SubtitelDe tekst
De gebruiker scant website’sDe gebruiker scant website’s
Pagina opdelen in duidelijke delenHeader
Menu
Pagina titel
Item 3
Item 1 Item 2
Item 4
De gebruiker scant website’sDe 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’sDe gebruiker scant website’s
Ruis reduceren
De gebruiker scant website’sDe 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 keuzeDe gebruiker maakt niet de beste keuze
We just muddle through!Steve Krug – Don’t make me think
Vele wegen leiden naar Romeer zijn meerdere methoden om iets te bereiken
De gebruiker maakt niet de beste keuzeDe gebruiker maakt niet de beste keuze
Waarom?
We hebben Haast
De gebruiker maakt niet de beste keuzeDe gebruiker maakt niet de beste keuze
We houden wel van Trial & Error
De gebruiker maakt niet de beste keuzeDe gebruiker maakt niet de beste keuze
Gokken is leuk!
De gebruiker maakt niet de beste keuzeDe gebruiker maakt niet de beste keuze
De gebruiker maakt niet de beste keuzeDe gebruiker maakt niet de beste keuze
Zolang...
De gebruiker maakt niet de beste keuzeDe gebruiker maakt niet de beste keuze
De gebruiker uiteindelijk maar zijn of haar doel bereikt
De gebruiker wil niet weten hoe het werktDe gebruiker wil niet weten hoe het werkt
De gebruiker wil niet weten hoe het werktDe gebruiker wil niet weten hoe het werkt
Als het maar werkt!
Welke conclusie kunnen we trekken?Welke conclusie kunnen we trekken?
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?Welke conclusie kunnen we trekken?
Dus
… de gebruiker scant… de gebruiker experimenteert… de gebruiker heeft een doel
Zijn er voorbeelden?Zijn er voorbeelden?
Meer weten?Meer weten?
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