Successfully reported this slideshow.

HCID 2014: Film & broadcasting techniques applied to UX design. Rebeca Miranda, System Concepts

847 views

Published on

- Storytelling techniques along the research and design process.
- Elements of a story (Characters, plot, space, time)
How to create stories
- Creating characters from your users
- Using the plot as problem solving tool.
- Ordering the information to make sense for the viewer.
- Narrative types and uses
- Filming and broadcasting audiovisual techniques to tell your stories.
- Your user as a story creator

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this

HCID 2014: Film & broadcasting techniques applied to UX design. Rebeca Miranda, System Concepts

  1. 1. Film & broadcasting techniques applied to UX design Human Computer Interaction Day 2014 Rebeca Miranda 23rd April 2014
  2. 2. 2 Agenda Film & broadcasting techniques applied to UX design Human Computer Interaction Day 2014 Rebeca Miranda
  3. 3. 3 Storytelling techniques along a User Centred Design process Research Design Development & Evaluation Storyboards VoxPops Video Highlights Sketching Collecting storiesPersonas Brainstorming Role Play Personas Storyboards Using stories to inform other teams Turning users’ stories into tasks Ideation sessions miranda@system-concepts.com@RebecaMiranda
  4. 4. How to create stories
  5. 5. 5 Elements of a story In a UX context 1 2 3 Space and time Characters Concept 4 Plot miranda@system-concepts.com@RebecaMiranda
  6. 6. 6 What do I want to convey with my story? Who is my audience? Why is this story relevant?, why do other people need to know it? The concept
  7. 7. 7 User research Insights Personas Storyboards Live Personas Role Play Videos Your storyUser stories miranda@system-concepts.com@RebecaMiranda Creating characters from users Working with Live Personas
  8. 8. 8 Creating characters from your users Real users Your imagination +
  9. 9. 9 Creating characters from users miranda@system-concepts.com@RebecaMiranda
  10. 10. 10 Working with archetypes. Archetype: ˈärk(i)ˌtīp •  a very typical example of a certain person or thing: the book is a perfect archetype of the genre. •  a recurrent symbol or motif in literature, art, or mythology: mythological archetypes of good and evil. miranda@system-concepts.com@RebecaMiranda
  11. 11. 11 Ordering the information to make sense for the viewer. Structure and linearity 1 2 3Resolution The problem is solved, characters confronted and the situation leads to an end – calm state again Conflict And incident, a problem or a catalyst that puts things and characters into motion Setup Character and basic situation are introduced miranda@system-concepts.com@RebecaMiranda
  12. 12. 12 Pre-production Planning ahead
  13. 13. 13 Production Shot & framing Types of shots Resource images Mid Shot Medium close-up Close-up Very wide shot Wide shot Source: http://www.mediacollege.com/video/shots/
  14. 14. 14 Post-production Video edition & audio miranda@system-concepts.com@RebecaMiranda
  15. 15. 1515 Videos and animations VoxPops, research deliverables and communication tools
  16. 16. Other techniques to create stories
  17. 17. 17 •  Different characters' points of view on the same story •  Different outcomes of the same story •  Different outcomes depending on the spectator Narrative types and uses Non-linear variations
  18. 18. 18 Using the plot as a problem solving tool. HCID 2013 – Innovation workshop Aspects of the experience Solutions Issue/ Challenge Variations of solution Valid idea Story (2nd act)Story (1st act) Using stories to create solutions miranda@system-concepts.com@RebecaMiranda
  19. 19. 19 Using the plot as a problem solving tool. 221b Baker Street miranda@system-concepts.com@RebecaMiranda
  20. 20. 20 Your user as a story creator miranda@system-concepts.com@RebecaMiranda
  21. 21. 020 7240 3388 www.system-concepts.com Rebeca Miranda miranda@system-concepts.com @RebecaMiranda
  22. 22. 2222 Videos and animations Project deliverables

×