Your SlideShare is downloading. ×
TEI '10 Storyboard Studio Excerpts
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

TEI '10 Storyboard Studio Excerpts

1,127
views

Published on

Excerpts from the studio, "Experience Definition through Storyboarding" at the MIT Media Lab, as part of the TEI '10 conference (Jan 26, 2010). The studio was designed and facilitated by Sal Cilella, …

Excerpts from the studio, "Experience Definition through Storyboarding" at the MIT Media Lab, as part of the TEI '10 conference (Jan 26, 2010). The studio was designed and facilitated by Sal Cilella, Craighton Berman and Justin Rheinfrank of gravitytank, a Chicago-based design and innovation consultancy.

Published in: Design

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

No Downloads
Views
Total Views
1,127
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
101
Comments
0
Likes
4
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. welcome. STORYBOARDING EXPERIENCES WORKSHOP gravitytank X TEI’10 | January 2010
  • 2. gravitytank X TEI’10 | January 2010
  • 3. 12:15 Experience & Story 1:00 Creating Scenarios 2:45 Break 3:00 Experience Storyboarding Presentation 3:30 Experience Storyboarding Worksession 5:30 Groups present their storyboards gravitytank X TEI’10 | January 2010
  • 4. how do you design an experience? what’s your process? where do you start? gravitytank X TEI’10 | January 2010
  • 5. we like to start from the audience perspective gravitytank X TEI’10 | January 2010
  • 6. every experience – mobile, kiosk, product, environment – has an audience. gravitytank X TEI’10 | January 2010
  • 7. as the author, what are you trying to say to your audience? what do you want them to feel? learn? tell others? gravitytank X TEI’10 | January 2010
  • 8. let’s look at the audience experience in an interactive installation... 1. Initial discovery 2. Interpretation 3. Reflection + resolution gravitytank X TEI’10 | January 2010
  • 9. how would your audience relate this experience to others? through a story. gravitytank X TEI’10 | January 2010
  • 10. they would tell the story in 3 acts. Act 1 - Intro Act 2 - Confrontation Act 3 - Resolution gravitytank X TEI’10 | January 2010
  • 11. ACT 1 // Luke leaves the tranquility of home to join Ben, defeat the bad guys and save the princess. ACT 2 // Luke finds the princess, loses Ben and commits to stopping the Evil Empire. ACT 3 // Luke blows up the Death Star and saves the universe. All is well. gravitytank X TEI’10 | January 2010
  • 12. the 3 act structure from an audience perspective. ooh, this is relevant to me whew, they made it woah, this changes everything Act 1 - Intro Act 2 - Confrontation Act 3 - Resolution gravitytank X TEI’10 | January 2010
  • 13. A TEI experience goes beyond traditional story: > interactive, not passive > non-linear > mutable and dynamic > physical and digital gravitytank X TEI’10 | January 2010
  • 14. in a TEI experience, the author (you) and the audience build the story together gravitytank X TEI’10 | January 2010
  • 15. we will look at tools and techniques to create a compelling TEI experience for your audience... ...and tell a better story gravitytank X TEI’10 | January 2010
  • 16. 12:15 Experience & Story 1:00 Creating Scenarios 2:45 Break 3:00 Experience Storyboarding Presentation 3:30 Experience Storyboarding Worksession 5:30 Groups present their storyboards gravitytank X TEI’10 | January 2010
  • 17. gravitytank X TEI’10 | January 2010
  • 18. gravitytank X TEI’10 | January 2010
  • 19. Giving them some Character gravitytank X TEI’10 | January 2010
  • 20. Develop backstories and relationships gravitytank X TEI’10 | January 2010
  • 21. Iconic representations and simplified forms gravitytank X TEI’10 | January 2010
  • 22. Focus on iconic elements Find a perspective of the object that reads the best gravitytank X TEI’10 | January 2010
  • 23. 1/ 2 1/ 2 gravitytank X TEI’10 | January 2010
  • 24. gravitytank X TEI’10 | January 2010
  • 25. gravitytank X TEI’10 | January 2010
  • 26. Combine some basic blocks and glare lines with people and hands gravitytank X TEI’10 | January 2010
  • 27. gravitytank X TEI’10 | January 2010
  • 28. Background Middle-ground Foreground Henri Cartier-Bresson, The Decisive Moment gravitytank X TEI’10 | January 2010
  • 29. Rule of 3rds Stanley Kubrick, Paths of Glory gravitytank X TEI’10 | January 2010
  • 30. Symmetrical balance gravitytank X TEI’10 | January 2010
  • 31. Symmetrical balance Rick Valencenti, Wolfson Breuer House gravitytank X TEI’10 | January 2010
  • 32. Asymmetrical balance gravitytank X TEI’10 | January 2010
  • 33. Asymmetrical balance Rick Valencenti, Wolfson Breuer House gravitytank X TEI’10 | January 2010
  • 34. gravitytank X TEI’10 | January 2010
  • 35. gravitytank X TEI’10 | January 2010
  • 36. gravitytank X TEI’10 | January 2010
  • 37. gravitytank X TEI’10 | January 2010
  • 38. gravitytank X TEI’10 | January 2010
  • 39. 12:15 Experience & Story 1:00 Creating Scenarios 2:45 Break 3:00 Experience Storyboarding 3:30 Experience Storyboarding Worksession 5:30 Groups present their storyboards gravitytank X TEI’10 | January 2010
  • 40. telling a story about an experience focuses on the benefits instead of the features gravitytank X TEI’10 | January 2010
  • 41. What can this process do for design teams? > promotes collaboration > connects design with emotion > injects energy into iteration > prompts decisions > creates clarity > think broadly about opportunities gravitytank X TEI’10 | January 2010
  • 42. storyboarding is a flexible tool for designing experiences gravitytank X TEI’10 | January 2010
  • 43. the experience storyboarding process combines analysis, generation, and shaping into one collaborative session gravitytank X TEI’10 | January 2010
  • 44. enhance the public transit experience with new tangible and embedded interactions gravitytank X TEI’10 | January 2010
  • 45. define the character, set and script (20 MIN) > define the main character(s) and draw them > map out what currently happens on post-its > where does it happen? create the current state (30 MIN) > create the keyframes of the current process analysis (10 MIN) > what are the pain points & opportunities? generation (30 MIN) > brainstorm new solutions > go for generating many ideas quickly shaping (30 MIN) > create the future state scenario gravitytank X TEI’10 | January 2010

×