SlideShare a Scribd company logo
welcome.
STORYBOARDING EXPERIENCES WORKSHOP




         gravitytank X TEI’10 |   January 2010
gravitytank X TEI’10 |   January 2010
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
how do you design an experience?

      what’s your process?
      where do you start?




        gravitytank X TEI’10 |   January 2010
we like to start from the
 audience perspective




    gravitytank X TEI’10 |   January 2010
every experience –
mobile, kiosk, product, environment –
           has an audience.




          gravitytank X TEI’10 |   January 2010
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
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
how would your audience relate this
     experience to others?

         through a story.




          gravitytank X TEI’10 |   January 2010
they would tell the story
                       in 3 acts.




Act 1 - Intro        Act 2 - Confrontation                  Act 3 - Resolution




                    gravitytank X TEI’10 |   January 2010
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
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
A TEI experience goes beyond traditional story:

> interactive, not passive

> non-linear

> mutable and dynamic

> physical and digital




                gravitytank X TEI’10 |   January 2010
in a TEI experience,
the author (you) and the audience
     build the story together




         gravitytank X TEI’10 |   January 2010
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
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
gravitytank X TEI’10 |   January 2010
gravitytank X TEI’10 |   January 2010
Giving them some Character




                   gravitytank X TEI’10 |   January 2010
Develop backstories and relationships




                     gravitytank X TEI’10 |   January 2010
Iconic representations and simplified forms




                      gravitytank X TEI’10 |   January 2010
Focus on iconic elements
Find a perspective of the object that reads the best




                        gravitytank X TEI’10 |   January 2010
1/
                                        2


                                        1/
                                        2



gravitytank X TEI’10 |   January 2010
gravitytank X TEI’10 |   January 2010
gravitytank X TEI’10 |   January 2010
Combine some basic blocks and glare lines with people
and hands




                     gravitytank X TEI’10 |   January 2010
gravitytank X TEI’10 |   January 2010
Background


Middle-ground




Foreground




                            Henri Cartier-Bresson, The Decisive Moment
 gravitytank X TEI’10 |   January 2010
Rule of 3rds




               Stanley Kubrick, Paths of Glory
                               gravitytank X TEI’10 |   January 2010
Symmetrical balance




                      gravitytank X TEI’10 |   January 2010
Symmetrical balance




          Rick Valencenti, Wolfson Breuer House
                           gravitytank X TEI’10 |   January 2010
Asymmetrical balance




                       gravitytank X TEI’10 |   January 2010
Asymmetrical balance




          Rick Valencenti, Wolfson Breuer House
                            gravitytank X TEI’10 |   January 2010
gravitytank X TEI’10 |   January 2010
gravitytank X TEI’10 |   January 2010
gravitytank X TEI’10 |   January 2010
gravitytank X TEI’10 |   January 2010
gravitytank X TEI’10 |   January 2010
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
telling a story about an experience
       focuses on the benefits
        instead of the features




         gravitytank X TEI’10 |   January 2010
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
storyboarding is a
    flexible tool for
designing experiences




   gravitytank X TEI’10 |   January 2010
the experience storyboarding process
combines analysis, generation, and shaping
      into one collaborative session




             gravitytank X TEI’10 |   January 2010
enhance the public transit experience
with new tangible and embedded interactions




              gravitytank X TEI’10 |   January 2010
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

More Related Content

Recently uploaded

Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
garcese
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
9a93xvy
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
asuzyq
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
smpc3nvg
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
h7j5io0
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
708pb191
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
peuce
 
projectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdfprojectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdf
farazahmadas6
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
ResDraft
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
kecekev
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
ameli25062005
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
7sd8fier
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
h7j5io0
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
ameli25062005
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
smpc3nvg
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
Mansi Shah
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
Febless Hernane
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
pmgdscunsri
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
taqyed
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
fabianavillanib
 

Recently uploaded (20)

Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
 
一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理一比一原版(BU毕业证)波士顿大学毕业证如何办理
一比一原版(BU毕业证)波士顿大学毕业证如何办理
 
projectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdfprojectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdf
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
 
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
一比一原版(Brunel毕业证书)布鲁内尔大学毕业证成绩单如何办理
 
White wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva TschoppWhite wonder, Work developed by Eva Tschopp
White wonder, Work developed by Eva Tschopp
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 

Featured

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
Skeleton Technologies
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
Christy Abraham Joy
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
Vit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
MindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
GetSmarter
 

Featured (20)

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 

TEI '10 Storyboard Studio Excerpts

  • 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