One hour of preparation for each minute of...
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/1.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/2.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/3.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/4.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/5.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/6.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/7.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/8.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/9.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/10.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/11.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/12.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/13.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/14.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/15.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/16.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/17.jpg)
![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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/18.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/19.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/20.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/21.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/22.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/23.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/24.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/25.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/26.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/27.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/28.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/29.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/30.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/31.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/32.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/33.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/34.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/35.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/36.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/37.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/38.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/39.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/40.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/41.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/42.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/43.jpg)
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](https://reader034.fdocuments.in/reader034/viewer/2022042306/5ed1d0ed7740061def601b68/html5/thumbnails/44.jpg)
Common MistakesClip art cliche