Usability

Usability
1 / 17
suivant
Slide 1: Diapositive
InformaticaMiddelbare schoolvwoLeerjaar 4

Cette leçon contient 17 diapositives, avec quiz interactif et diapositives de texte.

time-iconLa durée de la leçon est: 15 min

Éléments de cette leçon

Usability

Slide 1 - Diapositive

Mensen
Onduidelijk
Creatief
Emotioneel
Snel afgeleid
Flexibel
...
Computers
Exact
Volgens regels
Emotieloos
Nooit afgeleid
Inflexibel
...

Slide 2 - Diapositive

Hersenen nemen niet alle informatie even goed op...

Slide 3 - Diapositive

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.

Slide 4 - Diapositive

Wat is er mis met deze website?

Slide 5 - Question ouverte

Heuristieken voor goed ontwerp
Usability heuristieken (=vuistregels) van Nielsen:
  1. Eenvoudige Toegang
  2. Geef gebruiker controle
  3. Bied veiligheid
  4. Zorg voor aansluiting


Slide 6 - Diapositive

R1: Eenvoudige toegang
Consistentie en doelgerichtheid:
  • Dingen steeds op dezelfde plek
  • Duidelijk doel: webshop, blog,
      nieuwssite, etc.



Slide 7 - Diapositive

R1: Eenvoudige toegang
Zichtbaarheid door slimme kleurkeuze en opmaak

Slide 8 - Diapositive

R1: Eenvoudige toegang
Zichtbaarheid:
  • Slim gebruik van afbeeldingen ipv tekst
  • Niet teveel lappen tekst, plaatjes duidelijker

Slide 9 - Diapositive

R1: Eenvoudige toegang
Rangschikking door ordening
  • Goed gebruik van headings
  • Kleuren
  • Groottes
  • Kaders
  • Etc.

Slide 10 - Diapositive

Slide 11 - Diapositive

R1: Eenvoudige toegang
Eenvoud, rust en orde


versus

Slide 12 - Diapositive

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?


Slide 13 - Diapositive

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:

Slide 14 - Diapositive

R4: Zorg voor aansluiting
Denk na over je doelgroep:

Slide 15 - Diapositive

R4: Zorg voor aansluiting
Skeuomorfisme. Digitale dingen ontwerpen met het uiterlijk van de analoge tegenhanger.

Slide 16 - Diapositive

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

Slide 17 - Diapositive