CMD Interaction Design - Y1 introduction
•Download as PPTX, PDF•
0 likes•273 views
CMD Interaction Design - Y1 introduction
- 1. Interaction DesignJaar 1 – Introductie
- 2. Ferry den DopperInteraction designersinds 2000 (bij Tam Tam)Voorliefdevoorinformatiearchitectuur, toegankelijkheid en persuasion designOntworpenvooro.a.Daarnaastf.den.dopper@hr.nl@ferrydendoppernl.linkedin.com/in/ferrydendopper/nlwww.den-dopper.comWaar kun je me vinden?
- 3. DitjaarDesign ResearchWireframingWat is interaction design?Structuur en navigatieFormulieren
- 4. VerplichteboekenModule 2Module 3Module 1About Face 3Alan CooperCommunicating DesignDan BrownInformation ArchitecturePeter Morville & Louis RosenfeldWeb Form DesignLuke Wroblewski
- 5. AanbevolenboekenDon’t Make Me ThinkSteve Krug
- 6. Wat is Interaction Design? ComputerHumanInteraction
- 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?InterfaceInvoer(input)Gebruiker(user)
- 14. (User) InterfaceHet gedeelte dat tussen mensen en het systeem in staat, waarmee het systeem en mensen met elkaar kunnencommuniceren.vaak, maar niet altijd een schermdeels 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 getoondin welke volgorde schermen worden doorlopen (bijv. in een formulier)de manier waarop elementen aandacht trekken, zoals geanimeerde overgangende structuur van een product en de manier waarop deze structuur verandert tijdens gebruik
- 17. Deliverablesflowchartssitemapwireframesof een functioneel ontwerpprototypes
- 18. OpdrachtMaak een flowchart voor het geld opnemen uit een pinautomaat.
- 19. OpdrachtMaak een sitemap van www.hogeschoolrotterdam.nl
- 20. Demo wireframe & prototype