Les 2 - Richtlijnen voor usability

• Informatica
• Middelbare school
• havo, vwo
• Leerjaar 4-6

Domein F

Interactie

H1

Richtlijnen

Leerdoel

Aan het eind van deze les ken je  de 4 richtlijnen voor usability. Ook kan je benoemen wat het verschil is tussen deze 4 richtlijnen. Tot slot kan je voorbeelden geven van goede en slechte ontwerpen volgens iedere aparte richtlijn.

Waar staat GUI voor en wat betekent het?

Wat houdt 'de heuristieken van Nielsen' in?

4 richtlijnen volgens de methode

De 4 richtlijnen zijn als volgt:

1. Bied eenvoudige toegang
2. Geef controle
3. Bied veiligheid
4. Zorg voor aansluiting

Dit zijn de richtlijnen voor een grafisch interface-ontwerp

Richtlijn 1: Bied eenvoudige toegang

• Consistentie en doelgerichtheid
  
• Eenvoud en orde
  
• Zichtbaarheid
  
• Rangschikking

Consistentie en doelgerichtheid

Elk ICT-product is gemaakt met een bepaald onderwerp en een bepaald doel. Elk onderdeel van het product moet te maken hebben met dat onderwerp en dat doel. Met andere woorden: alle onderdelen van het product moeten consistent zijn.

Ook alle afbeeldingen moeten gericht zijn op het doel van het product. Gebruik ze dus niet alleen om iets er leuker te laten uitzien. Op een website van een bakker verwacht je geen vliegtuig of grappige cartoons. Hoe mooi of leuk die er ook uitzien.

Kijk naar het plaatje hier rechts. Welke nieuwssite is doelgerichter en waarom?

Eenvoud en orde

Een goede lay-out is een eenvoudige lay-out. Informatie vermelden die jij heel belangrijk vindt, gaat eigenlijk altijd ten koste van de eenvoud en zorgt voor onbegrip bij de gebruiker. 

Zichtbaarheid

De juiste informatie moet zichtbaar zijn. Dat wil zeggen: belangrijke informatie goed zichtbaar en minder belangrijke informatie minder goed zichtbaar. De meeste informatie is tekst of beeld. 

Zichtbaarheid

Zichtbaarheid van tekst

Zichtbaarheid

Plaatjes zijn beter dan tekst

Rangschikking

Op een webpagina is meestal niet alle informatie even belangrijk. Van sommige dingen wil je dat de bezoeker ze direct opmerkt. Maar andere dingen hoeven alleen maar gevonden te worden als een bezoeker ernaar op zoek is. Je moet dus goed nadenken over kleur, positie en grootte van alle elementen. 

Hoe zorg je dan voor die rangschikking?

Rangschikking

Je kunt tekst rangschikken in grootte, dikte en contrast:

Rangschikking

Ook afbeeldingen doormiddel van contrast of kader:

Richtlijn 2: Geef de gebruiker controle

Als gebruiker is het belangrijk om het gevoel te hebben dat je een systeem voldoende kent en dat je het beheerst. De gebruiker moet dus voldoende controle over het systeem hebben. Dat is belangrijk, omdat het zorgt voor vertrouwen. Maar ook is het belangrijk dat het systeem pas iets gaat doen als de gebruiker dat wil. Daarom zijn onderste kenmerken belangrijk bij richtlijn 2.

• Status en feedback
  
• Foutmeldingen voorkomen
  

Status en feedback

• Status

                  Bij status gaat het erom wat de toestand van het systeem is.

• Feedback
  

                  Bij feedback verstaan we de terugkoppeling van het systeem bij een actie van de gebruiker.

Foutmeldingen voorkomen

Waarom is het beter om een fout te voorkomen?

                      De kans is groot dat hij of zij stopt met het gebruiken                        van je product na een error.

Foutmeldingen voorkomen

Foutmelding 404 op het internet.

Richtlijn 3: Bied veiligheid

• Grenzen aan geven
  
• Herstelmogelijkheden
  
• Hulp en ondersteuning bieden

Richtlijn 4: Zorg voor aansluiting

• Doelgroep
  
• Gewoonte
  
• Voorspelbaarheid en flexibiliteit
  

Doelgroep

• Pas taalgebruik en afbeeldingen aan
  
• Skeuomorfisme
  

Wat was dat ook alweer?

Wat betekent skeuomorfisme?

Doelgroep

• Pas taalgebruik en afbeeldingen aan
  
• Skeuomorfisme
  

Met deze ontwerptechniek worden objecten in software zo vormgegeven, zoals ze ook in de fysieke wereld zijn.

Gewoonte

• We proberen patronen te ontdekken
  
• Doorbreek standaard patronen niet
  

Wat valt je op wat betreft patronen aan de pagina hiernaast afgebeeld?

Opdracht

Klik op de onderstaande link om de opdracht te maken.

https://forms.gle/fP9ssct4HgMS68w28