Les 1 • Q3 • IAD 1 • Werk/hoor college

1. IAD Q3 DT • Les 1
INTRODUCTIE
Interaction elements

2. 21 maart 2011
PROGRAMMA
Wat gaan we doen?

3. PROGRAMMA
1. Wie ben ik?
2. Wie zijn jullie?
3. Inhoud blok
4. Inleiding opdracht
5. Interactie van de week
6. Hoorcollege input devices

4. PROGRAMMA
1. Wie ben ik?
2. Wie zijn jullie?
3. Inhoud blok
4. Inleiding opdracht
5. Introductie interaction elements

5. WIE BEN
IK?

6. WIE BEN IK?
Santi Jansen • 24 jaar • Rotterdam •
oud-student CMD HRO • UXDer •
muzikant • typografie • psychologie •
koken • filosofie • muziek • zon, zee &
strand

7. WIE ZIJN
JULLIE?
wie ben je? waar werk je? waarom CMD?

8. INHOUD BLOK
Blok 3
Interaction elements

9. INHOUD BLOK
1. Hoorcolleges interaction elements
2. Werkcolleges
3. Opdracht
4. Tentamen (About Face h18 & h21)
5. Interactie van de week

10. OPDRACHTEN
Blok 3
Interaction elements

11. EINDOPDRACHT
1. Onderzoek
2. Interactie ontwerp
3. Prototype
4. Usability test
5. Eind rapportage

12. DEEL OPDRACHT 1
1. Zoek 2 profielpagina websites
2. Analyseer deze
3. Vergelijk deze
4. Documenteer

13. Zoek eerst twee sites, waarop profielpagina’s zijn in te vullen. Belangrijk is dat dit twee sites
zijn uit verschillende categorieën. Je kunt bijvoorbeeld kiezen uit de volgende categorieën:
• vraag/aanbod goederen
• dating
• vacatures
• socialnetwerk
Maak een screenshot van elk van deze profielpagina’s, zoals je dit ziet als je de
profielinformatie bewerkt. Geef in elk screenshot aan welke ‘controls’ uit hoofdstuk 21 van
Cooper je kunt herkennen.
Vergelijk deze twee profielpagina’s op de volgende punten:
• Welke informatie wordt er gevraagd en waarom is die informatie wel/niet van belang in
het profiel op deze site?
• Op welke manier is de informatie geordend op de pagina? Welke visuele elementen
spelen hierin een rol?
• Zal het voor gebruikers onmiddellijk duidelijk zijn hoe de benodigde informatie kan
worden ingevoerd?
• Kan er ‘foutieve’ profielinformatie worden ingevoerd? Wat gebeurt er dan?

14. INTERACTIE VAN DE WEEK
1. “Zoek”
2. Motiveer & archiveer
3. Deel
4. Discussieer

15. CAPTCHA
21 maart
Interactie van de week

16. INTERACTIE VAN DE WEEK

17. IAD 1 • Q3 • HC1
INPUT DEVICES
Hoorcollege

18. TWEE BASIS
ELEMENTEN

19. FYSIEKE
TECHNOLOGIE
input devices

20. OBJECTEN
OP HET SCHERM
controls

21. COMMAND LINE
INTERFACE

22. GUI
XEROX STAR

23. GUI
APPLE LISA

24. GUI
APPLE OS-X

25. DIRECTE
MANIPULATIE
VISUELE ELEMENTEN

26. pointing devices

27. TWEE TYPES

28. ABSOLUTE
POINTING
DEVICES

29. RELATIEVE
POINTING
DEVICES

30. RELATIE
POINTER TOV
POSITIE DEVICE

31. LICHT PEN
Fairlight CMI-30a

32. http://sloan.stanford.edu/mousesite/1968Demo.html MUIS

33. TRACKBALL

34. TOUCHPAD
Apple Trackpad

35. TRACK POINT
IBM Thinkpads

36. TABLET PEN
Wacom

37. ALTERNATIEVE
INPUT DEVICES

39. TOUCH
Microsoft Surface