Keynote Kung-Fu: Streamlining Your Design Workflow With Keynote
38 likes116,552 views
The document outlines insights and strategies for streamlining design workflows using Keynote, emphasizing the importance of effective wireframing to facilitate client understanding. It discusses various components and take-offs related to project management and emphasizes collaboration between team members. Additionally, it provides notes on designing for mobile applications and involves planning for a conference app integration.
![Search
T
Button Button Button
text input OFF Button
Button Button Button
ON
Label
Button
Active Inactive
Q W E R T Y U I O P
ON
Button
Label Active Inactive Inactive
A S D F G H J K L
Z X C V B N M
Label Label Keynote
Button
.?123 space Search
Copy Select Select All Paste Button
1 2 3 4 5 6 7 8 9 0
Button
Button Button Done - / : ; ( ) $ & @ ”
Button
Option 1 . , ? ! ’
01
Option 2 http://keynotekungfu.com
0 02 .?123 space Search
Do you want to leave this site?
Option 3
1 03
Option 4
2 04 Cancel OK
[ ] { } # % ^ * + =
3
Option 5 05
_ | ~ < > € £ ¥ •
iOS 5 Alert
123 For Lock Screen
. , ? ! ’
ABC space ABC
button button button button](https://image.slidesharecdn.com/mimasummit-slideshare-20111021-tbi-001-111021222418-phpapp02/85/Keynote-Kung-Fu-Streamlining-Your-Design-Workflow-With-Keynote-94-320.jpg)
Keynote Kung-Fu: Streamlining Your Design Workflow With Keynote
- 1. KEYNOTE KUNG-FU: Streamlining Your Design Workflow With Keynote. Travis Isaacs 1 @tbisaacs #MIMASummit
- 2. ! I don’t wireframe. 2 @tbisaacs #MIMASummit
- 3. 3 @tbisaacs #MIMASummit
- 4. 3 @tbisaacs #MIMASummit
- 5. Blinksale Travis Isaacs Settings Help Sign Out Dashboard Projects Invoices & Estimates Clients Team New Who is this for? name@example.com Addresses Travis Isaacs 555 Maple Street COMPANY LOGO Anywhere, TX 76054 SEND Save for later or Cancel SENT 10/09/2009 Add to invoice: Invoice 1411 Due 11/9/2009 (NET 30) Hours 66 hrs KIND QTY DESCRIPTION PRICE TOTAL HRS $100 $0.00 Expenses $433 New line Subtotal $0.00 Services Tax (8.75%) $0.00 Freight $0.00 Total Due $0.00 Convert to estimate Invoice theme: Theme name Invoice notes Theme name Theme name
- 6. Plans Subdivisions Items Options Trade Partner Requests Take-offs for #1750 (The Venetian) for all elevations and all options 1200 Plumbing Fixtures 1400 Frame I Walls and Joists 1440 Windows 1450 External Doors 1460 Framing Labor 1530 Electrical 1550 HVAC 1600 Insulate Walls 1610 Sheetrock Material 1630 Sheetrock Hang, Tape, Bed, and Texture 1800 Paint 1810 Stain/Finish Cabinets 1830 Interior Doors & Trim 1840 Interior Trim Labor
- 7. Plans Subdivisions Items Options Trade Partner Requests Take-offs for #1750 (The Venetian) for all elevations and all options 1200 Plumbing Fixtures 1400 Frame I Walls and Joists CLICK 1440 Windows 1450 External Doors 1460 Framing Labor 1530 Electrical 1550 HVAC 1600 Insulate Walls 1610 Sheetrock Material 1630 Sheetrock Hang, Tape, Bed, and Texture 1800 Paint 1810 Stain/Finish Cabinets 1830 Interior Doors & Trim 1840 Interior Trim Labor
- 8. Plans Subdivisions Items Options Trade Partner Requests Take-offs for #1750 (The Venetian) for all elevations and all options 1200 Plumbing Fixtures 1400 Frame I Walls and Joists Item UOM Quant 1/2x12 Text 104 Siding EA 17 1/4 x 3/4 Flat screen mould LF 22 10x24 Arch Cedar Louver EA 0 10x24 Rough Cedar Rectangle Vent EA 3 1-1/2 Joist Hanger Nails 50# EA 100 12in x 200’ 6 mil Black Poly EA 10 12x12 Text Fcp Lap EA 10 12x24 Arch Top Cedar Vent EA 5 1-3/4x14in Level Micro Lamb Ship 2-19’ Pcs LF 0 1-3/4x16in Level Micro Lamb Ship 3-24’ Pcs LF 0 Add Item Take-off complete Save or Cancel 1440 Windows
- 9. Plans Subdivisions Items Options Trade Partner Requests Take-offs for #1750 (The Venetian) for all elevations and all options 1200 Plumbing Fixtures 1400 Frame I Walls and Joists Item UOM Quant 1/2x12 Text 104 Siding EA 17 1/4 x 3/4 Flat screen mould LF 22 10x24 Arch Cedar Louver EA 0 10x24 Rough Cedar Rectangle Vent EA 3 1-1/2 Joist Hanger Nails 50# EA 100 12in x 200’ 6 mil Black Poly EA 10 12x12 Text Fcp Lap EA 10 12x24 Arch Top Cedar Vent EA 5 1-3/4x14in Level Micro Lamb Ship 2-19’ Pcs LF 0 1-3/4x16in Level Micro Lamb Ship 3-24’ Pcs LF 0 Add Item CLICK Take-off complete Save or Cancel 1440 Windows
- 10. Plans Subdivisions Items Options Trade Partner Requests Add Items to Frame I Walls and Joist (#1750 - the Venetian) Components Labor Rates Fixed-Fee Services Substitution Code Select a component class: Appliances Windows Concrete Drywall Flooring CLICK Hardware Light Fixtures Plumbing Fixtures Lumber Masonry
- 11. F1: Add Artwork F2: Mats F3: Frames F4: Finishing TOTAL: $212.02 Align Distribute Wall Color 1: Photo of Children Add More Artwork Image Grandparents description 10”x8”size Image Width 10” x Heigh 8” Normalcondition Image condition Image type Photography ADD Add artwork to get started! 1: Children 10” x 8” Mat Dimensions: 11 1/4” x 9 1/4”
- 12. F1: Add Artwork F2: Mats F3: Frames F4: Finishing TOTAL: $212.02 Align Distribute Wall Color 1: Photo of Children Add More Artwork Image Grandparents description 10”x8”size Image Width 10” x Heigh 8” Normalcondition Image condition Image type Photography k Clic ADD Add artwork to get started! 1: Children 10” x 8” Mat Dimensions: 11 1/4” x 9 1/4”
- 13. F1: Add Artwork F2: Mats F3: Frames F4: Finishing TOTAL: $490.29 Align Distribute Wall Color 1: Photo of Children 2: Photo of Grandparents Add More Artwork Image description Image size Width x Height Image condition Image type 1: Children 2: Grandparents 10” x 8” 10” x 8” ADD Mat Dimensions: 27” x 16”
- 14. F1: Add Artwork F2: Mats F3: Frames F4: Finishing TOTAL: $490.29 Align Distribute Wall Color 1: Photo of Children 2: Photo of Grandparents Add More Artwork Image description Image size Width x Height Image condition Image type 1: Children 2: Grandparents ck 10” x 8” Clix 8” 10” ADD Mat Dimensions: 27” x 16”
- 15. F1: Add Artwork F2: Mats F3: Frames F4: Finishing TOTAL: $490.29 Align Distribute Wall Color 1: Photo of Children 2: Photo of Grandparents Grandparents Image description 10”x8”size Image Width 10” x Height 8” 4” Normalcondition Image condition Image type Photography 2” SAVE Delete 1: Children 2: Grandparents 10” x 8” 10” x 8” Add more artwork 4” Mat Dimensions: 27” x 16” 3”
- 16. F1: Add Artwork F2: Mats F3: Frames F4: Finishing TOTAL: $490.29 Align Distribute I can make edits Wall Color 1: Photo of Children here... 2: Photo of Grandparents Grandparents Image description 10”x8”size Image Width 10” x Height 8” 4” Normalcondition Image condition Image type Photography 2” SAVE Delete 1: Children 2: Grandparents 10” x 8” 10” x 8” Add more artwork 4” Mat Dimensions: 27” x 16” 3”
- 17. F1: Add Artwork F2: Mats F3: Frames F4: Finishing TOTAL: $490.29 Align Distribute Wall Color 1: Photo of Children 2: Photo of Grandparents ...Or by clicking Grandparents Image description on a dimension 10”x8”size Image Width 10” x Height 8” 4” 3” 4” Image type Photography Normalcondition Image condition 2” SAVE Delete 1: Children 2: Grandparents 10” x 8” 10” x 8” Add more artwork 4” Mat Dimensions: 27” x 16” 3”
- 18. F1: Add Artwork F2: Mats F3: Frames F4: Finishing TOTAL: $490.29 Align Distribute Wall Color 1: Photo of Children 2: Photo of Grandparents Grandparents Image description Or by dragging 10”x8”size Image Width 10” x Height 8” the corners 4” Normalcondition Image condition Image type Photography 2” SAVE Delete 1: Children 2: Grandparents 10” x 8” 10” x 8” Add more artwork 4” Mat Dimensions: 27” x 16” 3”
- 19. L IC K C Story told by annotations and interactions 15 @tbisaacs #MIMASummit
- 20. All Things Considered Muybridge: The Man Who Made Pictures Move KERA 90.1 FM All Things Considered (News) Recent Topics More Stations & Times Muybridge: The Man Who Made Pictures Move APR A new exhibition at the Corcoran Gallery of Art in Washington, 13 D.C., looks at the legacy of Eadweard Muybridge, whose LISTEN All Things Considered 2010 sequential photographs of horses at a gallop their movements broken down frame by frame have become iconic News radio from Washington DC Hosts: Robert Siegel, Michele Norris, Online Cartoonist Wins Pulitzer Melissa Block Mark Fiore is a self-syndicating cartoonist whose irreverent online APR animations appear on the San Francisco area news site For two hours every weekday, hosts Robert Siegel, Michele Norris and 13 SFGate.com. Fiore won a Pulitzer yesterday, one of the first two LISTEN 2010 Pulitzers ever awarded to nontraditional media. Judges said his Melissa Block present the program's work set a high standard for an emerging form of commentary. trademark mix of news, interviews, commentaries, reviews, and offbeat At just enough fidelity features. Karadzic Genocide Trial Opens After Months Of Delay On live in 3hr 33min The trial of the former Bosnian Serb leader Radovan Karadzic APR from KNOW-FM 91.1 resumed in The Hague on Tuesday, after months of procedural 13 wrangles. Karadzic faces charges of genocide, crimes against LISTEN 2010 humanity and war crimes relating to the war in the former Add to presets Yugoslavia during the 1990s. Share Russian Adoption Case Belies Many Happy Similar Shows: Adoptions Commentator Eric Weiner says recent adoption scandals involving Weekend Edition Sunday APR Russia and Haiti represent adoption programs poorly. Happy Weekend Edition Saturday 13 families are too often overlooked, and spotlighting only the programs' blemishes hurts potential parents and the children they LISTEN Wait Wait, Don’t Tell Me 2010 love. It's not adoptive children who are being saved; it's the Living on Earth adoptive parents who otherwise wouldn't have a child in their lives, he says. Here and Now (NPR) Study: Computer Security Measures Not All Worth It A new study by a researcher at Microsoft says that many security APR measures designed to spare people from computer attacks are a 13 giant waste of time and money. Michele Norris speaks with Mark LISTEN 2010 Pothier, a senior assistant business editor for The Boston Globe who has written about the research. Radio By Location Music Sports Talk Settings 16 @tbisaacs #MIMASummit
- 21. “What can you do to te! the story with the least amount of deliverables?” - Boon Sheridan 17 @tbisaacs #MIMASummit
- 22. HARD FOR DESIGNER HTML PROTOTYPE DESIGN DOCUMENT VISUAL COMP EASY FOR CLIENTS HI-FIDELITY HARD FOR CLIENTS TO UNDERSTAND TO UNDERSTAND WIREFRAME WIREFRAME EASY FOR DESIGNER 18 @tbisaacs #MIMASummit
- 23. HARD FOR DESIGNER HTML PROTOTYPE DESIGN DOCUMENT VISUAL COMP “Don’t show clients EASY FOR CLIENTS TO UNDERSTAND wire$ames. Ever.” HI-FIDELITY WIREFRAME HARD FOR CLIENTS TO UNDERSTAND WIREFRAME - Famous* Designer EASY FOR DESIGNER * on the Internet 19 @tbisaacs #MIMASummit
- 24. HARD FOR DESIGNER HTML PROTOTYPE DESIGN DOCUMENT VISUAL COMP Agreed. Hide these EASY FOR CLIENTS HI-FIDELITY HARD FOR CLIENTS TO UNDERSTAND TO UNDERSTAND WIREFRAME WIREFRAME EASY FOR DESIGNER 20 @tbisaacs #MIMASummit
- 25. HARD FOR DESIGNER HTML PROTOTYPE DESIGN DOCUMENT VISUAL COMP EASY FOR CLIENTS HI-FIDELITY HARD FOR CLIENTS TO UNDERSTAND TO UNDERSTAND WIREFRAME WIREFRAME EASY FOR DESIGNER Show these early and often 21 @tbisaacs #MIMASummit
- 26. HARD FOR DESIGNER Ideal , but can be costly to create HTML PROTOTYPE DESIGN DOCUMENT VISUAL COMP EASY FOR CLIENTS HI-FIDELITY HARD FOR CLIENTS TO UNDERSTAND TO UNDERSTAND WIREFRAME WIREFRAME EASY FOR DESIGNER 22 @tbisaacs #MIMASummit
- 27. HARD FOR DESIGNER Polished, but difficult to describe interaction HTML PROTOTYPE DESIGN DOCUMENT VISUAL COMP EASY FOR CLIENTS HI-FIDELITY HARD FOR CLIENTS TO UNDERSTAND TO UNDERSTAND WIREFRAME WIREFRAME EASY FOR DESIGNER 23 @tbisaacs #MIMASummit
- 28. HARD FOR DESIGNER HTML PROTOTYPE DESIGN DOCUMENT VISUAL COMP EASY FOR CLIENTS HI-FIDELITY HARD FOR CLIENTS TO UNDERSTAND TO UNDERSTAND WIREFRAME WIREFRAME Enough fidelity, interactive, cheap to create EASY FOR DESIGNER 24 @tbisaacs #MIMASummit
- 29. It’s $79 $49 $19 25 @tbisaacs #MIMASummit
- 30. Gorgeous Presentations 26 @tbisaacs #MIMASummit
- 31. Crazy Portable 27 @tbisaacs #MIMASummit
- 32. Powerful Drawing Tools 28 @tbisaacs #MIMASummit
- 33. MARKED FOR LIFE TATTOO CUSTOMER INFORMATION NOTE: The information below is required by the Indiana Health Department. All information will kept confidential. 1 LAST NAME: FIRST NAME: 2 STREET: CITY: STATE: ZIPCODE: DAYTIME PHONE: - - EVENING PHONE: - - Where this whole 3 4 Keynote thing started... IDENTIFICATION: The Indiana Health Department requires a photo identification and a proof of signature: Photo ID provided (check one): Signature ID provided (check one): Driver’s License Credit/Debit card Student ID Calling card State ID Wholesale membership card Employee ID Hunting/Fishing license Other photo ID: Other: Please attach your ID’s to this form so they can be photocopied. / / 5 DATE OF BIRTH: ! If you are under 18, a guardian will need to sign for you (below) 6 SIGNATURE: DATE: - - I hereby affirm under the penalties of purgery that the preceding statements are true/correct to the best of my knowledge. GUARDIAN CONSENT (ONLY NEEDED FOR MINORS) http:/ /travisisaacs.com/2008/07/31/information-design-tattoos/ LAST NAME: FIRST NAME: 29 @tbisaacs #MIMASummit
- 34. 4 Use the diagram below to indicate where your tattoo(s) or piercing(s) will be located: FRONT BACK RIGHT EAR LEFT EAR http:/ /travisisaacs.com/2008/07/31/information-design-tattoos/ 5 SIGNATURE: DATE: - - 30 @tbisaacs #MIMASummit I hereby affirm under the penalties of purgery that the preceding statements are true/correct to the best of my knowledge.
- 35. Primitive Shapes 31 @tbisaacs #MIMASummit
- 36. Solid fill Gradient fill Radial gradients Image fill Alpha transparency 32 @tbisaacs #MIMASummit
- 37. Full-featured type control 33 @tbisaacs #MIMASummit
- 38. wirefra me 34 @tbisaacs #MIMASummit
- 39. inte sketch rvie ws wirefra me project plan notes 35 @tbisaacs #MIMASummit
- 40. Notes Planning Pitch 1 3 5 2 4 Microframes Wireframing 36 @tbisaacs #MIMASummit
- 41. Notes Planning Pitch 1 3 5 2 4 Microframes Wireframing 37 @tbisaacs #MIMASummit
- 42. Conference App Ideas Meeting 07/11/2011 Jane Stakeholder / Travis Isaacs / Dustin Askins Brief To wireframe... An iPhone or Android, preferably iPhone, application that can be used to find • Desktop website conferences beforehand and day of when attending--so many apps get this part wrong, • Mobile website you have to search when you’re there at the conference wanting to get info, geo-locate! • iPhone application Once you’re there, browse the schedule, get session info, mark sessions you’re • iPad application interested in, and check-in to sessions once there. • Storyboad the video... Branding / Logo • Some kind of badge-like logo • Conference Companion Timeline • Lanyard - already exists! • Two weeks to wireframe • Lanyarrrd • One week to create video Kind of pirate themed? • Launch website • Launch app Jane, “Love it.” • On the site, “forrr iPhone” “forrr iPad” Website • App store link • Screenshots • Promo video • Testimonials • Mention that it’s free to use and free to list 38 @tbisaacs #MIMASummit
- 43. Conference App Ideas Meeting 07/11/2011 Jane Stakeholder / Travis Isaacs / Dustin Askins Brief To wireframe... An iPhone or Android, preferably iPhone, application that can be used to find • Desktop website conferences beforehand and day of when attending--so many apps get this part wrong, • Mobile website you have to search when you’re there at the conference wanting to get info, geo-locate! Once you’re there, browse the schedule, get session info, mark sessions you’re • iPhone application • iPad application Who’s there? interested in, and check-in to sessions once there. • Storyboad the video... Branding / Logo • Some kind of badge-like logo • Conference Companion Timeline • Lanyard - already exists! • Two weeks to wireframe • Lanyarrrd • One week to create video Kind of pirate themed? • Launch website • Launch app Jane, “Love it.” • On the site, “forrr iPhone” “forrr iPad” Website • App store link • Screenshots • Promo video • Testimonials • Mention that it’s free to use and free to list 38 @tbisaacs #MIMASummit
- 44. Conference App Ideas Meeting 07/11/2011 Jane Stakeholder / Travis Isaacs / Dustin Askins Brief To wireframe... An iPhone or Android, preferably iPhone, application that can be used to find • Desktop website conferences beforehand and day of when attending--so many apps get this part wrong, • Mobile website you have to search when you’re there at the conference wanting to get info, geo-locate! Once you’re there, browse the schedule, get session info, mark sessions you’re • iPhone application • iPad application Who’s there? interested in, and check-in to sessions once there. • Storyboad the video... Branding / Logo • Some kind of badge-like logo • Conference Companion Timeline • Lanyard - already exists! • Two weeks to wireframe • Lanyarrrd • One week to create video Kind of pirate themed? • Launch website • Launch app Jane, “Love it.” • On the site, “forrr iPhone” “forrr iPad” What’s said? Website • App store link • Screenshots • Promo video • Testimonials • Mention that it’s free to use and free to list 38 @tbisaacs #MIMASummit
- 45. Conference App Ideas Meeting 07/11/2011 Jane Stakeholder / Travis Isaacs / Dustin Askins Brief To wireframe... An iPhone or Android, preferably iPhone, application that can be used to find • Desktop website conferences beforehand and day of when attending--so many apps get this part wrong, • Mobile website What to do? you have to search when you’re there at the conference wanting to get info, geo-locate! Once you’re there, browse the schedule, get session info, mark sessions you’re • iPhone application Who’s there? • iPad application interested in, and check-in to sessions once there. • Storyboad the video... Branding / Logo • Some kind of badge-like logo • Conference Companion Timeline • Lanyard - already exists! • Two weeks to wireframe • Lanyarrrd • One week to create video Kind of pirate themed? • Launch website • Launch app Jane, “Love it.” • On the site, “forrr iPhone” “forrr iPad” What’s said? Website • App store link • Screenshots • Promo video • Testimonials • Mention that it’s free to use and free to list 38 @tbisaacs #MIMASummit
- 46. Conference App Ideas Meeting 07/11/2011 Jane Stakeholder / Travis Isaacs / Dustin Askins Brief To wireframe... An iPhone or Android, preferably iPhone, application that can be used to find • Desktop website conferences beforehand and day of when attending--so many apps get this part wrong, • Mobile website you have to search when you’re there at the conference wanting to get info, geo-locate! • iPhone application Once you’re there, browse the schedule, get session info, mark sessions you’re • iPad application interested in, and check-in to sessions once there. • Storyboad the video... Timeline • Two weeks to wireframe • One week to create video • Launch website • Launch app Branding / Logo • Some kind of badge-like logo • Conference Companion • Lanyard - already exists! • Lanyarrrd Kind of pirate themed? Jane, “Love it.” • On the site, “forrr iPhone” “forrr iPad” Website • App store link • Screenshots • Promo video • Testimonials 39 Mention that it’s free to use and free to list @tbisaacs #MIMASummit •
- 47. Conference App Ideas Meeting 07/11/2011 Jane Stakeholder / Travis Isaacs / Dustin Askins Brief To wireframe... An iPhone or Android, preferably iPhone, application that can be used to find • Desktop website conferences beforehand and day of when attending--so many apps get this part wrong, • Mobile website you have to search when you’re there at the conference wanting to get info, geo-locate! • iPhone application Once you’re there, browse the schedule, get session info, mark sessions you’re • iPad application interested in, and check-in to sessions once there. • Storyboad the video... Drop in imagesTimeline or snippets • Two weeks to wireframe • One week to create video • Launch website • Launch app Branding / Logo • Some kind of badge-like logo • Conference Companion • Lanyard - already exists! • Lanyarrrd Kind of pirate themed? Jane, “Love it.” • On the site, “forrr iPhone” “forrr iPad” Website • App store link • Screenshots • Promo video • Testimonials 39 Mention that it’s free to use and free to list @tbisaacs #MIMASummit •
- 48. Conference App Ideas Meeting 07/11/2011 Jane Stakeholder / Travis Isaacs / Dustin Askins Brief To wireframe... An iPhone or Android, preferably iPhone, application that can be used to find • Desktop website conferences beforehand and day of when attending--so many apps get this part wrong, • Mobile website you have to search when you’re there at the conference wanting to get info, geo-locate! • iPhone application Once you’re there, browse the schedule, get session info, mark sessions you’re • iPad application interested in, and check-in to sessions once there. • Storyboad the video... Drop in imagesTimeline or snippets • Two weeks to wireframe • One week to create video • Launch website • Launch app Branding / Logo • Some kind of badge-like logo • Conference Companion • Lanyard - already exists! • Lanyarrrd Kind of pirate themed? Link to the web, or Jane, “Love it.” other keynote docs • On the site, “forrr iPhone” “forrr iPad” Website • App store link • Screenshots • Promo video • Testimonials 39 Mention that it’s free to use and free to list @tbisaacs #MIMASummit •
- 49. Notes Work 40 @tbisaacs #MIMASummit
- 50. Notes Planning Pitch 1 3 5 2 4 Microframes Wireframing 41 @tbisaacs #MIMASummit
- 51. Microframing 42 @tbisaacs #MIMASummit
- 52. 43 @tbisaacs #MIMASummit
- 53. Too big? 44 @tbisaacs #MIMASummit
- 54. 45 @tbisaacs #MIMASummit
- 55. Called for too much detail 45 @tbisaacs #MIMASummit
- 56. 46 @tbisaacs #MIMASummit
- 57. 46 @tbisaacs #MIMASummit
- 58. 47 @tbisaacs #MIMASummit
- 59. 47 @tbisaacs #MIMASummit
- 60. 48 @tbisaacs #MIMASummit
- 61. 49 @tbisaacs #MIMASummit
- 62. 49 @tbisaacs #MIMASummit
- 63. 50 @tbisaacs #MIMASummit
- 64. Less Detail More Rapid Less Paper 50 @tbisaacs #MIMASummit
- 65. Label Label 51 @tbisaacs #MIMASummit
- 66. 52 @tbisaacs #MIMASummit
- 67. Notes Planning Pitch 1 3 5 2 4 Microframes Wireframing 53 @tbisaacs #MIMASummit
- 68. Conference App Ideas Meeting 07/11/2011 Jane Stakeholder / Travis Isaacs / Dustin Askins Brief To wireframe... An iPhone or Android, preferably iPhone, application that can be used to find • Desktop website conferences beforehand and day of when attending--so many apps get this part wrong, • Mobile website you have to search when you’re there at the conference wanting to get info, geo-locate! • iPhone application Once you’re there, browse the schedule, get session info, mark sessions you’re • iPad application interested in, and check-in to sessions once there. • Storyboad the video... Branding / Logo • Some kind of badge-like logo • Conference Companion Timeline • Lanyard - already exists! • Two weeks to wireframe • Lanyarrrd • One week to create video Kind of pirate themed? • Launch website • Launch app Jane, “Love it.” • On the site, “forrr iPhone” “forrr iPad” Website • App store link Planning • Screenshots • Promo video • Testimonials • Mention that it’s free to use and free to list 54 @tbisaacs #MIMASummit
- 69. 55 @tbisaacs #MIMASummit
- 70. 55 @tbisaacs #MIMASummit
- 71. 56 @tbisaacs #MIMASummit
- 72. 57 @tbisaacs #MIMASummit
- 73. 58 @tbisaacs #MIMASummit
- 74. 59 @tbisaacs #MIMASummit
- 75. 60 @tbisaacs #MIMASummit
- 76. 61 @tbisaacs #MIMASummit
- 77. Wireframe Video Site App Launch Launch 62 @tbisaacs #MIMASummit
- 78. Notes, Timeline Work 63 @tbisaacs #MIMASummit
- 79. Notes Planning Pitch 1 3 5 2 4 Microframes Wireframing 64 @tbisaacs #MIMASummit
- 80. HARD FOR DESIGNER EASY FOR CLIENTS HI-FIDELITY HARD FOR CLIENTS TO UNDERSTAND TO UNDERSTAND WIREFRAME EASY FOR DESIGNER 65 @tbisaacs #MIMASummit
- 81. 66 @tbisaacs #MIMASummit
- 82. 66 @tbisaacs #MIMASummit
- 83. 67 @tbisaacs #MIMASummit
- 84. Label: Leave a comment: ! Required Field! Yes Option 1 No Option 2 Button Button Please Select Please select... Option 1 Option 2 Option 3 July S M T W T F S 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30
- 85. Active Tab Inactive Tab Inactive Tab Open Accordion Contents Active Tab Inactive Tab Inactive Tab Closed Accordion Closed Accordion Active Tab Inactive Tab Inactive Tab Closed Accordion Active Menu Sub-Menu 1 Inactive Menu Sub-Menu 2 Inactive Menu Active Tab Inactive Tab Inactive Tab Inactive Tab Inactive Tab Home » Page 1 » Page 2 Best-Sellers (22) Home Page 1 Page 2 IMAGE IMAGE IMAGE IMAGE IMAGE IMAGE Pages: 1 2 3 4 ... 20 21 Next Item Item Item Item Item Item Pages: Previous 1 2 3 4 ... 20 21 Next
- 86. Last Name First Name Email Isaacs Travis hello@travisisaacs.com Isaacs Travis hello@travisisaacs.com Isaacs Travis hello@travisisaacs.com Isaacs Travis hello@travisisaacs.com Last Name First Name Email Isaacs Travis hello@travisisaacs.com Isaacs Travis hello@travisisaacs.com Isaacs Travis hello@travisisaacs.com Isaacs Travis hello@travisisaacs.com Last Name First Name Email Isaacs Travis hello@travisisaacs.com Isaacs Travis hello@travisisaacs.com Isaacs Travis hello@travisisaacs.com Isaacs Travis hello@travisisaacs.com
- 87. Twitter IMAGE Facebook Flickr LinkedIn 16:9 Digg
- 88. Heading Level 1 Heading Level 1 Heading Level 2 Heading Level 2 Heading Level 3 Heading Level 3 Heading Level 4 Heading Level 4 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi zzril delenit Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis. Hypertext link • List item 1. Ordered list • List item 2. Ordered list • List item 3. Ordered list <div id=”keynote”>Kung-Fu</div>
- 89. 468x60 BANNER 234x60 HALF-BANNER 120x240 250x250 VERTICAL 120x600 160x600 SQUARE BANNER SKYSCRAPER WIDE SKYSCRAPER 120x60 120x90 BUTTON 125x125 BUTTON SQUARE 728x90 LEADERBOARD
- 91. Party YOU: DUSTIN: 24 334 First Person Shooter Role Playing Followers Followers Driving Sports 0 37.5 75 112.5 150 You and Dustin have 14 followers in common Achievements This Year: 40 30 20 10 0 Jan 2010 Mar 2010 May 2010 Jul 2010 Sep 2010 Nov 2010
- 92. Notes Heading mm/dd/yyyy First Last / First Last / Heading Level 3 Heading Level 3 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi zzril delenit euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi zzril delenit Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis. vel illum dolore eu feugiat nulla facilisis. • List item • List item • List item • List item • List item • List item 1. Ordered list 1. Ordered list 2. Ordered list 2. Ordered list 3. Ordered list 3. Ordered list • List item • List item • List item Heading Level 3 • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item • List item
- 93. Share 13, 334 Likes 27K 20,065 people like this. Be the first of your friends. Warning: ! Something you should be aware of happened. Be careful. K CH CLIC HOVER PIN ! Error: Something bad happened. Here’s what to do about it. Just a friendly reminder Success: Something good happened. Here’s how awesome that is. Window Title
- 94. Search T Button Button Button text input OFF Button Button Button Button ON Label Button Active Inactive Q W E R T Y U I O P ON Button Label Active Inactive Inactive A S D F G H J K L Z X C V B N M Label Label Keynote Button .?123 space Search Copy Select Select All Paste Button 1 2 3 4 5 6 7 8 9 0 Button Button Button Done - / : ; ( ) $ & @ ” Button Option 1 . , ? ! ’ 01 Option 2 http://keynotekungfu.com 0 02 .?123 space Search Do you want to leave this site? Option 3 1 03 Option 4 2 04 Cancel OK [ ] { } # % ^ * + = 3 Option 5 05 _ | ~ < > € £ ¥ • iOS 5 Alert 123 For Lock Screen . , ? ! ’ ABC space ABC button button button button
- 95. 79 @tbisaacs #MIMASummit
- 96. What size should I make my theme? 80 @tbisaacs #MIMASummit
- 97. 768x1024 1024x768 1280x720 320x480 612x792 1280x1656 81 @tbisaacs #MIMASummit
- 98. 768x1024 1024x768 1280x720 320x480 612x792 1280x1656 82 @tbisaacs #MIMASummit
- 99. 1024x768 82 @tbisaacs #MIMASummit
- 100. 83 @tbisaacs #MIMASummit
- 101. about 1024x768 84 @tbisaacs #MIMASummit
- 102. 1024x768 85 @tbisaacs #MIMASummit
- 103. 86 @tbisaacs #MIMASummit
- 104. Top (1 of 5) 86 @tbisaacs #MIMASummit
- 105. Top (1 of 5) 2 of 5 86 @tbisaacs #MIMASummit
- 106. Top (1 of 5) 2 of 5 2 of 5 86 @tbisaacs #MIMASummit
- 107. Top (1 of 5) 2 of 5 2 of 5 3 of 5 86 @tbisaacs #MIMASummit
- 108. Top (1 of 5) 2 of 5 2 of 5 3 of 5 4 of 5 86 @tbisaacs #MIMASummit
- 109. Top (1 of 5) 2 of 5 2 of 5 3 of 5 4 of 5 5 of 5 86 @tbisaacs #MIMASummit
- 110. 768x1024 1024x768 1280x720 320x480 612x792 1280x1656 87 @tbisaacs #MIMASummit
- 111. 320x480 87 @tbisaacs #MIMASummit
- 112. 88 @tbisaacs #MIMASummit
- 113. 768x1024 1024x768 1280x720 320x480 612x792 1280x1656 89 @tbisaacs #MIMASummit
- 114. 768x1024 89 @tbisaacs #MIMASummit
- 115. 90 @tbisaacs #MIMASummit
- 116. 768x1024 1024x768 1280x720 320x480 612x792 1280x1656 91 @tbisaacs #MIMASummit
- 117. 612x792 91 @tbisaacs #MIMASummit
- 118. 92 @tbisaacs #MIMASummit
- 119. Perfectly prints on a standard sheet of paper 92 @tbisaacs #MIMASummit
- 120. 768x1024 1024x768 1280x720 320x480 612x792 1280x1656 93 @tbisaacs #MIMASummit
- 121. 1280x1656 93 @tbisaacs #MIMASummit
- 122. 94 @tbisaacs #MIMASummit
- 123. Also perfectly prints on a standard sheet of paper 94 @tbisaacs #MIMASummit
- 124. 94 @tbisaacs #MIMASummit
- 125. SIMPLE TO MAKE 95 @tbisaacs #MIMASummit
- 126. 1024x768 96 @tbisaacs #MIMASummit
- 127. 97 @tbisaacs #MIMASummit
- 128. 97 @tbisaacs #MIMASummit
- 129. 98 @tbisaacs #MIMASummit
- 130. 768x1024 1024x768 1280x720 320x480 612x792 1280x1656 99 @tbisaacs #MIMASummit
- 131. 100 @tbisaacs #MIMASummit
- 132. 101 @tbisaacs #MIMASummit
- 133. Copy Paste Original slide size New slide size 101 @tbisaacs #MIMASummit
- 134. Demo! 102 @tbisaacs #MIMASummit
- 135. ✓ Picking the right size for your deck ✓ Using master slides ✓ Using components 103 @tbisaacs #MIMASummit
- 136. KEYNOTE HOW NINJAS WIREFRAME KUNG-FU @tbisaacs @tbisaacs #MIMASummit 104
- 137. Copy/Paste style properties to save time. To add to your toolbar: Right click on the toolbar, click customize Copy style will copy all of the element’s properties, including: fill, border, font face, font size, font color, stroke, stroke style. But... it doesn’t copy line-height, letter spacing, paragraph spacing, or inset margin. SAD TROMBONE
- 139. or alt + ⌘ + c 1
- 140. or alt + ⌘ + v 2
- 141. :) 3
- 142. Group items Group whenever possible. Grouped items are easier to move, delete, and manipulate.
- 143. Double-click on a grouped or alt + ⌘ + g to group element to edit it
- 144. Learn the keyboard shortcuts. Keyboard shortcuts will save you time and clicks (and impress your boss).
- 145. Copy Style
- 146. Paste Style
- 147. Group
- 148. Un-Group
- 149. Insert (Choose)
- 150. New Slide
- 151. Fonts
- 152. Swap between Photoshop/Illustrator/ Fireworks with ease. Need to make some edits that can’t be done in Keynote? Just copy and paste your object or group into Illustrator or Photoshop. Pasted items become smart objects in Photoshop, or paths in Illustrator.
- 153. 121 @tbisaacs #MIMASummit
- 154. 2 contributors 30+ masters 118 slides 150MB file 122 @tbisaacs #MIMASummit
- 155. 2 contributors 30+ masters Cumbersome to manage 118 slides 150MB file 123 @tbisaacs #MIMASummit
- 156. Conference App Ideas Meeting 07/11/2011 Jane Stakeholder / Travis Isaacs / Dustin Askins Brief To wireframe... An iPhone or Android, preferably iPhone, application that can be used to find • Desktop website conferences beforehand and day of when attending--so many apps get this part wrong, • Mobile website you have to search when you’re there at the conference wanting to get info, geo-locate! • iPhone application Once you’re there, browse the schedule, get session info, mark sessions you’re • iPad application interested in, and check-in to sessions once there. • Storyboad the video... Branding / Logo • Some kind of badge-like logo • Conference Companion Timeline • Lanyard - already exists! • Two weeks to wireframe • Lanyarrrd • One week to create video Kind of pirate themed? • Launch website • Launch app Jane, “Love it.” • On the site, “forrr iPhone” “forrr iPad” Website • App store link • Screenshots • Promo video • Testimonials • Mention that it’s free to use and free to list 124 @tbisaacs #MIMASummit
- 157. Private Public Activity Published to.. Redacted Activity Redacted Redacted Redacted Reda Managed by me Redacted Our notes inform a high-level “story Redacted Redacted Redacted Activity Activity Published to.. Redacted Published to.. Redacted Redacted Redacted Activity Redacted Redacted Managed by me Activity Redacted Redacted Redacted 125 @tbisaacs #MIMASummit Redac
- 158. 125 @tbisaacs #MIMASummit
- 159. Storyboard elements become 126 @tbisaacs #MIMASummit
- 160. Divide & Conquer 127 @tbisaacs #MIMASummit
- 161. Divide & Conquer 127 @tbisaacs #MIMASummit
- 162. 128 @tbisaacs #MIMASummit
- 163. K CLIC 128 @tbisaacs #MIMASummit
- 164. The required master slides will automatically come along when you drag 129 @tbisaacs #MIMASummit
- 165. 1 2 My Deck Your Deck 3 4 5 Merged Deck 130 @tbisaacs #MIMASummit
- 166. 1 2 My Deck Your Deck 3 4 5 1 Merged Deck 2 3 4 5 130 @tbisaacs #MIMASummit
- 167. Notes Planning Pitch 1 3 5 2 4 Microframes Wireframing 131 @tbisaacs #MIMASummit
- 168. DESIGN THINKING 132 @tbisaacs #MIMASummit
- 169. Nice Wireframes, Bro. Skilled Athlete Skilled Athlete Skilled Athlete Back Record A Meal Record Today Sunday, July 24 Today Activity Log Describe your meal Updated 2 hours ago Meals & Snacks 2 2 Meals & Snacks July 2011 Today S M T W T F S Blueberries, bbq chicken breast, Weight & Stats 0 Weight & Stats 0 macadamia nuts. 2 1 2 1:11 pm Was meal Paleo? YES 3 4 5 6 7 8 9 Z Progress Photo 1 Progress Photo 1 ZZ 17 minute nap 0 NO 10 11 12 13 14 15 16 10:33 am Did meal have dairy? Ground beef, broccoli, cauliflower, Z 17 18 19 20 21 22 23 and almonds. 4 Sharing ZZ Sleep Activity 1 Z ZZ Sleep Activity 1 8:14 am 24 25 26 27 28 29 30 Facebook YES 1 tbsp Nordic Naturals fish oil 0 Supplements 3 Supplements 3 8:14 am Twitter YES New weigh-in: 145 pounds 9 8:14 am Vitals 1 Vitals 1 Yesterday Activity Log 2 Blueberries, bbq chicken breast, Activity Log 2 macadamia nuts. 0 Updated 2 hours ago Updated 2 hours ago 1:11 pm Now What? 133 @tbisaacs #MIMASummit
- 170. Turn your wireframes into a presentation Wrap your designs in a meaningful story 134 @tbisaacs #MIMASummit
- 171. Tell The Story 135 @tbisaacs #MIMASummit
- 172. Tell The Story ✓ Describe (and show) interaction ✓ Communicate use cases ✓ Support for our design decisions 136 @tbisaacs #MIMASummit
- 173. http:/ /slideshare.net/tbisaacs/influencing-change-through-presentations 137 @tbisaacs #MIMASummit
- 174. http:/ /slideshare.net/tbisaacs/influencing-change-through-presentations 137 @tbisaacs #MIMASummit
- 175. http:/ /slideshare.net/tbisaacs/influencing-change-through-presentations 137 @tbisaacs #MIMASummit
- 176. http:/ /slideshare.net/tbisaacs/influencing-change-through-presentations 137 @tbisaacs #MIMASummit
- 177. http:/ /slideshare.net/tbisaacs/influencing-change-through-presentations 137 @tbisaacs #MIMASummit
- 178. http:/ /slideshare.net/tbisaacs/influencing-change-through-presentations 137 @tbisaacs #MIMASummit
- 179. http:/ /slideshare.net/tbisaacs/influencing-change-through-presentations 137 @tbisaacs #MIMASummit
- 180. http:/ /slideshare.net/tbisaacs/influencing-change-through-presentations 137 @tbisaacs #MIMASummit
- 181. New User Batch upload NEW New user Confirm Email Hotel or Agency Enter Info Select Agency Terms & Conditions Overview or Property Welcome Email Verify Email Notify Hotel or Agency 138 @tbisaacs #MIMASummit
- 182. Private Public Browsable “Community” Activity Product Pages Activity Published to.. Orders Recommend PowerUp Polls Discussion Reviews Buzz Wiki Cheats Managed by me My Personalized Activity Gamestop.com REDACTED Activity Following Followers Lists Published to.. Activity Published to.. Public Profile Head 2 Head My Feed Groups Media Activity Game Library Activity Activity Leaderboards My Gamer DNA Activity Achievements Managed by me Activity Activity My store Settings Messages ? ? ? Raptr Xbox PSN Kongregate REDACTED Live @tbisaacs #MIMASummit 139
- 183. Visually narrate interface details Use your wireframes for gaining consensus and alignment. Take your audience along with you-show them how you came to a conclusion. 140 @tbisaacs #MIMASummit
- 184. Travis Isaacs 141 @tbisaacs #MIMASummit
- 185. Travis Isaacs K CLIC 141 @tbisaacs #MIMASummit
- 186. Travis Isaacs Change your name Change your photo Log out 141 @tbisaacs #MIMASummit
- 187. G DRA 142 @tbisaacs #MIMASummit
- 188. G DRA 142 @tbisaacs #MIMASummit
- 189. ER K TAP PE CH HOV CLIC SWI PIN 143 @tbisaacs #MIMASummit
- 190. Seriously, go nuts! Redacted 144 @tbisaacs #MIMASummit
- 191. Advanced animation techniques KEYNOTE BLACK BELT KUNG-FU http://slideshare.net/tbisaacs 145 @tbisaacs #MIMASummit
- 192. Silhouette 146 @tbisaacs #MIMASummit
- 193. Silhouette 147 @tbisaacs #MIMASummit
- 194. 148 @tbisaacs #MIMASummit
- 195. 149 @tbisaacs #MIMASummit
- 196. 150 @tbisaacs #MIMASummit
- 197. 151 @tbisaacs #MIMASummit
- 198. 152 @tbisaacs #MIMASummit
- 199. 152 @tbisaacs #MIMASummit
- 200. 153 @tbisaacs #MIMASummit
- 201. 154 @tbisaacs #MIMASummit
- 202. 155 @tbisaacs #MIMASummit
- 203. 156 @tbisaacs #MIMASummit
- 204. 156 @tbisaacs #MIMASummit
- 205. 157 @tbisaacs #MIMASummit
- 206. 158 @tbisaacs #MIMASummit
- 207. 159 @tbisaacs #MIMASummit
- 208. 160 @tbisaacs #MIMASummit
- 209. 160 @tbisaacs #MIMASummit
- 210. 161 @tbisaacs #MIMASummit
- 211. 162 @tbisaacs #MIMASummit
- 212. 163 @tbisaacs #MIMASummit
- 213. 164 @tbisaacs #MIMASummit
- 214. 164 @tbisaacs #MIMASummit
- 215. 165 @tbisaacs #MIMASummit
- 216. Demo! 166 @tbisaacs #MIMASummit
- 217. Make a Stand-Alone Prototype Keynote’s powerful linking system allows the creation of completely non-linear, stand-alone prototypes. 167 @tbisaacs #MIMASummit
- 218. Skilled Athlete Skilled Athlete Skilled Athlete Back Record A Meal Record Today Sunday, July 24 Today Activity Log Describe your meal Updated 2 hours ago Meals & Snacks 2 2 Meals & Snacks July 2011 Today S M T W T F S Blueberries, bbq chicken breast, Weight & Stats 0 Weight & Stats 0 macadamia nuts. 2 1 2 1:11 pm Was meal Paleo? YES 3 4 5 6 7 8 9 Z Progress Photo 1 Progress Photo 1 ZZ 17 minute nap 0 NO 10 11 12 13 14 15 16 10:33 am Did meal have dairy? Ground beef, broccoli, cauliflower, Z 17 18 19 20 21 22 23 and almonds. 4 Sharing ZZ Sleep Activity 1 Z ZZ Sleep Activity 1 8:14 am 24 25 26 27 28 29 30 Facebook YES 1 tbsp Nordic Naturals fish oil 0 Supplements 3 Supplements 3 8:14 am Twitter YES New weigh-in: 145 pounds 9 8:14 am Vitals 1 Vitals 1 Yesterday Activity Log 2 Blueberries, bbq chicken breast, Activity Log 2 macadamia nuts. 0 Updated 2 hours ago Updated 2 hours ago 1:11 pm 168 @tbisaacs #MIMASummit
- 219. 169 @tbisaacs #MIMASummit
- 220. 170 @tbisaacs #MIMASummit
- 221. Skilled Athlete Today Meals & Snacks 2 Select Weight & Stats 0 Progress Photo 1 Z ZZ Sleep Activity 1 4 Supplements 3 Vitals 1 Al ways link to a Activity Log 2 Updated 2 hours ago slide number! @tbisaacs #MIMASummit
- 222. Select Skilled Athlete Today Meals & Snacks 2 Weight & Stats 0 Progress Photo 1 Z ZZ Sleep Activity 1 2 Supplements 3 Vitals 1 Activity Log 2 Updated 2 hours ago @tbisaacs #MIMASummit
- 223. Skilled Athlete Today Meals & Snacks 2 Weight & Stats 0 Progress Photo 1 Z ZZ Sleep Activity 1 3 Supplements 3 Vitals Select 1 Activity Log 2 Updated 2 hours ago @tbisaacs #MIMASummit
- 224. Select Select Back Record A Meal Record Describe your meal Was meal Paleo? YES Did meal have dairy? NO Sharing Facebook YES 1 Twitter YES @tbisaacs #MIMASummit
- 225. @tbisaacs #MIMASummit
- 226. @tbisaacs #MIMASummit
- 227. @tbisaacs #MIMASummit
- 228. All of your links will be embedded in the PDF 176 @tbisaacs #MIMASummit
- 229. Demo! 177 @tbisaacs #MIMASummit
- 230. Questions? FOR MORE: KEYNOTE KEYNOTE HOW NINJAS WIREFRAME KUNG-FU BLACK BELT KUNG-FU @tbisaacs slideshare.net/tbisaacs 178 @tbisaacs #MIMASummit