Storytelling Als een tool
Agenda • • • •
Wat is storytelling en hoe kan het je helpen Storytelling in het ontwerpproces Storytelling in je spel Het maken van een verhaal
Wat is storytelling • Storytelling is een interac:ef communica:emiddel om een boodschap over te brengen op de opdrachtgever, gebruiker of klant. • Storytelling gaat over het geven van betekenis en context aan situa:es en processen. • Storytelling wordt op verschillende manieren gebruikt in ontwerpprocessen
Jullie passen het ook al toe Onderzoeken
Evalueren
Specificeren
Ontwerpen
Vrij naar: Quesenberry, W. & Brooks, K. Storytelling for User Experience Cra5ing Stories for a be7er Design 1ste druk New York 2010 Rosenfeld Media
Maar we benoemen het niet Onderzoeken o.m UCD /UD / Marke:ng
Evalueren
Specificeren
Alle vakken
o.m. UCD / Maatschappij & Interac:e Ontwerpen o.m. UD / Vormgeving / DFI
Vrij naar: Quesenberry, W. & Brooks, K. Storytelling for User Experience Cra5ing Stories for a be7er Design 1ste druk New York 2010 Rosenfeld Media
CMD-‐professioneels kunnen storytelling gebruiken om:
• • • • • • •
interac:eve toepassingen te ontwikkelen; projecten een vliegende start te geven; doelstellingen te verduidelijken concreet te maken wat abstract is; een haalbare planning te maken; draagvlak te creëren; maatschappelijke betrokkenheid te tonen.
STORYTELLING IN HET ONTWERPROCES
PERSONA STORIES
Data à Persona Peter Torenbeek Primary Persona “Voor mij bestaat mijn werk uit het lesgeven en het geven van feedback aan mijn studenten. Ik gebruik tools als deze mij erbij kunnen helpen, maar als dat niet werkt gebruik ik wat anders.”
Demografische informatie
Computer gebruik Mac voor thuis en een PC op het werk. Heeft ervaring met Microsoft Office en de Adobe suite zoals Photoshop. Gebruikt internet veelvuldig op het werk. Gebruikt email en cloud-based file sharing.
Doelen en behoeften
Gedrag
• Help studenten graag in en buiten de lessen
• Flexibel in zijn aanpak
• Krijgt documenten van studenten om te beoordelen of feedback te geven
• Zal de officiele tools niet gebruiken als deze in de weg zitten bij het bereiken van zijn doelen.
• Beoordeeld studentenwerk en geeft feedback
• Raakt gefrustreerd als er geen support is.
• Houdt de progressie van studenten bij
• Is in staat om om te gaan met ad hoc situaties.
• Weet waar studentenwerk te vinden is
• Misbruikt de tools als dat nodig is.
• Is in staat de focus te leggen op het werk in plaats van op hoe het werk te doen
• Staat open voor nieuwe tools als deze handig lijken
Leeftijd:
39
• Simplicity
• Professioneel
Beroep:
Docent, Onderzoek, MIC
• Deelt documenten met studenten
Gezin:
Getrouwd, geen kinderen
• Moedigt peer feedback en discussies aan tussen studenten
• Raakt gemakkelijk gefrustreerd door zaken die onnodig complex zijn.
Inkomen:
! 3.200 bruto per maand
• Voelt zich in controle over het werk
• Werkt ook vanuit huis • Houdt niet van oplossing die van boven af worden opgelegd.
Mulholland, C Hoorcollege 5 UCD 2011 Amsterdam CMD
Stories voor je persona helpen je situa:es en ideeën te verkennen • Je persona als karakter zorgt voor perspec:e • Baan, rela:e en andere zaken vormen de context • Verbeelding suggereert emo:onele verbindingen • Taal biedt handva\en voor je product
Het verhaal van Peter Er is niets zo frusterend als wachten op de bus in de regen, terwijl je al bijna te laat bent voor school Peter houdt niet van regen en hij houdt ook niet van wachten op de bus Is de bus misschien al weg? Rijden de bussen eigenlijk wel met dit noodweer? Hij overdenkt zijn opties. Geen van alle zorgen ervoor dat hij op tijd komt voor zijn eerste afspraak
Welke ideeën kun je uit dit verhaal halen? Realtime informatie via mobiel
Berichtgeving bij de halte, wanneer de volgende bus komt
Stuur een SMS en krijg een SMS terug met een ETA
Dienstmededelingen via diverse kanalen zodat Peter weet waar hij aan toe is
Verhalen helpen je ideeën in context te verzamelen
Concreet maken wat abstract is • Scenario’s (context, keypath en valida:e) • User stories • Het verhaal in je spel
Scenario’s Context scenarios
• Definieren User Requirements
Key-‐path scenarios
• Definieren producteisen en wensen (plan van eisen) • Interac:on framework
ValidaHon scenarios
• Ontwerp verfijnen • Speciale gevallen en uitzonderingen iden:ficeren • Testplannen
Mulholland, C Hoorcollege 5 UCD 2011 Amsterdam CMD
User Stories • Duidelijkheid over wat de gebruiker wil • Communica:e tussen verschillende par:jen • Product Breakdown Structure
Theme, Epic en Story
Product Breakdown
Syntax van een user story
Een voorbeeld
Context!
En nu even iets heel anders
STORYTELLING IN JE SPEL
Waarom? • • • • •
s:muleert om vaker te spelen wordt meer doorverteld blijg beter “hangen” maakt de driehoek makkelijker in te vullen biedt mogelijkheden voor uitbreiding
Elementen van een verhaal • Perspec:ef: vanuit welk gezichtspunt vertel je het verhaal • Context: de omgeving waarin je verhaal zich afspeelt • Verbeelding: De visuele, emo:onele en/of zintuigelijke prikkels die het verhaal losmaakt • Taal: De vorm, s:jl en toon waarin de karakters spreken en/of praten • Karakters: Alle voorkomende “personages” in je spel Vrij naar: Quesenberry, W. & Brooks, K. Storytelling for User Experience Cra5ing Stories for a be7er Design 1ste druk New York 2010 Rosenfeld Media
Karakters • Nicole Frank
Teamproject! Character Design
Nicole Frank
Onderwerpen Briefing taalspel Verhaal vertellen vanuit eigen karakter, hoe doe je dat?
Hoe ontwerp je een passend karakter bij je verhaal en voor je spel?
Voorbeelden
Idee en conceptfase Het begin: uitgangspunten en dragers van idee en concept 1 denk vanuit een verhaal 2 denk vanuit een karakter 3 geef je karakter een naam
Verhaal Verhaal vertellen vanuit eigen karakter
1 2 3 4 5
introductie/uitleg/verklaring actie neemt toe climax actie neemt af ontknoping
Bron: http://johnnyholland.org/2011/10/14/storyboarding-ux-part-1-an-introduction/
Hoe pak je dit zelf aan?
Bron: http://johnnyholland.org/2011/10/17/storyboarding-ux-part-2-creating-your-own/
Storyboard, rough, idee & scenario
Hoe pak je dit zelf aan?
Gebruik
smilies voor
emoties
Bron: http://johnnyholland.org/2011/10/17/storyboarding-ux-part-2-creating-your-own/
Hoe pak je dit zelf aan?
Storyboard " 1e visualisatie
Bron: http://johnnyholland.org/2011/10/17/storyboarding-ux-part-2-creating-your-own/
Hoe pak je dit zelf aan?
Storyboard uitgewerkt
Bron: http://johnnyholland.org/2011/10/17/storyboarding-ux-part-2-creating-your-own/
Hoe pak je dit zelf aan?
Bron: http://johnnyholland.org/2011/10/17/storyboarding-ux-part-2-creating-your-own/
Storyboard definitief
Red de prinses
Karakter Karakter – de specifieke persona die betrokken is in het plot van je verhaal Belangrijk zijn: gedrag, verschijningsvorm en verwachtingen en de beslissingen die het karakter gaandeweg het spel neemt
Waar moet je op letten? • authenticiteit, een echte uitstraling, menselijke trekken • wendingen, wat gebeurt er (beslissingen, actie, verandering in emotie en gedrag) • emotie, wat zijn de emoties van je karakter (plezier, angst, verdriet, woede, verbazing of verlangen)
Voorbeeld
Bron: http://n-kids.naturalis.nl/
Karakter design! Waar moet je op letten?"
"
Bron: http://www.computerarts.co.uk/features/20-character-design-tips Bron: http://johnnyholland.org/2011/10/17/storyboarding-ux-part-2-creating-your-own/
1. Onderzoek en evalueer karakters"
"
Denk aan je eigen helden
2. Ontwerp: proces- en planmatig"
"
Voor welk mediatype?
Gedachte, " idee, schets, uitgewerkte schets
2. Ontwerp: experimenteer en verfijn"
"
Droedels
3. Ken je doelgroep"
"
4. Visuele impact"
"
Effect van kleur
4. Visuele impact"
"
Effect van kleur
5. Lijn, stijl en ritmiek van het karakter"
"
5. Lijn, stijl en ritmiek van het karakter"
"
6. Overdrijf"
"
7. Gebruik accessoires"
"
8. De derde dimensie"
"
9. Persoonlijkheid"
Killer?
10. Emoties"
"
10. Feedback/doelgroeponderzoek: ! ‘release the beast’"
" Vraag je doelgroep: is de persoonlijkheid te achterhalen? Vraag je doelgroep: wat is kenmerkend en welk gedrag verwacht je?
11. Detailleer"
" Aantrekkings-"
kracht en magie
• Doelen, drijvende krachten en dromen • Achtergrondverhaal • Omgeving rond het karakter
Breng tot leven
Tot slot
http://www.youtube.com/watch?v=v7SZaGkwtqg
Succes!"