Interaction Design CMD jaar 1 introductie

Interaction Design – jaar 1 Vragen of feedback? @ferrydendopper

Interaction DesignJaar 1 – Introductie


Ferry den Dopper

Interaction designer sinds 2000 (bij Tam Tam)

Voorliefde voor informatiearchitectuur, toegankelijkheid en persuasion design

Ontworpen voor o.a.

Daarnaast

Waar kun je me vinden?

[email protected]

@ferrydendopper

nl.linkedin.com/in/ferrydendopper/nl

www.den-dopper.com


Dit jaar

Design Research Wireframing

Structuur en navigatie

Wat is interaction design?

Formulieren


Verplichte boeken

About Face 3Alan Cooper

Communicating DesignDan Brown

Information ArchitecturePeter Morville & Louis Rosenfeld

Web Form DesignLuke Wroblewski

Module 1 Module 2 Module 3


Aanbevolen boeken

Don’t Make Me ThinkSteve Krug


Wat is Interaction Design?

Computer

Human

Interaction







User Experience

Peter Morville


User Experience

Usability

InformationArchitecture

Visual Design

Marketing / communication


User Experience

Usability

InformationArchitecture

Visual Design

Marketing / communication

InteractionDesign



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 van producten 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...'



Interface

Gebruiker

(user)

Invoer

(input)


(User) Interface

Het gedeelte dat tussen mensen en het systeem in staat, waarmee het systeem en mensen met elkaar kunnen communiceren.

vaak, maar niet altijd een scherm deels fysiek, deels virtueel

(schermafbeelding) goede interfaces zijn bruikbaar, nuttig

en leuk


De interaction designer…

bepaalt niet alleen de uiterlijk maar ook het gedrag van een interface. En ontwerpt…

het dialoog tussen mens en apparaat: de werking van interactieve elementen (controls zoals

knoppen, drag&drop interacties) 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



Deliverables

flowcharts sitemap wireframes of een functioneel ontwerp prototypes


Opdracht

Maak een flowchart voor het geld opnemen uit een pinautomaat.


Opdracht

Maak een sitemap van www.hogeschoolrotterdam.nl


Demo wireframe & prototype


Vragen? Feedback?

[email protected]

@ferrydendopper

Al mijn lespresentaties vind je op:www.slideshare.net/ferrydd

Date post:	28-Jan-2015
Category:	Design
Upload:	ferry-den-dopper
View:	105 times
Download:	0 times