Interaction Design CMD jaar 1 introductie

transcript

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?

f.den.dopper@hr.nl

@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

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?

f.den.dopper@hr.nl

@ferrydendopper

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