Usability

Usability
1 / 17
next
Slide 1: Slide
InformaticaMiddelbare schoolvwoLeerjaar 4

This lesson contains 17 slides, with interactive quiz and text slides.

time-iconLesson duration is: 15 min

Items in this lesson

Usability

Slide 1 - Slide

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

Slide 2 - Slide

Hersenen nemen niet alle informatie even goed op...

Slide 3 - Slide

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 - Slide

Wat is er mis met deze website?

Slide 5 - Open question

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 - Slide

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



Slide 7 - Slide

R1: Eenvoudige toegang
Zichtbaarheid door slimme kleurkeuze en opmaak

Slide 8 - Slide

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

Slide 9 - Slide

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

Slide 10 - Slide

Slide 11 - Slide

R1: Eenvoudige toegang
Eenvoud, rust en orde


versus

Slide 12 - Slide

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 - Slide

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 - Slide

R4: Zorg voor aansluiting
Denk na over je doelgroep:

Slide 15 - Slide

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

Slide 16 - Slide

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 - Slide