#18. Usability

• Informatica
• Middelbare school
• vwo
• Leerjaar 4

Usability

Mensen

Onduidelijk

Creatief

Emotioneel

Snel afgeleid

Flexibel

...

Computers

Exact

Volgens regels

Emotieloos

Nooit afgeleid

Inflexibel

...

Hersenen nemen niet alle informatie even goed op...

Usability

Iets technisch (code, functies) laten werken is helft van 't werk

Usability richt zich op het gebruiksvriendelijk maken van ICT producten zoals websites, apps, apparaten, etc.

Wat is er mis met deze website?

Heuristieken voor goed ontwerp

Usability heuristieken (=vuistregels) van Nielsen:

1. Eenvoudige Toegang
2. Geef gebruiker controle
3. Bied veiligheid
4. Zorg voor aansluiting
   

R1: Eenvoudige toegang

Consistentie en doelgerichtheid:

• Dingen steeds op dezelfde plek
• Duidelijk doel: webshop, blog,
    nieuwssite, etc.

R1: Eenvoudige toegang

Zichtbaarheid door slimme kleurkeuze en opmaak

R1: Eenvoudige toegang

Zichtbaarheid:

• Slim gebruik van afbeeldingen ipv tekst
  
• Niet teveel lappen tekst, plaatjes duidelijker
  

R1: Eenvoudige toegang

Rangschikking door ordening

• Goed gebruik van headings
  
• Kleuren
• Groottes
• Kaders
• Etc.
  

R1: Eenvoudige toegang

Eenvoud, rust en orde

versus

R2: Geef gebruiker controle

Laat duidelijk de status van het systeem zien. Geef de gebruiker feedback:

• Voortgang van stappen     -->
  
• Laadindicatie

• Navigatie: Waar ben ik op de site?

R3: Bied veiligheid

Geef de grenzen aan en voorkom fouten zo veel mogelijk.

Bijvoorbeeld door dingen uit te schakelen als ze niet gebruikt kunnen worden:

R4: Zorg voor aansluiting

Denk na over je doelgroep:

• Tekst en taalgebruik
• Design en kleuren
• Lettertypes
• ...
• (Comic Sans Criminal)
  

R4: Zorg voor aansluiting

Skeuomorfisme. Digitale dingen ontwerpen met het uiterlijk van de analoge tegenhanger.

R4: Zorg voor aansluiting

Sluit aan bij gewoontes, standaarden en verwachtingen

• Standaardknoppen en menu's
• Logisch kleurgebruik

• Locaties van dingen. Bv: Menu zit meestal links of boven