1. Interaction Design Jaar 1 – Introductie

2. Ferry den Dopper Interaction designersinds 2000 (bij Tam Tam) Voorliefdevoorinformatiearchitectuur, toegankelijkheid en persuasion design Ontworpenvooro.a. Daarnaast f.den.dopper@hr.nl @ferrydendopper nl.linkedin.com/in/ferrydendopper/nl www.den-dopper.com Waar kun je me vinden?

3. Ditjaar Design Research Wireframing Wat is interaction design? Structuur en navigatie Formulieren

4. Verplichteboeken Module 2 Module 3 Module 1 About Face 3 Alan Cooper Communicating Design Dan Brown Information Architecture Peter Morville & Louis Rosenfeld Web Form Design Luke Wroblewski

5. Aanbevolenboeken Don’t Make Me Think Steve Krug

6. Wat is Interaction Design? Computer Human Interaction

12. Wat is Interaction Design? Het faciliteren van communicatie / interactie tussen mensen en producten. Met name zijn dit producten die van kunstmatige intelligentie gebruikmaken. Het faciliteren van communicatie tussen mensen onderling door middel vanproducten en diensten. Het gedrag van apparaten, systemen en omgevingen vormgeven. Het gaat vooral om functionaliteiten en feedback: hoe producten zich gedragen...gebaseerd op de handelingen van gebruikers...'

13. Wat is Interaction Design? Interface Invoer (input) Gebruiker (user)

14. (User) Interface Het gedeelte dat tussen mensen en het systeem in staat, waarmee het systeem en mensen met elkaar kunnencommuniceren. vaak, maar niet altijd een scherm deels fysiek, deels virtueel (schermafbeelding) goede interfaces zijn bruikbaar, nuttig en leuk

15. De interaction designer… bepaalt niet alleen de uiterlijk maar ook het gedragvan een interface. En ontwerpt… het dialoog tussen mens en apparaat: de werking van interactieve elementen (controls zoals knoppen, drag&dropinteracties) welke onderdelen van een website of programma worden getoond in welke volgorde schermen worden doorlopen (bijv. in een formulier) de manier waarop elementen aandacht trekken, zoals geanimeerde overgangen de structuur van een product en de manier waarop deze structuur verandert tijdens gebruik

17. Deliverables flowcharts sitemap wireframesof een functioneel ontwerp prototypes

18. Opdracht Maak een flowchart voor het geld opnemen uit een pinautomaat.

19. Opdracht Maak een sitemap van www.hogeschoolrotterdam.nl

20. Demo wireframe & prototype

21. Vragen? Feedback? f.den.dopper@hr.nl @ferrydendopper