(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