View
3.012
Download
1
Category
Preview:
DESCRIPTION
Citation preview
De basis voor het interface ontwerpOntwerpproces, beroepsproducten en enkele principes
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
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
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
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
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)
User experience designUxd verbredend
WireframesWireframes zijn de
eerste visualisaties van je ontwerp
User experience designUxd verbredend
WireframesNog zonder visuele details
maak je de schermindelingen en beschrijf je de functionele componenten
User experience designUxd verbredend
WireframesElk wireframe heeft
betrekking op een deel van je gebruiksscenario.
Geef daarom ook altijd het verband aan.
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.
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…
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.
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.
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.
User experience designUxd verbredend
Schermen en modellen
Na het uitwerken van de wireframes, kunnen de visuele details van het ontwerp worden ingevuld.
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.
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.
User experience designUxd verbredend
Bedankt voor jullie aandacht.
http://docent.cmd.hro.nl/kemja/uxdminor/uxdminor/
j.a.m.kemp@hro.nl
Recommended