CMD Interaction Design - Y1 introduction

  • 562 views
Uploaded on

 

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
562
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
10
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 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
  • 16.
  • 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