Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP...

32
2.S97 | January 16, 2015 Storyboarding LP Expo

Transcript of Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP...

Page 1: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template

2.S97 | January 16, 2015

Storyboarding LP Expo

Page 2: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template

Lab Project Documentation

All electronics need to be returned by the end of class

BUT before you take your projects apart: • Photograph it (multiple angles, neutral background) • Get a video of your working prototype • Upload your code to BiP (as a design file)

Page 3: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template

Assignment

Complete your LP BiP documentation by 11:59 PM Sunday (1/18)

Individual student reflections • What would you change if you could build V2 of

your design? • What skills did you contribute to the project? • What skills would you like to develop for the FP?

Page 4: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template

Storyboarding

Series of images that walk through the user experience

Page 5: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template
Page 6: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template
Page 7: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template
Page 8: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template
Page 9: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template
Page 10: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template

- Introduce character(s) + context

Page 11: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template
Page 12: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template
Page 13: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template
Page 14: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template

-introduce need / opportunity

Page 15: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template

inciting incident

Page 16: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template

-introduce need / opportunity

-turning point

Page 17: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template

climax

Page 18: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template
Page 19: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template

resolution

Page 20: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template
Page 21: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template
Page 22: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template
Page 23: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template
Page 24: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template
Page 25: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template
Page 26: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template

a note…

Page 27: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template

no stick figures

Page 28: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template
Page 29: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template

Exercise: Storyboard first pass

Write a short script for your product’s storyboard Use post-its to draw it frame by frame Attach the post-its to a 8.5 x 11 sheet and pin up

15 minutes

Page 30: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template

Exercise: Gallery Walk

Walk around the classroom and review other people’s storyboards

Add post-it suggestions underneath their storyboards if you have any suggestions

7 minutes

Page 31: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template

Assignment

• Revise your storyboard based on the suggestions. • Draw it out directly on the storyboard template and

post it to Build in Progress.

Due Tuesday (before Class)

Page 32: Storyboarding LP Expoweb.mit.edu/ideation/2.S97/lectures/05-storyboarding.pdf · Complete your LP BiP documentation by 11:59 PM ... • Draw it out directly on the storyboard template

Rest of class

1 hour for completing projects

30 minutes for show-and-tell

30 minutes for documentation + cleanup