iad1 0809q2 hoorcollege 3 beroepsproducten

20
Ontwerpproces en beroepsproducten

Upload: hans-kemp

Post on 25-Jun-2015

362 views

Category:

Business


4 download

TRANSCRIPT

Page 1: Iad1 0809Q2 Hoorcollege 3   Beroepsproducten

Ontwerpproces en beroepsproducten

Page 2: Iad1 0809Q2 Hoorcollege 3   Beroepsproducten

Bronnen

Dan Saffer (2006), Designing for Interaction, New Riders, hoofdstuk 5

Dan Brown (2006), Communicating Design, New Riders

Alan Cooper, Robert Reimann & David Cronin (2007), About Face 3, Wiley Publishing, Inc., hoofdstuk 9

Jesse James Garrett (2004), The Elements Of User Experience, New Riders

Page 3: Iad1 0809Q2 Hoorcollege 3   Beroepsproducten

Het user-centered ontwerpproces

Uit: ‘The Elements of User Experience’, Garrett

Design research documents

Persona’s

Scenario’s

Flow charts

Site maps

Wireframes

Moodboards

Screen designs/storyboards

Prototype

Page 4: Iad1 0809Q2 Hoorcollege 3   Beroepsproducten

Persona’s

Page 5: Iad1 0809Q2 Hoorcollege 3   Beroepsproducten

Persona’s

Page 6: Iad1 0809Q2 Hoorcollege 3   Beroepsproducten

“Ik vind de MM erg geschikt om even rond te neuzen.” [NB: Dit kwam in twee interviews met erg verschillende mensen naar voren!]

“…ik ben een soort vaste klant hier. De indeling is goed en vrijwel overal hetzelfde.”

“Als ik ’s avonds even thuis zit, en wat wil kopen de volgende morgen, ga ik liever even het assortiment langs op de site.”

Persona’s

Page 7: Iad1 0809Q2 Hoorcollege 3   Beroepsproducten

MarkDe gadget gek met geld

“Geef ik iets cadeau, dan is het meestal een slimme gadget.”

Online- zoekt naar nieuwste gadgets- browst bijna dagelijks (‘s avonds na werk’)-altijd orienteren van te voren online

Offline- goed bekend met winkel (‘soort vaste klant’)- negatief over personeel / service (schars, weinig kennis)- brochures spelen bijna geen rol- zoekt niet actief naar hulp (zelfstandig)-heeft altijd vooraf concreet idee van aankoop

DemografischLeeftijd: 52Beroep: IT (systeembeheer)Huw. staat: gescheidenKinderen: 2 volw., 1 van 16 jaarVerdient: 150,000

Persona’s

Page 8: Iad1 0809Q2 Hoorcollege 3   Beroepsproducten

Persona’s

Page 9: Iad1 0809Q2 Hoorcollege 3   Beroepsproducten

“Ik doe grote uitgaven voor elektronica 1 keer per jaar.”

“Ik koop online niet, ik wil zien wat ik koop.”

“[Ik bezoek zo’n winkel…] als ik lege cdtjes of cadeautjes met de feestdagen nodig heb. Of als er iets kapot is bijv: tv, stereo, stofzuiger enz.”

“Door het grote assortiment laat ik me […] liever […] adviseren.”

“Ik verwacht in de winkel geholpen te worden met het uitkiezen van het product dat het beste bij me past…”

“Ik wil een goede garantie op het product…”

Persona’s

Page 10: Iad1 0809Q2 Hoorcollege 3   Beroepsproducten

Makiko

“Ik wil gewoon normaal geholpen worden als ik iets koop.”

Ouderwetse winkelbezoeker

Online- browst nooit uitgebreid- browst niet voor plezier maar voor feiten (geen window-shopper)- koopt liever geen electronica online

Offline- gemiddeld bekend met winkel (bezoekt het 4 a 5 keer per jaar)- koopt alleen als ze iets nodig heeft- zoekt actief naar hulp (zelfstandig)- koopt altijd naar concrete aanleiding (stogzuiger stuk, feestdagen)- heeft weinig tijd- zeer prijsbewust (weinig te besteden)

DemografischLeeftijd: 23Beroep: studentHuw. staat: ongehuwdKinderen: geenVerdient: 19000

Persona’s

Page 11: Iad1 0809Q2 Hoorcollege 3   Beroepsproducten

Gebruiksscenario’s

Door een scenario te maken, speel je een rollenspel met je persona

Je leeft je daardoor in in je gebruikers en hun omgeving

Door je scenario goed te analyseren, krijg je inzicht in het gebruik (bijvoorbeeld: gebruiksfrequentie) en de context van het gebruik

Page 12: Iad1 0809Q2 Hoorcollege 3   Beroepsproducten

Gebruiksscenario’s

Gedurende het gehele ontwerpproces zal iedere belangrijke ontwerpbeslissing moeten worden gemotiveerd vanuit je scenario

Het maken van persona’s en scenario’s is een goede manier om met je team een gezamenlijke visie op je product te ontwikkelen

Page 13: Iad1 0809Q2 Hoorcollege 3   Beroepsproducten

Flow charts

Geven een proces of flow weer.

Dit kan een soort scenario zijn…

Page 14: Iad1 0809Q2 Hoorcollege 3   Beroepsproducten

Flow charts

Of de schermen waar je als gebruiker doorheen gaat, tijdens een gebruiksscenario.

Page 15: Iad1 0809Q2 Hoorcollege 3   Beroepsproducten

Site maps

Geeft de stuctuur weer van de informatie op een web site.

Page 16: Iad1 0809Q2 Hoorcollege 3   Beroepsproducten

Moodboards

Moodboards maak je om de emotionele impact van je ontwerp verder uit te werken.

Vaak ook weer gebruikt als communicatie/specificatie tool.

Denk hierbij ook eens aan ‘digitale moodboards’ waarin ook beweging en geluid kunnen worden verwerkt.

Page 17: Iad1 0809Q2 Hoorcollege 3   Beroepsproducten

Schermen en modellen

Na het uitwerken van de wireframes, kunnen de visuele details van het ontwerp worden ingevuld.

Page 18: Iad1 0809Q2 Hoorcollege 3   Beroepsproducten

Prototypes

Een prototype is een ‘werkend’ model van het interface.

Het doel is meestal om de bruikbaarheid van de interactie te testen.

Page 19: Iad1 0809Q2 Hoorcollege 3   Beroepsproducten

Wireframes…

Page 20: Iad1 0809Q2 Hoorcollege 3   Beroepsproducten

Bedankt voor jullie aandacht.

http://docent.cmd.hro.nl/[email protected]