F1 Usability

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

Usability (F1)

Antje Roestenburg

[e-mail]

User Experience

User Experience gebruikerservaring:

Het 'gevoel' dat een app, website of product gebruikers geeft.

User Experience (UX)

"gebruikers ervaring"

Het gevoel dat een app, website of product de gebruiker geeft

• Usability
• Design (visual/interaction) 
• Inhoud (IA)

UX Pyramide

UX Pyramide

• Useful (functionaliteit)
  werkt zoals het bedoeld is
  
  
• Reliable (betrouwbaarheid)
  Altijd beschikbaar en betrouwbaar
  
  
• Usable (bruikbaarheid)
  moet gebruikt kunnen worden zonder problemen

• Convenient (gebruiksgemak)
  Werkt zoals verwacht en is handig
  
  
• Pleasurable (plezier)
  Leuk om te gebruiken
  (b.v.  vriendelijke taal)
  
  
• Meaningfull (betekenisvol)
  Ervaring, invloed op emotie

Usability

Gebruiksvriendelijkheid is een concept dat onder andere door ergonomen wordt bestudeerd. 

Iets is gebruiksvriendelijk wanneer een beoogde eindgebruiker van een product, het effectief, efficiënt en naar tevredenheid kan gebruiken. 

Usability

• Effectief
  (doel bereiken)
• Efficiënt
  (middelen om doel te bereiken)
• Engaging
  (innemend/ aantrekkelijk)
• Error tolerant
  
• Easy to learn

Usability voorbeeld

Effective (doel bereiken):
Is de actie voltooid? Kreeg de gebruiker het juiste resultaat waar hij/zij zoekt? 

(Bijvoorbeeld: Alleen tekst die nuttige informatie geeft en feedback krijgen op het juiste moment)

Efficiency (Middelen): 

Zonder tijd, energie of kosten te verspillen. Bijv. snelheid: gebruikers hebben haast.

(Bijvoorbeeld: Een goede navigatie structuur en snelkoppelingen)

Engaging (Innemend/ aantrekkelijk):
Hoe prettig en aantrekkelijk een interface is om te gebruiken. (Bijvoorbeeld: Een duidelijke taal)

Error tolerant (voorkomen en herstellen van fouten). 

 (Bijvoorbeeld: Zorg ervoor dat acties gemakkelijk ongedaan gemaakt kunnen worden.)

Easy to learn (makkelijk te leren / gebruiken): 

Laat gebruikers niet nadenken. (Bijvoorbeeld: Behulpzame interface met duidelijke en minimale instructies)

Ontwerpers meten de usability van een ontwerp tijdens het ontwikkelingsproces: van wireframes tot het uiteindelijke product.

Heuristieken

Vuistregels of richtlijnen voor dagelijks gebruik. 

Bijvoorbeeld

• Eerst T-shirt aan trekken, dan haren kammen.
• Sluit na gebruik de computer af.
• Gebruiker van je website moet altijd weten waar hij is.

Nielsen’s Usability Heuristics 

4 richtlijnen:

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

1. Bied eenvoudige toegang

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

Consistentie en doelgerichtheid

Dingen steeds op dezelfde plek.

Duidelijk doel:
Webshop, blog,  nieuwssite, etc.

Eenvoud en orde

"Less is more"

Zichtbaarheid

Juiste informatie zichtbaar:

• Belangrijke informatie goed zichtbaar.
  Minder belangrijke informatie minder goed zichtbaar

• Tekst vs beeld

Rangschikking

b.v. tekst rangschikken in 

• grootte
• dikte
• contrast

2. Geef de gebruiker controle

• Status en feedback
• Foutmeldingen voorkomen

=> vertrouwen

Gevoel om systeem voldoende te kennen en beheersen. Systeem doet pas iets als de gebruiker dat wil.

Status

Wat is de toestand van het systeem?

Feedback

Terugkoppeling bij een actie van de gebruiker.

Foutmeldingen voorkomen

Foutmelding 404 op het internet:

3. Bied veiligheid

• Grenzen aan geven
  
• Herstelmogelijkheden
  
• Hulp en ondersteuning bieden

4. Zorg voor aansluiting

• Doelgroep
  
• Gewoonte
  
• Voorspelbaarheid en flexibiliteit
  

Doelgroep

• Pas taalgebruik en afbeeldingen aan
  

• Skeuomorfisme
  (objecten in software zo vormgegeven, zoals ze ook in de fysieke wereld zijn)

Gewoonte

Proberen patronen te ontdekken.

Doorbreek standaard patronen niet.

Usability test

Usability gaat over de vraag hoe gebruiksvriendelijk iets is. 

Online gaat dit vaak over websites, apps of platformen.

  

Met een usability test, of gebruikerstest, wil je er dus achter komen hoe gebruiksvriendelijk jouw website of applicatie is.  

Gebruikerstest

Vragen stellen:

• Enquete
• Interview of brainstorm

Wat doet een gebruiker?

• Meekijken
  
• Metingen doen
  
• A/B-test
  
• Test op fouten
  

Functioneel ontwerp

Document waarin je beschrijf hoe (en waarom) je website, applicatie of product er uit komt zien.

Huiswerk

Fundament Online:

F1 Usability (hoofdstuk 1 t/m8)

vragen?