One hour of preparation for each minute of...

44
2.009 Product Engineering Processes One hour of preparation for each minute of presentation Wayne Burgraff, 18th century American philosopher

Transcript of One hour of preparation for each minute of...

Page 1: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

2.009 Product Engineering Processes

One hour of preparation for eachminute of presentation

Wayne Burgraff, 18th century American philosopher

Page 2: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

2.009 Product Engineering ProcessesToday

Presentation structure the story

Graphic layout design make it clear

Reference: “The Presentation Design Book”, Ventana Press, 1993

Page 3: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Practice sessions this Friday afternoon. Schedule online.

Props for final presentation:Yellow: bathroomRed: stone wallBlue: sidewalk

But First…Reminders

Page 4: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

How does the cost of building your alpha prototype relate tothe product’s manufacturing cost?

What does net present value mean?

What does return on investment mean?

Estimate your personal, real, financial discount rate for oneyear. (include your rationale for the estimate)

List three key take-away points for a business case.

But First…Mini quiz!

Page 5: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

But First…How does the cost of building your alpha prototype relateto the product’s manufacturing cost?

NoneZipZilchNadaNil

explanation

ratio?

Page 6: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Presentation DesignA product design problem

Determine needs and set key specificationsGenerate presentation concepts (story)

Detailed layout design (graphic design)

Page 7: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Presentation StructureTelling a story using visual aids

OverviewIntroductionBody (in chapters!)Conclusion

Page 8: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

No one can remember morethan three points

Philip Crosby, Pioneer of quality management

Early on …What is your product’s core benefit?

What is your presentation’s take home message?

Page 9: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Presentation StructureTypical story telling tools...

PrototypePhysical propsMusic/soundsLightingComputer animationsVideo (recorded or live)Drawings/boardsTeam members and audience

Page 10: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Presentation StructureDevelop the story: Idea phase

Thumbnail sketches of key ‘highlight frames’(sketch model phase)

Page 11: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Presentation StructureThumbnails: movies, animation, user experience

Page 12: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Presentation StructureConcept development phase

After establishing ‘key frames’…Develop storyboards (mockup phase)

Page 13: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Presentation StructureStoryboards: movies, animation, user experience

Page 14: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Presentation StructureStoryboards: movies, animation, user experience

Page 15: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Presentation StructureUse storyboards to…

Craft your story (not a mystery)Make sure the ‘key frames’ will work as a wholeMake sure that main points dominate (product)Balance between importance, complexity, understandabilityResolve presentation pace, flow and shiftsKeep audience focusedTest presentation design (out loud and with others)

Save time

Page 16: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

2.009 Product Engineering ProcessesPresentation design

Developing a presentation structureGraphic layout designUse of colorCommon mistakes

Page 17: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at
Page 18: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

less is more

Page 19: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

more is less

Page 20: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Graphical NoiseExample

Page 21: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Graphical NoiseExample

Page 22: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Graphical NoiseExample

Page 23: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Graphical NoiseExample

Page 24: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Graphic Layout DesignDetail design phase (prototype)

Systematic partitioning (or blocking out)

Not just for your slides! … your presentation presence … your booth

Page 25: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Graphic Layout DesignUse grid structure consistently

Page 26: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Graphic Layout DesignDevices

Rules

Page 27: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Graphic Layout DesignDevices

Borders

Page 28: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Graphic Layout DesignDevices

Boxes

Page 29: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Graphic Layout DesignDevices

Open spaces

Gestalt grouping laws, product form lecture

Page 30: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Graphic Layout DesignDevices

Less is more!

Confusing? Why?

Page 31: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Graphic Layout DesignAlignment

Page 32: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Graphic Layout DesignJustification

Page 33: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Graphic Layout DesignType (serif and sans serif)

Guidelines are very useful and convenient design aids. However, in the DFX paradigm interactions between different life-cycle objectives become critically important (Gatenby and Foo 1990). Thus, in our opinion, selection of appropriate design guidelines can become extremely context sensitive and complex. Blindly following guidelines may lead to inferior designs because more appropriate general solutions are overlooked.

Guidelines are very useful and convenient design aids. However, in the DFX paradigm interactions between different life-cycle objectives become critically important (Gatenby and Foo 1990). Thus, in our opinion, selection of appropriate design guidelines can become extremely context sensitive and complex. Blindly following guidelines may lead to inferior designs because more appropriate general solutions are overlooked.

Page 34: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

I cdnuolt blveiee taht I cluod aulaclty uesdnatnrd waht I was rdaniegThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Cmabrigde Uinervtisy, it deosn't mttaer inwaht oredr the ltteers in a wrod are,the olny iprmoatnt tihng is taht the frist and lsat ltteer be in the rghit pclae.

The rset can be a taotl mses and you can sitll raed it wouthit a porbelm. Tihsis bcuseae the huamn mnid deos not raed ervey lteter by istlef, but the wrod

as a wlohe.

I CDNUOLT BLVEIEE TAHT I CLUOD AULACLTY UESDNATNRD WAHT IWAS RDANIEG THE PHAONMNEAL PWEOR OF THE HMUAN MNID!AOCCDRNIG TO A RSCHEEARCH AT CMABRIGDE UINERVTISY, ITDEOSN'T MTTAER INWAHT OREDR THE LTTEERS IN A WROD ARE, THEOLNY IPRMOATNT TIHNG IS TAHT THE FRIST AND LSAT LTTEER BE INTHE RGHIT PCLAE. THE RSET CAN BE A TAOTL MSES AND YOU CANSITLL RAED IT WOUTHIT A PORBELM. TIHS IS BCUSEAE THE HUAMNMNID DEOS NOT RAED ERVEY LTETER BY ISTLEF, BUT THE WROD AS AWLOHE.

Graphic Layout DesignType (word recognition)

Page 35: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Graphic Layout DesignText line length

a long line is difficult to read, so try to keep it short

Page 36: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Title 1.5X bullet textBullet text size based on number of rows

Title counts for 2 rows

Use the most crowded page as standard

This layout based on 10 line maximum

Typical maximum size 20% (60pt)

Typical minimum size 3% (18 pt)

Bottom border is larger than top

bla, bla ... workable area

10%

Page 37: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Use of ColorCoding a presentation

Consistent function associated with a specific color

Differentiate or relate items

Page 38: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Use of ColorDifferentiate, prioritize

Stripesawning stripesbar stripespinstripes

Page 39: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Common MistakesType distortion

Page 40: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Common MistakesToo many elements

Page 41: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Common MistakesCompetition with background

This is very important!

Page 42: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Common MistakesUnjust justification

Page 43: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Common MistakesCapital punishment

Page 44: One hour of preparation for each minute of presentationweb.mit.edu/2.009/www/lectures/30_presentationDesign.pdfThe phaonmneal pweor of the hmuan mnid! Aoccdrnig to a rscheearch at

Common MistakesClip art cliche