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.
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
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