0708 Ontwerpproces en beroepsproducten

2,201 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,201
On SlideShare
0
From Embeds
0
Number of Embeds
34
Actions
Shares
0
Downloads
29
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • 0708 Ontwerpproces en beroepsproducten

    1. 1. De basis voor het interface ontwerp Ontwerpproces, beroepsproducten en enkele principes
    2. 2. 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
    3. 3. Design research <ul><li>Het onderzoek dat vooraf gaat aan het eigenlijke ontwerpen </li></ul><ul><li>Doel van het ontwerponderzoek is het verkrijgen van informatie over gebruikers en hun omgeving </li></ul><ul><li>Je zult als ontwerper moeten ‘aanvoelen’ wat de emotionele, culturele en esthetische context van een product is </li></ul>
    4. 4. Persona’s <ul><li>Voor een ontwerper zijn cijfers en analyses niet genoeg. Een ontwerper moet een mentaal beeld van gebruikers krijgen. </li></ul><ul><li>Wat zijn persona’s? </li></ul><ul><li>Beschrijvingen van fictionele, maar realistische gebruikers, inclusief hun ‘needs and wants’ </li></ul><ul><li>Persona’s zijn gebaseerd op gebruiksonderzoek </li></ul><ul><li>Persona’s zijn archetypen, geen stereotypen – zij hebben echte, specifieke behoeftes </li></ul>
    5. 5. Scenario’s <ul><li>Door je scenario goed te analyseren, krijg je inzicht in het gebruik (bijvoorbeeld: gebruiksduur of –frequentie) </li></ul><ul><li>Gedurende het gehele ontwerpproces zal iedere belangrijke ontwerpbeslissing moeten worden gemotiveerd vanuit je scenario </li></ul><ul><li>Het maken van persona’s en scenario’s is een goede manier om met je team een gezamenlijke visie op je product te ontwikkelen </li></ul>
    6. 6. Het schetsen van je interface ontwerp <ul><li>De initiële schetsen van het interface zijn eenvoudig: </li></ul><ul><li>Op basis van het gebruiksscenario worden de belangrijkste schermen geïdentificeerd </li></ul><ul><li>Doormiddel van blokken en beschrijvingen worden de functionele elementen over het scherm verdeeld ( wireframes ) </li></ul><ul><li>Pas na het uitwerken van alle belangrijke wireframes, worden de visuele details verder uitgewerkt ( schermen ) </li></ul><ul><li>Vaak wordt dit geheel als specificatie opgeleverd ( interaction design document ) </li></ul>
    7. 7. Wireframes <ul><li>Wireframes zijn de eerste visualisaties van je ontwerp </li></ul>
    8. 8. Wireframes Nog zonder visuele details maak je de schermindelingen en beschrijf je de functionele componenten
    9. 9. Wireframes <ul><li>Elk wireframe heeft betrekking op een deel van je gebruiksscenario. </li></ul><ul><li>Geef daarom ook altijd het verband aan. </li></ul>
    10. 10. Wireframes <ul><li>Wireframes zijn een belangrijk onderdeel van je communicatie als ontwerper met je opdrachtgever en de bouwers. </li></ul><ul><li>Meestal zijn het ‘levende documenten’ , die tijdens het hele ontwerpproces worden ge-update. </li></ul>
    11. 11. Storyboards <ul><li>Eigenlijk zijn storyboards gevisualiseerde scenario’s. </li></ul><ul><li>Ze worden meestal gebruikt om het product concept te communiceren. </li></ul><ul><li>Dit kan als ‘stripverhaal’, als eenvoudige animatie of als video. Afhankelijk van je budget… </li></ul>
    12. 12. Taakanalyse en -flow <ul><li>Vooral bij complexe interfaces worden scenario’s vaak verder geanalyseerd door middel van taakanalyses en gevisualiseerd doormiddel van flow charts . </li></ul>
    13. 13. Use cases <ul><li>Use cases worden gebruikt om het systeem te specificeren. </li></ul><ul><li>Het beschrijft zowel de acties van gebruikers als de responses van het systeem. </li></ul><ul><li>De acties van gebruikers in use cases moeten terug te voeren zijn op de gebruiksscenario’s. </li></ul><ul><li>Meestal zijn het ontwikkelaars die de use cases uitwerken. </li></ul>
    14. 14. Moodboards <ul><li>Moodboards maak je om de emotionele impact van je ontwerp verder uit te werken. </li></ul><ul><li>Vaak ook weer gebruikt als communicatie/specificatie tool. </li></ul><ul><li>Denk hierbij ook eens aan ‘digitale moodboards’ waarin ook beweging en geluid kunnen worden verwerkt. </li></ul>
    15. 15. Schermen en modellen <ul><li>Na het uitwerken van de wireframes, kunnen de visuele details van het ontwerp worden ingevuld. </li></ul>
    16. 16. Prototypes <ul><li>Een prototype is een ‘werkend’ model van het interface. </li></ul><ul><li>Het doel is meestal om de bruikbaarheid van de interactie te testen. </li></ul>
    17. 17. Samengevat <ul><li>Op basis van de gebruiksscenario’s worden eerst wireframes getekend van de belangrijkste schermen in het interface ontwerp </li></ul><ul><li>Pas daarna worden de visuele details van de schermen uitgewerkt </li></ul><ul><li>Andere belangrijke beroepsproducten van de interactie ontwerper zijn flow-charts, prototypes en moodboards. </li></ul>
    18. 18. Bedankt voor jullie aandacht. <ul><li>http://docent.cmd.hro.nl/kemja/uxdminor/uxdminor/ </li></ul><ul><li>[email_address] </li></ul>

    ×