0708 Ontwerpproces en beroepsproducten

Slide 1: De basis voor het interface ontwerp Ontwerpproces, beroepsproducten en enkele principes

Slide 2: User experience design Uxd 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

Slide 3: User experience design Uxd 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

Slide 4: User experience design Uxd 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

Slide 5: User experience design Uxd 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

Slide 6: User experience design Uxd verbredend Het schetsen van je interface ontwerp De initiële schetsen van het interface zijn eenvoudig: 2. Op basis van het gebruiksscenario worden de belangrijkste schermen geïdentificeerd 3. Doormiddel van blokken en beschrijvingen worden de functionele elementen over het scherm verdeeld (wireframes) 4. Pas na het uitwerken van alle belangrijke wireframes, worden de visuele details verder uitgewerkt (schermen) 5. Vaak wordt dit geheel als specificatie opgeleverd (interaction design document)

Slide 7: User experience design Uxd verbredend Wireframes Wireframes zijn de eerste visualisaties van je ontwerp

Slide 8: User experience design Uxd verbredend Wireframes Nog zonder visuele details maak je de schermindelingen en beschrijf je de functionele componenten

Slide 9: User experience design Uxd verbredend Wireframes Elk wireframe heeft betrekking op een deel van je gebruiksscenario. Geef daarom ook altijd het verband aan.

Slide 10: User experience design Uxd 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.

Slide 11: User experience design Uxd 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…

Slide 12: User experience design Uxd verbredend Taakanalyse en -flow Vooral bij complexe interfaces worden scenario’s vaak verder geanalyseerd door middel van taakanalyses en gevisualiseerd doormiddel van flow charts.

Slide 13: User experience design Uxd 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.

Slide 14: User experience design Uxd 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.

Slide 15: User experience design Uxd verbredend Schermen en modellen Na het uitwerken van de wireframes, kunnen de visuele details van het ontwerp worden ingevuld.

Slide 16: User experience design Uxd verbredend Prototypes Een prototype is een ‘werkend’ model van het interface. Het doel is meestal om de bruikbaarheid van de interactie te testen.

Slide 17: User experience design Uxd 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.

Slide 18: User experience design Uxd verbredend Bedankt voor jullie aandacht. http://docent.cmd.hro.nl/kemja/uxdminor/uxdminor/ j.a.m.kemp@hro.nl