1. IDM
BLOK
E
open
data
HT
1
periode
4
vak
HCI
HUMAN COMPUTER
INTERACTION
Klaas
Jan
Mollema
MSc
IDMDENHAAG
InformatieDienstverlening &
informatieManagement
HTDENHAAG
Human Technology
5
2. IDM-‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
meet
the
elements
-‐
the
five
planes
stappenplan
voor
een
compleet
ID/UXd
product
3. College 1 : INTRODUCTIE HCI & OUTLINE JESSY JAMES GARRETT
College 2 : STRATEGY PLANE & SCOPE PLANE
College 3 : STRUCTURE PLANE & SKELETON PLANE
College 4 : SKELETON PLANE (patterns) & SURFACE PLANE
College 5 : USABILITY TESTEN
IDM
BLOK
E
open
data
HT
1
periode
4
vak
HCI
IDMDENHAAG
InformatieDienstverlening &
informatieManagement
HTDENHAAG
Human Technology
4. IDM
BLOK
E
open
data
HT
1
periode
4
vak
HCI
USABILITY TESTEN
test
wat
je
hebt
bedacht
IDMDENHAAG
InformatieDienstverlening &
informatieManagement
HTDENHAAG
Human Technology
5. IDM-‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
Usability
testen
soorten
testen
gebruikerstesten
scenario-based user testing
expert testen
cognitive walkthrough
heuristic evaluation
6. IDM-‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
Usability
testen
soorten
testen
gebruikerstesten
scenario-based user testing
expert testen
cognitive walkthrough
heuristic evaluation
je test het systeem, niet de gebruiker!
observeren van gebruikers bij het
uitvoeren van een realistische taak
behorende bij het systeem is het
meest voorkomend
taak wordt vaak via een scenario
uitgevoerd
andere manieren zijn:
- focusgroepen
- card sorting
- performance measurement evaluations
7. IDM-‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
Usability
testen
soorten
testen
gebruikerstesten
scenario-based user testing
expert testen
cognitive walkthrough
heuristic evaluation
Bij cognitive walkthrough wordt er nagedacht over
wat de taken en handelingen met de gebruiker
doen
Rekening houdend met het wachten
of nadenken van de gebruiker
8. IDM-‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
Usability
testen
soorten
testen
gebruikerstesten
scenario-based user testing
expert testen
cognitive walkthrough
heuristic evaluation
stappen cognitive walkthrough
1. keuze van een taak die uitgevoerd
wordt
2. de gebruiker zoekt op het scherm
naar de activiteit waarmee de taak
uitgevoerd kan worden
3. de gebruiker selecteert de activiteit
die het dichtst in de buurt komt van
de gewenste uitkomst
4. de gebruiker interpreteert de respons
van het systeem en schat in of er
vooruitgang is geboekt bij het
vervullen van de taak
9. IDM-‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
Usability
testen
soorten
testen
gebruikerstesten
scenario-based user testing
expert testen
cognitive walkthrough
heuristic evaluation
relevante vragen cognitive walkthrough
1. Hoe weet de gebruiker van de
vervolgstap is na stap 1?
2. Hoe weet de gebruiker bij stap 2 dat
hij goed bezig is?
3. Hoe weet de gebruiker, op basis van
de respons van het systeem, dat hij
de juiste handeling verricht heeft?
10. IDM-‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
Usability
testen
soorten
testen
gebruikerstesten
scenario-based user testing
expert testen
cognitive walkthrough
heuristic evaluation
relevante vragen cognitive walkthrough
1. Hoe weet de gebruiker van de
vervolgstap is na stap 1?
2. Hoe weet de gebruiker bij stap 2 dat
hij goed bezig is?
3. Hoe weet de gebruiker, op basis van
de respons van het systeem, dat hij
de juiste handeling verricht heeft?
dus:
1. is duidelijk zichtbaar wat de gebruikers moeten doen voor de actie?
2. als de gebruikers de juiste bedieningsknop hebben gevonden, zullen de gebruikers dan
vervolgens herkennen dat dit de actie is die het gewenste effect oplevert?
3. als de actie ondernomen is, begrijpen de gebruikers de feedback dan wel die ze van de
interface terugkrijgen, zodat ze vol vertrouwen de volgende actie gaan ondernemen?
11. IDM-‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
Usability
testen
soorten
testen
gebruikerstesten
scenario-based user testing
expert testen
cognitive walkthrough
heuristic evaluation
heuristic evaluation
Een heuristic evaluation is een expert
review waarbij twee tot vier usability
specialisten onafhankelijk van elkaar
(een onderdeel van) een
gebruikersinterface beoordelen op de
naleving van een aantal erkende
usability principes.
12. IDM-‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
Usability
testen
soorten
testen
gebruikerstesten
scenario-based user testing
expert testen
cognitive walkthrough
heuristic evaluation
heuristic evaluation
Een heuristic evaluation is een expert
review waarbij twee tot vier usability
specialisten onafhankelijk van elkaar
(een onderdeel van) een
gebruikersinterface beoordelen op de
naleving van een aantal erkende
usability principes.
heuristic = regel / richtlijn
13. IDM-‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
Usability
testen
soorten
testen
gebruikerstesten
scenario-based user testing
expert testen
cognitive walkthrough
heuristic evaluation
heuristic evaluation
- richtlijnen uit vakliteratuur
- uitgevoerd door expert / deskundige(n)
- Nielsen heeft algemene richtlijnen
gemaakt en heeft een procedure
ontwikkeld en zelf toegepast/getest
waarmee een interface kan worden ge-
evalueerd. De heuristic evaluation
14. IDM-‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
Usability
testen
soorten
testen
gebruikerstesten
scenario-based user testing
expert testen
cognitive walkthrough
heuristic evaluation
heuristic evaluation
let op:
- geen enkele expert vindt alle problemen
- verschillende experts vinden
verschillende problemen
- elke expert evalueert alleen
dus:
combineer aan het eind de afzonderlijk
gevonden problemen
15. evalueren interface is tijdrovend
tijd kost geld
praktijk:
discount model Nielsen
- heuristic evaluation (expert review)
- usability test met 5 gebruikers (think aloud)
IDM-‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
Testen
is
duur
discount
model
16. evalueren interface is tijdrovend
tijd kost geld
praktijk:
discount model Nielsen
- heuristic evaluation (expert review)
- usability test met 5 gebruikers (think aloud)
beiden zijn nodig -> verschillende output
- inconsistenties haal je eruit met experts
- gebruik in gebruikerscontext haal je eruit met gebruikers
IDM-‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
Testen
is
duur
discount
model
17. meet expectations
1. match the real world
2. consistency & standards
3. help & documentation
user is the boss
4. user control & freedom
5. visiblity of system status
6. flexibility & efficiency
IDM-‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
Heuristics
Jakob
Nielsen
18. handle errors
7. error prevention
8. recognition, not recall
9. error reporting, diagnosis and recovery
keep it simple
10. aesthetic & minimalist design
IDM-‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
Heuristics
Jakob
Nielsen
19. visibility of system status
the system should always keep users informed about
what is going on, through appropriate feedback within
reasonable time
IDM-‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
Heuristics
Jakob
Nielsen
20. visibility of system status
the system should always keep users informed about
what is going on, through appropriate feedback within
reasonable time
appropriate feedback
- laat zien waar je bent binnen de site
- feedback geven op formulieren
within reasonable time
- download snelheid
IDM-‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
Heuristics
Jakob
Nielsen
21. IDM
BLOK
E
open
data
HT
1
periode
4
vak
HCI
HUMAN COMPUTER
INTERACTION
Klaas
Jan
Mollema
MSc
IDMDENHAAG
InformatieDienstverlening &
informatieManagement
HTDENHAAG
Human Technology