[Ht] human computer interaction 2

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
2

2. meet
the
elements
-­‐
the
five
planes
stappenplan
voor
een
compleet
ID/UXd
product
IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
SURFACE PLANE
what you see
SKELETON PLANE
placement of buttons etc.
STRUCTURE PLANE
the infrastructure
SCOPE PLANE
functionality
STRATEGY PLANE
who whants what?

3. IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
meet
the
elements
-­‐
the
five
planes
stappenplan
voor
een
compleet
ID/UXd
product

4. IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
meet
the
elements
-­‐
the
five
planes
stappenplan
voor
een
compleet
ID/UXd
product

5. 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

6. IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
STRATEGY PLANE
who whants what?
meet
the
elements
-­‐
the
five
planes
stappenplan
voor
een
compleet
ID/UXd
product
- Site Objectives
- User needs
Oftewel:
- Wat willen de makers met de site bereiken?
- Wat willen de gebruikers met de site bereiken?
En: formuleer je eisen zo duidelijk mogelijk: SMART

7. IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
SCOPE PLANE
functionality
meet
the
elements
-­‐
the
five
planes
stappenplan
voor
een
compleet
ID/UXd
product
“Defining the scope: a valuable process that results in a
valuable product”
Oftewel:
Bepaal de omvang en grootte van je project en dat
hangt weer af van de tijd en middelen die je hebt

8. IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
meet
the
elements
-­‐
the
five
planes
stappenplan
voor
een
compleet
ID/UXd
product

9. IDM
BLOK
E
open
data
HT
1
periode
4
vak
HCI
STRATEGY PANE
the
user
needs
IDMDENHAAG
InformatieDienstverlening &
informatieManagement
HTDENHAAG
Human Technology
STRATEGY PLANE
who whants what?

10. strategy
pane
the
user
needs
IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
input:
- de gebruikers zelf
- aansluiten bij wat ze nu al doen

11. strategy
pane
the
user
needs
IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
output:
- user needs vormen samen met site objectives een visie of strategie document
>> geen opsomming van doelen, maar een ‘verhaal’

12. strategy
pane
the
user
needs
IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
moeilijkheden:
- gebruikersgroepen
zijn vaak erg divers
- segmenteren om te
focussen
(doelgroepanalyse)

13. stakeholders
belanghebbenden
IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
primary users
De doelgroep voor je applicatie.
Diegenen die er daadwerkelijk mee
aan de slag gaan.
secundary users
andere betrokkenen. Diegenen die
door het systeem beïnvloed worden of
die het systeem beïnvloeden.

14. doelgroep
wat
is
dat?
IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
een groep mensen met ongeveer
dezelfde eigenschappen
(gebruikerskenmerken)

15. doelgroepen
drie
aspecten
IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
- wie zijn er aan het werk en wat zijn dat voor mensen --> gebruikers
- Wat doen ze en hoe doen ze dat --> taak (afhankelijk van het doel van de gebruiker)
- Onder welke omstandigheden werken ze --> taakcontext

16. doelgroepen
drie
aspecten
IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
- wie zijn er aan het werk en wat zijn dat voor mensen --> gebruikers
- Wat doen ze en hoe doen ze dat --> taak (afhankelijk van het doel van de gebruiker)
- Onder welke omstandigheden werken ze --> taakcontext

17. doelgroepen
drie
aspecten
IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
- wie zijn er aan het werk en wat zijn dat voor mensen --> gebruikers
- Wat doen ze en hoe doen ze dat --> taak (afhankelijk van het doel van de gebruiker)
- Onder welke omstandigheden werken ze --> taakcontext

18. doelgroepen
drie
aspecten
IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
- wie zijn er aan het werk en wat zijn dat voor mensen --> gebruikers
- Wat doen ze en hoe doen ze dat --> taak (afhankelijk van het doel van de gebruiker)
- Onder welke omstandigheden werken ze --> taakcontext

19. gebruikers
characteristics
vs
needs
IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
Characteristics
User needs

20. gebruikers
characteristics
vs
needs
IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
Characteristics
User needs

21. gebruikers
segmenteren
hoe
segmenteer
je
de
doelgroep
IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
doel
begrijpen hoe gebruiker
daadwerkelijk een applicatie zullen
gaan gebruiken
segmenteer op basis van
- doelen
- gedragspatronen
- houding

22. gebruikers
segmenteren
hoe
segmenteer
je
de
doelgroep
IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
per segment beschrijf je
- demografische kenmerken (leeftijd, sexe, inkomen, etc)
- computerervaring
- motivatie
- attitude
- lichamelijke beperking

23. gebruikers
segmenteren
hoe
segmenteer
je
de
doelgroep
IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
per segment beschrijf je
- demografische kenmerken
- computerervaring
- motivatie
- attitude
- lichamelijke beperking

24. gebruikers
segmenteren
hoe
segmenteer
je
de
doelgroep
IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
per segment beschrijf je
- demografische kenmerken (leeftijd, sexe, inkomen, etc)
- computerervaring
- motivatie
- attitude
- lichamelijke beperking

25. persona’s
en
scenario’s
hoe
segmenteer
je
de
doelgroep
IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
een persona is een concrete omschrijving van een gebruiker en wat die
precies wil bereiken:
- fictief maar precies (naam, leeftijd, etc.)
- specifiek maar steriotype (geldend voor een bepaalde (doel)groep)

26. persona’s
en
scenario’s
hoe
segmenteer
je
de
doelgroep
IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
beschrijf een persona in termen van:
- doelen met de applicatie
- doelen in het leven algemeen (voor zover relevant)
- vaardigheden
- achtergronden
- interessegebieden

29. persona’s
en
scenario’s
hoe
segmenteer
je
de
doelgroep
IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
stappenplan persona
- verzamel informatie
statistische gegevens, literatuur, interviews, observeren --> tabel
- analyseer informatie
conclusie trekken uit data
- segmenteer
doelgroep segmenteren op doelen, gedragspatronen en/of houding
- benoem persona’s
kiezen van primaire persona’s en maken grove beschrijvingen
- beschrijf persona’s
persona’s volledig uitwerken

30. opdracht
hoe
beschrijf
je
Koos
Werkeloos
(43
jaar)
ikv
de
website
van
het
UWV?
IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
stappenplan persona
- verzamel informatie
statistische gegevens, literatuur, interviews, observeren --> tabel
- analyseer informatie
conclusie trekken uit data
- segmenteer
doelgroep segmenteren op doelen, gedragspatronen en/of houding
- benoem persona’s
kiezen van primaire persona’s en maken grove beschrijvingen
- beschrijf persona’s
persona’s volledig uitwerken

31. IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
THE USER IS ALWAYS RIGHT
persona’s
en
scenario’s
hoe
segmenteer
je
de
doelgroep

32. IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
PERSONA’S SCHERPEN AAN
persona’s
en
scenario’s
hoe
segmenteer
je
de
doelgroep

33. IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
PERSONA’S ZORGEN VOOR CONSENSUS
persona’s
en
scenario’s
hoe
segmenteer
je
de
doelgroep

34. IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
PERSONA’S ROEPEN SYMPATHIE OP
persona’s
en
scenario’s
hoe
segmenteer
je
de
doelgroep

35. IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
PERSONA’S CREËREN EFFICIËNTIE
persona’s
en
scenario’s
hoe
segmenteer
je
de
doelgroep

36. IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
persona’s
en
scenario’s
hoe
segmenteer
je
de
doelgroep
tip:
gebruik life-size cut-outs

37. IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
the
strategy
plane
site
objectives
specifieker dan business goals
brand identity
visuele en interactie elementen zijn
belangrijke pijlers in het communiceren
van de merkidentiteit
success metrics
indicatoren die aangeven of de website
die ontwikkeld is ook de gestelde doelen
behaalt

38. IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
the
strategy
plane
site
objectives
specifieker dan business goals
brand identity
visuele en interactie elementen zijn
belangrijke pijlers in het communiceren
van de merkidentiteit
success metrics
indicatoren die aangeven of de website
die ontwikkeld is ook de gestelde doelen
behaalt

39. IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
the
strategy
plane
>
scope
plane
site
objectives
site objectives + user needs > functionele eisen en content eisen

40. IDM
BLOK
E
open
data
HT
1
periode
4
vak
HCI
SCOPE PLANE
functionaliteiten
in
gebruik
en
inhoud
IDMDENHAAG
InformatieDienstverlening &
informatieManagement
HTDENHAAG
Human Technology
SCOPE PLANE
functionality

41. IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
the
scope
plane
functionaliteiten
in
gebruik
en
inhoud
requirements
een waardevol proces eindigt in een
waardevol product
- Beschrijven van de requirements is
nodig om eventuele conflicten op te
sporen
- Het product beschrijven is nodig voor
de aansturing van je projectteam

42. IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
the
scope
plane
functionaliteiten
in
gebruik
en
inhoud
SCOPE PLANE
functionality
functional
specifications
content
requirements
opstellen functionele eisen
zo specifiek mogelijk
- be positive
- be specific
- avoid subjective language

43. IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
the
scope
plane
functionaliteiten
in
gebruik
en
inhoud
SCOPE PLANE
functionality
functional
specifications
content
requirements
opstellen functionele eisen
- systeemeisen zijn geordend op prioriteit
- systeemeisen zijn genummerd
- systeemeisen zijn altijd in enkelvoud opgesteld (geen dit én dit)
- systeemeisen kunnen worden ingedeeld in categorieën

44. IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
the
scope
plane
functionaliteiten
in
gebruik
en
inhoud
SCOPE PLANE
functionality
functional
specifications
content
requirements
opdracht: functionele eisen
1. De applicatie biedt geen ondersteuning aan gehandicapte
mensen
2. De gebruiker kan adresgegevens vastleggen van een klant
3. Er zijn afbeeldingen in te zien die bij de gegevens horen
4. Het is onmogelijk om een foto op te slaan bij de
persoonsgegevens
5. De applicatie toont mooie plaatjes van de school
6. De gebruiker kan oefenen met het bouwen van een
nomadentent
7. De applicatie toont virtuele tours van de school

45. IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
the
scope
plane
functionaliteiten
in
gebruik
en
inhoud
SCOPE PLANE
functionality
functional
specifications
content
requirements
prioritering
MOSCOW methode
- Must have
- Should have
- Could have
- Would have / Won’t have

46. IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
the
scope
plane
functionaliteiten
in
gebruik
en
inhoud
SCOPE PLANE
functionality
functional
specifications
content
requirements
het doel van contenteisen
Contenteisen hebben vaak functionele implicaties
De opsteller van de content heeft een richtlijn voor de aan te
leveren content

47. IDM-­‐
E
open
data
INTERACTION
DESIGN
HT
1
periode
4
HCI
the
scope
plane
functionaliteiten
in
gebruik
en
inhoud
SCOPE PLANE
functionality
functional
specifications
content
requirements
het doel van contenteisen
Contenteisen hebben vaak functionele implicaties
De opsteller van de content heeft een richtlijn voor de aan te
leveren content

48. IDM
BLOK
E
open
data
HT
1
periode
4
vak
HCI
HUMAN COMPUTER
INTERACTION
Klaas
Jan
Mollema
MSc
IDMDENHAAG
InformatieDienstverlening &
informatieManagement
HTDENHAAG
Human Technology