0708 Ontwerpproces en beroepsproducten

18
De basis voor het interface ontwerp Ontwerpproces, beroepsproducten en enkele principes

description

 

Transcript of 0708 Ontwerpproces en beroepsproducten

Page 1: 0708 Ontwerpproces en beroepsproducten

De basis voor het interface ontwerpOntwerpproces, beroepsproducten en enkele principes

Page 2: 0708 Ontwerpproces en beroepsproducten

User experience designUxd verbredend

Bronnen

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

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

Page 3: 0708 Ontwerpproces en beroepsproducten

User experience designUxd verbredend

Design research

• Het onderzoek dat vooraf gaat aan het eigenlijke ontwerpen

• Doel van het ontwerponderzoek is het verkrijgen van informatie over gebruikers en hun omgeving

• Je zult als ontwerper moeten ‘aanvoelen’ wat de emotionele, culturele en esthetische context van een product is

Page 4: 0708 Ontwerpproces en beroepsproducten

User experience designUxd verbredend

Persona’s

Voor een ontwerper zijn cijfers en analyses niet genoeg. Een ontwerper moet een mentaal beeld van gebruikers krijgen.

Wat zijn persona’s?

Beschrijvingen van fictionele, maar realistische gebruikers, inclusief hun ‘needs and wants’

Persona’s zijn gebaseerd op gebruiksonderzoek

Persona’s zijn archetypen, geen stereotypen – zij hebben echte, specifieke behoeftes

Page 5: 0708 Ontwerpproces en beroepsproducten

User experience designUxd verbredend

Scenario’s

Door je scenario goed te analyseren, krijg je inzicht in het gebruik (bijvoorbeeld: gebruiksduur of –frequentie)

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 6: 0708 Ontwerpproces en beroepsproducten

User experience designUxd verbredend

Het schetsen van je interface ontwerpDe initiële schetsen van het

interface zijn eenvoudig: 1. Op basis van het

gebruiksscenario worden de belangrijkste schermen geïdentificeerd

2. Doormiddel van blokken en beschrijvingen worden de functionele elementen over het scherm verdeeld (wireframes)

3. Pas na het uitwerken van alle belangrijke wireframes, worden de visuele details verder uitgewerkt (schermen)

4. Vaak wordt dit geheel als specificatie opgeleverd (interaction design document)

Page 7: 0708 Ontwerpproces en beroepsproducten

User experience designUxd verbredend

WireframesWireframes zijn de

eerste visualisaties van je ontwerp

Page 8: 0708 Ontwerpproces en beroepsproducten

User experience designUxd verbredend

WireframesNog zonder visuele details

maak je de schermindelingen en beschrijf je de functionele componenten

Page 9: 0708 Ontwerpproces en beroepsproducten

User experience designUxd verbredend

WireframesElk wireframe heeft

betrekking op een deel van je gebruiksscenario.

Geef daarom ook altijd het verband aan.

Page 10: 0708 Ontwerpproces en beroepsproducten

User experience designUxd verbredend

Wireframes

Wireframes zijn een belangrijk onderdeel van je communicatie als ontwerper met je opdrachtgever en de bouwers.

Meestal zijn het ‘levende documenten’ , die tijdens het hele ontwerpproces worden ge-update.

Page 11: 0708 Ontwerpproces en beroepsproducten

User experience designUxd verbredend

Storyboards

Eigenlijk zijn storyboards gevisualiseerde scenario’s.

Ze worden meestal gebruikt om het productconcept te communiceren.

Dit kan als ‘stripverhaal’, als eenvoudige animatie of als video. Afhankelijk van je budget…

Page 12: 0708 Ontwerpproces en beroepsproducten

User experience designUxd verbredend

Taakanalyse en -flow

Vooral bij complexe interfaces worden scenario’s vaak verder geanalyseerd door middel van taakanalyses en gevisualiseerd doormiddel van flow charts.

Page 13: 0708 Ontwerpproces en beroepsproducten

User experience designUxd verbredend

Use cases

Use cases worden gebruikt om het systeem te specificeren.

Het beschrijft zowel de acties van gebruikers als de responses van het systeem.

De acties van gebruikers in use cases moeten terug te voeren zijn op de gebruiksscenario’s.

Meestal zijn het ontwikkelaars die de use cases uitwerken.

Page 14: 0708 Ontwerpproces en beroepsproducten

User experience designUxd verbredend

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 15: 0708 Ontwerpproces en beroepsproducten

User experience designUxd verbredend

Schermen en modellen

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

Page 16: 0708 Ontwerpproces en beroepsproducten

User experience designUxd verbredend

Prototypes

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

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

Page 17: 0708 Ontwerpproces en beroepsproducten

User experience designUxd verbredend

Samengevat

• Op basis van de gebruiksscenario’s worden eerst wireframes getekend van de belangrijkste schermen in het interface ontwerp

• Pas daarna worden de visuele details van de schermen uitgewerkt

• Andere belangrijke beroepsproducten van de interactie ontwerper zijn flow-charts, prototypes en moodboards.

Page 18: 0708 Ontwerpproces en beroepsproducten

User experience designUxd verbredend

Bedankt voor jullie aandacht.

http://docent.cmd.hro.nl/kemja/uxdminor/uxdminor/

[email protected]