Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Travis Isaacs - Getting Bad Ideas Out Of The Way With Keynote

F9ccdb1fd3be748a9cbc4937d5b15465?s=47 UX London
May 02, 2012

Travis Isaacs - Getting Bad Ideas Out Of The Way With Keynote

Ready to leave the boring world of wireframes and design documentation behind?

Create clickable, high-fidelity prototypes for web, desktop, or mobile apps using Keynote in less time than it takes to create a just a wireframe in your old wireframing tool. All without any coding or learning a complex and expensive new tool.

F9ccdb1fd3be748a9cbc4937d5b15465?s=128

UX London

May 02, 2012
Tweet

More Decks by UX London

Other Decks in Design

Transcript

  1. @tbisaacs Keynote Kung-Fu: Getting Bad Ideas Out Of The Way

    With Keynote
  2. @tbisaacs My name is Travis Isaacs, and I’m from Dallas.

  3. @tbisaacs

  4. @tbisaacs CLICK CLICK

  5. @tbisaacs

  6. @tbisaacs DISCUSSION LECTURE LAB BREAK

  7. @tbisaacs कഁ཭ SHU HA RI http://en.wikipedia.org/wiki/Shuhari

  8. @tbisaacs http://en.wikipedia.org/wiki/Shuhari SHU ഁ Learn the fundamentals, obey the rules

  9. @tbisaacs http://en.wikipedia.org/wiki/Shuhari HA क Break the rules!

  10. @tbisaacs http://en.wikipedia.org/wiki/Shuhari RI ཭ Transcend

  11. @tbisaacs कഁ཭ SHU HA RI http://en.wikipedia.org/wiki/Shuhari

  12. @tbisaacs I don’t wireframe.

  13. @tbisaacs 12

  14. New Settings Help Sign Out Blinksale Travis Isaacs Dashboard Clients

    Invoices & Estimates Projects Team Invoice theme: Theme name Theme name Theme name Add to invoice: Hours Expenses Services 66 hrs $433 SEND Save for later or Cancel Travis Isaacs 555 Maple Street Anywhere, TX 76054 COMPANY LOGO KIND QTY DESCRIPTION PRICE TOTAL $100 $0.00 HRS Subtotal $0.00 Tax (8.75%) $0.00 Freight $0.00 Total Due $0.00 Invoice 1411 Due 11/9/2009 (NET 30) Invoice notes SENT 10/09/2009 New line Who is this for? name@example.com Addresses Convert to estimate
  15. Plans Subdivisions Items Options Trade Partner Requests Take-offs for #1750

    (The Venetian) for all elevations and all options Plumbing Fixtures 1200 Frame I Walls and Joists 1400 Windows 1440 External Doors 1450 Framing Labor 1460 Electrical 1530 HVAC 1550 Insulate Walls 1600 Sheetrock Material 1610 Sheetrock Hang, Tape, Bed, and Texture 1630 Paint 1800 Stain/Finish Cabinets 1810 Interior Doors & Trim 1830 Interior Trim Labor 1840
  16. Plans Subdivisions Items Options Trade Partner Requests Take-offs for #1750

    (The Venetian) for all elevations and all options Plumbing Fixtures 1200 Frame I Walls and Joists 1400 Windows 1440 External Doors 1450 Framing Labor 1460 Electrical 1530 HVAC 1550 Insulate Walls 1600 Sheetrock Material 1610 Sheetrock Hang, Tape, Bed, and Texture 1630 Paint 1800 Stain/Finish Cabinets 1810 Interior Doors & Trim 1830 Interior Trim Labor 1840 CLICK
  17. Plans Subdivisions Items Options Trade Partner Requests Take-offs for #1750

    (The Venetian) for all elevations and all options Save or Cancel Frame I Walls and Joists 1400 Item UOM Quant 1/2x12 Text 104 Siding EA 1/4 x 3/4 Flat screen mould LF 10x24 Arch Cedar Louver EA 10x24 Rough Cedar Rectangle Vent EA 1-1/2 Joist Hanger Nails 50# EA 12in x 200’ 6 mil Black Poly EA 12x12 Text Fcp Lap EA 12x24 Arch Top Cedar Vent EA 1-3/4x14in Level Micro Lamb Ship 2-19’ Pcs LF 1-3/4x16in Level Micro Lamb Ship 3-24’ Pcs LF 17 22 0 3 100 10 10 5 0 0 Windows 1440 Add Item Take-off complete Plumbing Fixtures 1200
  18. Plans Subdivisions Items Options Trade Partner Requests Take-offs for #1750

    (The Venetian) for all elevations and all options Save or Cancel Frame I Walls and Joists 1400 Item UOM Quant 1/2x12 Text 104 Siding EA 1/4 x 3/4 Flat screen mould LF 10x24 Arch Cedar Louver EA 10x24 Rough Cedar Rectangle Vent EA 1-1/2 Joist Hanger Nails 50# EA 12in x 200’ 6 mil Black Poly EA 12x12 Text Fcp Lap EA 12x24 Arch Top Cedar Vent EA 1-3/4x14in Level Micro Lamb Ship 2-19’ Pcs LF 1-3/4x16in Level Micro Lamb Ship 3-24’ Pcs LF 17 22 0 3 100 10 10 5 0 0 Windows 1440 Add Item CLICK Take-off complete Plumbing Fixtures 1200
  19. Plans Subdivisions Items Options Trade Partner Requests Add Items to

    Frame I Walls and Joist (#1750 - the Venetian) CLICK Components Labor Rates Fixed-Fee Services Substitution Code Appliances Windows Concrete Drywall Flooring Hardware Light Fixtures Plumbing Fixtures Lumber Masonry Select a component class:
  20. F2: Mats F3: Frames F4: Finishing TOTAL: $212.02 F1: Add

    Artwork Add artwork to get started! Image description Width Height x ADD Add More Artwork Image type Image condition Image size Mat Dimensions: 11 1/4” x 9 1/4” 1: Photo of Children 1: Children 10” x 8” Wall Color Align Distribute Grandparents 10”x8” Normal condition Photography 10” 8”
  21. F2: Mats F3: Frames F4: Finishing TOTAL: $212.02 F1: Add

    Artwork Add artwork to get started! Image description Width Height x ADD Add More Artwork Image type Image condition Image size Mat Dimensions: 11 1/4” x 9 1/4” 1: Photo of Children 1: Children 10” x 8” Wall Color Align Distribute Grandparents 10”x8” Normal condition Photography 10” 8” Click
  22. F2: Mats F3: Frames F4: Finishing TOTAL: $490.29 F1: Add

    Artwork Mat Dimensions: 27” x 16” F1: Add Artwork Image description Width Height x ADD Add More Artwork Image type Image condition Image size 2: Photo of Grandparents 1: Photo of Children 1: Children 10” x 8” 2: Grandparents 10” x 8” Wall Color Align Distribute
  23. F2: Mats F3: Frames F4: Finishing TOTAL: $490.29 F1: Add

    Artwork Mat Dimensions: 27” x 16” F1: Add Artwork Image description Width Height x ADD Add More Artwork Image type Image condition Image size 2: Photo of Grandparents 1: Photo of Children 1: Children 10” x 8” 2: Grandparents 10” x 8” Wall Color Align Distribute Click
  24. F2: Mats F3: Frames F4: Finishing TOTAL: $490.29 F1: Add

    Artwork Mat Dimensions: 27” x 16” F1: Add Artwork 1: Photo of Children 1: Children 10” x 8” 2: Grandparents 10” x 8” Wall Color Align Distribute Image description Width Height x SAVE 2: Photo of Grandparents Image type Image condition Image size Add more artwork Delete 4” 4” 2” 3” Grandparents 10”x8” Normal condition Photography 10” 8”
  25. F2: Mats F3: Frames F4: Finishing TOTAL: $490.29 F1: Add

    Artwork Mat Dimensions: 27” x 16” F1: Add Artwork 1: Photo of Children 1: Children 10” x 8” 2: Grandparents 10” x 8” Wall Color Align Distribute Image description Width Height x SAVE 2: Photo of Grandparents Image type Image condition Image size Add more artwork Delete 4” 4” 2” 3” Grandparents 10”x8” Normal condition Photography 10” 8” I can make edits here...
  26. F2: Mats F3: Frames F4: Finishing TOTAL: $490.29 F1: Add

    Artwork Mat Dimensions: 27” x 16” F1: Add Artwork 1: Photo of Children 1: Children 10” x 8” 2: Grandparents 10” x 8” Wall Color Align Distribute Image description Width Height x SAVE 2: Photo of Grandparents Image type Image condition Image size Add more artwork Delete 4” 4” 2” 3” Grandparents 10”x8” Normal condition Photography 10” 8” ...Or by clicking on a dimension 3”4”
  27. F2: Mats F3: Frames F4: Finishing TOTAL: $490.29 F1: Add

    Artwork Mat Dimensions: 27” x 16” F1: Add Artwork 1: Photo of Children 1: Children 10” x 8” 2: Grandparents 10” x 8” Wall Color Align Distribute Image description Width Height x SAVE 2: Photo of Grandparents Image type Image condition Image size Add more artwork Delete 4” 4” 2” 3” Grandparents 10”x8” Normal condition Photography 10” 8” Or by dragging the corners
  28. Have you played these games? All Platforms Xbox 360 PS3

    Wii DS PSP PC Xbox PS2 More Platforms find a game Box Art Played It! Red Dead Redemption Box Art Played It! Red Dead Redemption Box Art Played It! Red Dead Redemption Box Art Played It Red Dead Redemption Box Art Played It! Red Dead Redemption Box Art Played It Red Dead Redemption Your Gamer DNA™ See other gamers like you Games Played 96 Rookie 75% of members have played more games than you. See leaderboards for more Gamer Type Zombie killing social butterfly You like games that involve zombies and that are multiplayer or massively-multiplayer. Favorite Platform Favorite Genres Community Stats Member since: 8/10/2010 Games you’ve rated: 0 Comments: 0 Forum posts: 0 Following: 0 invite friends Followers: 0 Xbox 360 PS3 Wii DS PSP PC Horror FPS Driving Football Party  
  29. Daily Production Summary KPIs: Daily Production Budget Base Wedge Recompletion

    Drilling Production By Category LOE Lease Expiration Brandon Cotter 50 52 54 56 58 10/1 10/3 10/5 10/7 10/9 10/11 10/13 10/15 10/17 10/19 10/21 10/23 10/25 10/27 10/29 10/31 • • •   Panhandle West 52 54 56 58 Arkoma 52 54 56 58 Laredo 50 52 54 56 58 10/1 10/4 10/7 10/10 10/13 10/16 10/19 10/22 10/25 10/28 10/31 Andarko 50 52 54 56 58 10/1 10/4 10/7 10/10 10/13 10/16 10/19 10/22 10/25 10/28 10/31 Panhandle East 50 52 54 56 58 10/1 10/4 10/7 10/10 10/13 10/16 10/19 10/22 10/25 10/28 10/31 My Sites 11/2009 12/2009 1/2010 2/2010 3/2010 4/2010 5/2010 6/2010 7/2010 8/2010 9/2010 10/2010 Custom Date Range
  30. Singularity by Activision Played it? Rate it! Playstation 3 for

    XBox 360 Nintendo Wii      Average Rating Based on 345 ratings 9.5 10.0 9.0 8.0 7.0 Store Pickup In stock as of 8am EST at these locations. Shops of Southlake Southlake , TX 76092 Pick Up Here View more locations » BUY NEW $59.99 Usually ships in 24 hours details ADD TO CART BUY PRE-OWNED $49.99 Guaranteed to work! ADD TO CART Add to wish list  Share 27K Buzz News Game Details Polls GameStop Wiki JUMP TO
  31. @tbisaacs 10:00 AM CARRIER 3G Wednesday 2/29 West Side Workshops

    Classes Appointments 8:00 AM Elements Katie DeLuca 9:00 AM NorCal On Ramp Chrissy Gower 9:00 AM Elements Katie DeLuca
  32. @tbisaacs GPS N 13.99 1 2 3 4 5 6

    7 8 9 10 11 12 13 14 15 16 17 18 19 20 CURRENT (MPH) 15.99 AVG. 22.29 MAX. SPLIT OVERALL ELAPSED +13s -1m 33s 1h 44m 33s 645 FT Climb 985 Calories Burned 53° SE at 11mph
  33. @tbisaacs Crafting (43) Cross Stitch and Needle Work (10) Exclusively

    New (22) Knit and Crochet (39) Papercrafting (13) Quilting (4) Recipes (18) My Stuff Featured Projects Featured Projects Double-Take Helmet Set to Crochet IMAGE 12 pages $12 Chocolate Brownie Bump Ice Cream IMAGE 4 pages $9 Patriotic Flip-Flops IMAGE 2 pages $2 Double-Take Helmet Set to Crochet IMAGE 12 pages $12 Chocolate Brownie Bump Ice Cream IMAGE 4 pages $9 Patriotic Flip-Flops IMAGE 2 pages $2 Double-Take Helmet Set to Crochet IMAGE 12 pages $12 Chocolate Brownie Bump Ice Cream IMAGE 4 pages $9 Patriotic Flip-Flops IMAGE 2 pages $2 TAP
  34. @tbisaacs Search flights, hotels, cars, and more Starting to question

    if we need this drawer Hotel Statler Hilton $579 Hilton Garden Inn $449 Activities Hotels Near You This is the app’s default page. We’ll ask for the current location upon startup. The default sort for hotels is proximity, but we could also intermingle top secret and travelocity picks. “filmstrip” list of activities—although our current provider is really weak outside of top travel markets... Offer a global search with a voice button. (more later) Sign In / Up Nav: Nearby Flights Hotels Cars Favorites/History my trips get app find gas contact us full site faq flifo destinations REDACTED
  35. @tbisaacs Gamestop search for games or accessories Store Locator Order

    Lookup Weekly Ad BOX Call of Duty: Black Ops Xbox 360 Average User Rating: 8.0 BUY NEW Usually Ships in 24 hrs BUY PRE-OWNED Online Price Only Guaranteed To Play Buy at your local Gamestop: $49.99 $39.99 334 Share: REDACTED REDACTED
  36. @tbisaacs CLICK Story told by annotations and interactions

  37. @tbisaacs CLICK Story told by annotations and interactions TAP

  38. @tbisaacs CLICK Story told by annotations and interactions TAP Tap

  39. @tbisaacs All Things Considered Muybridge: The Man Who Made Pictures

    Move Settings Sports Talk Music Radio By Location All Things Considered News radio from Washington DC Add to presets On live in 3hr 33min from KNOW-FM 91.1 Similar Shows: Weekend Edition Sunday Weekend Edition Saturday Wait Wait, Don’t Tell Me Living on Earth Here and Now (NPR) Share All Things Considered (News) KERA 90.1 FM Hosts: Robert Siegel, Michele Norris, Melissa Block For two hours every weekday, hosts Robert Siegel, Michele Norris and Melissa Block present the program's trademark mix of news, interviews, commentaries, reviews, and offbeat features. Recent Topics More Stations & Times APR 13 2010 Muybridge: The Man Who Made Pictures Move A new exhibition at the Corcoran Gallery of Art in Washington, D.C., looks at the legacy of Eadweard Muybridge, whose sequential photographs of horses at a gallop their movements broken down frame by frame have become iconic APR 13 2010 Online Cartoonist Wins Pulitzer Mark Fiore is a self-syndicating cartoonist whose irreverent online animations appear on the San Francisco area news site SFGate.com. Fiore won a Pulitzer yesterday, one of the first two Pulitzers ever awarded to nontraditional media. Judges said his work set a high standard for an emerging form of commentary. APR 13 2010 Karadzic Genocide Trial Opens After Months Of Delay The trial of the former Bosnian Serb leader Radovan Karadzic resumed in The Hague on Tuesday, after months of procedural wrangles. Karadzic faces charges of genocide, crimes against humanity and war crimes relating to the war in the former Yugoslavia during the 1990s. APR 13 2010 Russian Adoption Case Belies Many Happy Adoptions Commentator Eric Weiner says recent adoption scandals involving Russia and Haiti represent adoption programs poorly. Happy families are too often overlooked, and spotlighting only the programs' blemishes hurts potential parents and the children they love. It's not adoptive children who are being saved; it's the adoptive parents who otherwise wouldn't have a child in their lives, he says. APR 13 2010 Study: Computer Security Measures Not All Worth It A new study by a researcher at Microsoft says that many security measures designed to spare people from computer attacks are a giant waste of time and money. Michele Norris speaks with Mark Pothier, a senior assistant business editor for The Boston Globe who has written about the research. LISTEN LISTEN LISTEN LISTEN LISTEN At just enough fidelity
  40. @tbisaacs It’s $79 $49 $19

  41. @tbisaacs Gorgeous Presentations

  42. @tbisaacs Crazy Portable

  43. None
  44. Insanely portable

  45. http:/ /www.flickr.com/photos/wicho/4532824380/

  46. http:/ /www.flickr.com/photos/ippei-janine/5804239132/sizes/o/in/photostream/

  47. http:/ /www.flickr.com/photos/jamesreeve/5930449160/sizes/l/in/photostream/

  48. Fully functional* *if you are working solely on the iPad

  49. None
  50. None
  51. None
  52. None
  53. None
  54. You can have any slide size that you want, as

    long as it’s 1024x768
  55. None
  56. No “action” builds

  57. None
  58. No locked objects

  59. No custom master slides

  60. Too bad.

  61. None
  62. You can’t edit grouped elements

  63. None
  64. None
  65. None
  66. @tbisaacs Powerful Drawing Tools

  67. @tbisaacs MARKED FOR LIFE TATTOO CUSTOMER INFORMATION LAST NAME: 1

    FIRST NAME: STREET: 2 CITY: STATE: ZIPCODE: DAYTIME PHONE: 3 EVENING PHONE: - - - - IDENTIFICATION: The Indiana Health Department requires a photo identification and a proof of signature: 4 Photo ID provided (check one): Driver’s License Student ID State ID Employee ID Other photo ID: Signature ID provided (check one): Credit/Debit card Calling card Wholesale membership card Hunting/Fishing license Other: Please attach your ID’s to this form so they can be photocopied. SIGNATURE: 6 DATE: - - I hereby affirm under the penalties of purgery that the preceding statements are true/correct to the best of my knowledge. DATE OF BIRTH: 5 / / If you are under 18, a guardian will need to sign for you (below) ! GUARDIAN CONSENT (ONLY NEEDED FOR MINORS) LAST NAME: FIRST NAME: NOTE: The information below is required by the Indiana Health Department. All information will kept confidential. http:/ /travisisaacs.com/2008/07/31/information-design-tattoos/ Where this whole Keynote thing started...
  68. @tbisaacs 4 Use the diagram below to indicate where your

    tattoo(s) or piercing(s) will be located: FRONT BACK RIGHT EAR LEFT EAR SIGNATURE: 5 DATE: - - I hereby affirm under the penalties of purgery that the preceding statements are true/correct to the best of my knowledge. http:/ /travisisaacs.com/2008/07/31/information-design-tattoos/
  69. @tbisaacs

  70. @tbisaacs

  71. @tbisaacs

  72. @tbisaacs

  73. @tbisaacs

  74. @tbisaacs

  75. @tbisaacs

  76. @tbisaacs Flexible Output

  77. @tbisaacs my_idea.pdf Document Presentation Prototype

  78. @tbisaacs

  79. @tbisaacs

  80. @tbisaacs Reusable Artifacts

  81. @tbisaacs WIREFRAME Keynote PROTOTYPE HTML, CSS, jQuery, 960.gs VISUAL COMP

    Photoshop SKETCH Pencil & Paper
  82. @tbisaacs WIREFRAME Keynote PROTOTYPE HTML, CSS, jQuery, 960.gs VISUAL COMP

    Photoshop ETCH & Paper Much less emotional investment in bad ideas
  83. @tbisaacs EASY FOR CLIENTS TO UNDERSTAND HARD FOR CLIENTS TO

    UNDERSTAND HARD FOR DESIGNER EASY FOR DESIGNER WIREFRAME INTERACTIVE WIREFRAME VISUAL COMP HTML PROTOTYPE DESIGN DOCUMENT
  84. @tbisaacs EASY FOR CLIENTS TO UNDERSTAND HARD FOR CLIENTS TO

    UNDERSTAND HARD FOR DESIGNER EASY FOR DESIGNER WIREFRAME INTERACTIVE WIREFRAME VISUAL COMP HTML PROTOTYPE DESIGN DOCUMENT “Don’t show clients wire"ames. Ever.” - Internet Famous Designer
  85. @tbisaacs EASY FOR CLIENTS TO UNDERSTAND HARD FOR CLIENTS TO

    UNDERSTAND HARD FOR DESIGNER EASY FOR DESIGNER WIREFRAME INTERACTIVE WIREFRAME VISUAL COMP HTML PROTOTYPE DESIGN DOCUMENT Agreed. Hide these
  86. @tbisaacs EASY FOR CLIENTS TO UNDERSTAND HARD FOR CLIENTS TO

    UNDERSTAND HARD FOR DESIGNER EASY FOR DESIGNER WIREFRAME INTERACTIVE WIREFRAME VISUAL COMP HTML PROTOTYPE DESIGN DOCUMENT Show these early and often
  87. @tbisaacs EASY FOR CLIENTS TO UNDERSTAND HARD FOR CLIENTS TO

    UNDERSTAND HARD FOR DESIGNER EASY FOR DESIGNER WIREFRAME INTERACTIVE WIREFRAME VISUAL COMP HTML PROTOTYPE DESIGN DOCUMENT Ideal, but can be costly to create
  88. @tbisaacs EASY FOR CLIENTS TO UNDERSTAND HARD FOR CLIENTS TO

    UNDERSTAND HARD FOR DESIGNER EASY FOR DESIGNER WIREFRAME INTERACTIVE WIREFRAME VISUAL COMP HTML PROTOTYPE DESIGN DOCUMENT Polished, but difficult to describe interaction
  89. @tbisaacs EASY FOR CLIENTS TO UNDERSTAND HARD FOR CLIENTS TO

    UNDERSTAND HARD FOR DESIGNER EASY FOR DESIGNER WIREFRAME INTERACTIVE WIREFRAME VISUAL COMP HTML PROTOTYPE DESIGN DOCUMENT Enough fidelity, interactive, cheap to create
  90. @tbisaacs Enough fidelity, interactive, cheap to create Enough fidelity, interactive,

    cheap to create
  91. @tbisaacs Enough fidelity, interactive, cheap to create

  92. @tbisaacs idea good idea

  93. @tbisaacs idea good idea

  94. @tbisaacs idea good idea

  95. @tbisaacs idea good idea “Your first design may be the

    best, but you won’t know until you can’t find a better one.” Jason Fried
  96. @tbisaacs Lab

  97. @tbisaacs Quick Show Of Hands: Do You Have Keynote (with

    you?)
  98. @tbisaacs Quick Show Of Hands: Keynote for iOS (with you)?

  99. @tbisaacs Quick Show Of Hands: Powerpoint?

  100. @tbisaacs Quick Show Of Hands: Do you have an iPhone?

  101. @tbisaacs Quick Show Of Hands: Do you have an iPad?

  102. @tbisaacs Quick Show Of Hands: Do you have an Android

    device?
  103. @tbisaacs Environment Setup Working With Shapes & Objects Visual Design

    Linking, Animations, and Interactions Testing On-Device Prototyping Exercise Show & Tell
  104. @tbisaacs Environment Setup Working With Shapes & Objects Visual Design

    Linking, Animations, and Interactions Testing On-Device Prototyping Exercise Show & Tell Keynote Basics
  105. @tbisaacs Environment Setup Working With Shapes & Objects Visual Design

    Linking, Animations, and Interactions Testing On-Device Prototyping Exercise Show & Tell The Fun Stuff
  106. @tbisaacs You Your turn to do something

  107. @tbisaacs Environment Setup

  108. @tbisaacs You

  109. @tbisaacs You

  110. @tbisaacs You Pull

  111. @tbisaacs You

  112. @tbisaacs You

  113. @tbisaacs tbisaacs Accounts Search Timeline @ 10:00 AM CARRIER 3G

    axbomhyperlink I must say, I love wireframing in #keynotekungfu http://uxa.se/kkfu - 2 more pages, then off to #blonski 1 hour annettepriest prototyping for iPhone and about to compare Mockapp.com with Keynotekungfu.com. Should be an interesting battle. 1 hour gldnspud Verdict: http://keynotekungfu.com is AWESOME. Thank you @tbisaacs!!! 1 hour New Tweet Includes device chrome, meant to be displayed on screen
  114. @tbisaacs tbisaacs Accounts Search Timeline @ 10:00 AM CARRIER 3G

    axbomhyperlink I must say, I love wireframing in #keynotekungfu http://uxa.se/kkfu - 2 more pages, then off to #blonski 1 hour annettepriest prototyping for iPhone and about to compare Mockapp.com with Keynotekungfu.com. Should be an interesting battle. 1 hour gldnspud Verdict: http://keynotekungfu.com is AWESOME. Thank you @tbisaacs!!! 1 hour New Tweet No chrome, meant to be shown on the device
  115. @tbisaacs You

  116. @tbisaacs Wireframe In Here Prototype In Here

  117. @tbisaacs Bad Ideas Good Ideas Safety Net

  118. @tbisaacs Master Slide Slide

  119. @tbisaacs Static Interactive

  120. @tbisaacs

  121. @tbisaacs

  122. @tbisaacs

  123. @tbisaacs You

  124. @tbisaacs You

  125. @tbisaacs You CLICK

  126. @tbisaacs

  127. @tbisaacs

  128. @tbisaacs You

  129. @tbisaacs You

  130. @tbisaacs You DRAG

  131. @tbisaacs You

  132. @tbisaacs You

  133. @tbisaacs Working With Shapes & Objects

  134. @tbisaacs

  135. @tbisaacs Shift+ Arrow Key: Move 10 pixels at a time

  136. @tbisaacs Shift+ Arrow Key: Move 10 pixels at a time

  137. @tbisaacs Shift+ Drag: Constrain Movement

  138. @tbisaacs Shift+ Drag: Constrain Movement

  139. @tbisaacs Shift+ Resize: Resize Proportionally

  140. @tbisaacs Shift+ Resize: Resize Proportionally

  141. @tbisaacs Option+Resize: Resize from center

  142. @tbisaacs Option+Resize: Resize from center

  143. @tbisaacs You

  144. @tbisaacs You

  145. @tbisaacs You

  146. @tbisaacs You

  147. @tbisaacs You

  148. @tbisaacs You

  149. @tbisaacs You alt option + click

  150. @tbisaacs You

  151. @tbisaacs You

  152. @tbisaacs

  153. @tbisaacs ⌘ command make point editable shift constrain point placement

    to 0°/45°/90° angles
  154. @tbisaacs Visual Design

  155. @tbisaacs Select

  156. @tbisaacs Select Select

  157. @tbisaacs Select Select Select

  158. @tbisaacs Select Select Select Select

  159. @tbisaacs Select Select Select Select Select

  160. @tbisaacs Select Select Select Select Select

  161. @tbisaacs Select Select Select Select Select

  162. @tbisaacs Select Select Select Select Select

  163. @tbisaacs Select Select Select Select Select

  164. @tbisaacs Select Select Select Select Select

  165. @tbisaacs You Select Select Select Select Select

  166. @tbisaacs

  167. @tbisaacs

  168. @tbisaacs

  169. @tbisaacs

  170. @tbisaacs

  171. @tbisaacs You

  172. @tbisaacs You

  173. @tbisaacs You

  174. @tbisaacs You

  175. @tbisaacs You

  176. @tbisaacs

  177. @tbisaacs Mail Search Print Radiation

  178. @tbisaacs

  179. @tbisaacs Mail Search Print Radiation

  180. @tbisaacs Mail Search Print Radiation

  181. @tbisaacs Mail Search Print Radiation

  182. @tbisaacs Mail Search Print Radiation

  183. @tbisaacs Mail Search Print Radiation

  184. @tbisaacs Mail Search Print Radiation

  185. @tbisaacs Mail Search Print Radiation

  186. @tbisaacs Links & Interactions

  187. @tbisaacs 163 Activity Log Updated 2 hours ago Skilled Athlete

    Meals & Snacks Weight & Stats Progress Photo Today Sleep Activity ZZZ Supplements 2 0 1 1 3 2 Vitals 1 Activity Log Updated 2 hours ago Skilled Athlete Meals & Snacks Weight & Stats Progress Photo Today Sleep Activity ZZZ Supplements 2 0 1 1 3 2 Vitals 1 Sunday, July 24 July 2011 July 2011 July 2011 July 2011 July 2011 July 2011 July 2011 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  Activity Log Updated 2 hours ago Skilled Athlete Today Blueberries, bbq chicken breast, macadamia nuts. 1:11 pm 2 4 Ground beef, broccoli, cauliflower, and almonds. 8:14 am ZZZ 17 minute nap 10:33 am 0 0 1 tbsp Nordic Naturals fish oil 8:14 am Yesterday Blueberries, bbq chicken breast, macadamia nuts. 1:11 pm 0 New weigh-in: 145 pounds 8:14 am 9 Record A Meal Back Record Describe your meal Was meal Paleo? Did meal have dairy? NO YES Sharing Facebook Twitter YES YES
  188. @tbisaacs Wireframe

  189. @tbisaacs tbisaacs Accounts Search Timeline 10:00 AM CARRIER 3G @

    axbomhyperlink I must say, I love wireframing in #keynotekungfu http://uxa.se/kkfu - 2 more pages, then off to #blonski 1 hour annettepriest prototyping for iPhone and about to compare Mockapp.com with Keynotekungfu.com. Should be an interesting battle. 1 hour gldnspud Verdict: http://keynotekungfu.com is AWESOME. Thank you @tbisaacs!!! 1 hour New Tweet Prototype
  190. @tbisaacs Keynote’s powerful linking system allows the creation of completely

    non-linear , stand-alone prototypes.
  191. @tbisaacs #MIMASummit 167 Activity Log Updated 2 hours ago Skilled

    Athlete Meals & Snacks Weight & Stats Progress Photo Today Sleep Activity ZZZ Supplements 2 0 1 1 3 2 Vitals 1 Activity Log Updated 2 hours ago Skilled Athlete Meals & Snacks Weight & Stats Progress Photo Today Sleep Activity ZZZ Supplements 2 0 1 1 3 2 Vitals 1 Sunday, July 24 July 2011 July 2011 July 2011 July 2011 July 2011 July 2011 July 2011 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  Activity Log Updated 2 hours ago Skilled Athlete Today Blueberries, bbq chicken breast, macadamia nuts. 1:11 pm 2 4 Ground beef, broccoli, cauliflower, and almonds. 8:14 am ZZZ 17 minute nap 10:33 am 0 0 1 tbsp Nordic Naturals fish oil 8:14 am Yesterday Blueberries, bbq chicken breast, macadamia nuts. 1:11 pm 0 New weigh-in: 145 pounds 8:14 am 9 Record A Meal Back Record Describe your meal Was meal Paleo? Did meal have dairy? NO YES Sharing Facebook Twitter YES YES
  192. @tbisaacs #MIMASummit 168

  193. @tbisaacs #MIMASummit 169

  194. @tbisaacs #MIMASummit Activity Log Updated 2 hours ago Skilled Athlete

    Meals & Snacks Weight & Stats Progress Photo Today Sleep Activity ZZZ Supplements 2 0 1 1 3 2 Vitals 1 Select 4 Always link to a slide number!
  195. @tbisaacs #MIMASummit Activity Log Updated 2 hours ago Skilled Athlete

    Meals & Snacks Weight & Stats Progress Photo Today Sleep Activity ZZZ Supplements 2 0 1 1 3 2 Vitals 1 Select 2
  196. @tbisaacs #MIMASummit Activity Log Updated 2 hours ago Skilled Athlete

    Meals & Snacks Weight & Stats Progress Photo Today Sleep Activity ZZZ Supplements 2 0 1 1 3 2 Vitals 1 Select 3
  197. @tbisaacs #MIMASummit 1 Record A Meal Back Record Describe your

    meal Was meal Paleo? Did meal have dairy? NO YES Sharing Facebook Twitter YES YES Select Select
  198. @tbisaacs 10:00 AM CARRIER 3G My Places Downtown 12345 Maple

    Drive, Dallas, TX 76051 West Side 12345 Maple Drive, Dallas, TX 76051 Midway 12345 Maple Drive, Dallas, TX 76051
  199. @tbisaacs 10:00 AM CARRIER 3G My Places Super Secret Menu

    Downtown 12345 Maple Drive, Dallas, TX 76051 West Side 12345 Maple Drive, Dallas, TX 76051 Midway 12345 Maple Drive, Dallas, TX 76051
  200. @tbisaacs 10:00 AM CARRIER 3G My Places Super Secret Menu

    Downtown 12345 Maple Drive, Dallas, TX 76051 West Side 12345 Maple Drive, Dallas, TX 76051 Midway 12345 Maple Drive, Dallas, TX 76051
  201. @tbisaacs 10:00 AM CARRIER 3G My Places Super Secret Menu

    Downtown 12345 Maple Drive, Dallas, TX 76051 West Side 12345 Maple Drive, Dallas, TX 76051 Midway 12345 Maple Drive, Dallas, TX 76051
  202. @tbisaacs 10:00 AM CARRIER 3G My Places Super Secret Menu

    Downtown 12345 Maple Drive, Dallas, TX 76051 West Side 12345 Maple Drive, Dallas, TX 76051 Midway 12345 Maple Drive, Dallas, TX 76051
  203. @tbisaacs open animation close animation

  204. @tbisaacs You

  205. @tbisaacs You

  206. @tbisaacs Testing On Device

  207. @tbisaacs

  208. @tbisaacs

  209. @tbisaacs

  210. @tbisaacs

  211. @tbisaacs

  212. @tbisaacs Limited by file size

  213. @tbisaacs

  214. @tbisaacs

  215. @tbisaacs CLICK

  216. @tbisaacs

  217. @tbisaacs

  218. @tbisaacs Dropbox

  219. @tbisaacs

  220. @tbisaacs

  221. @tbisaacs

  222. @tbisaacs

  223. @tbisaacs

  224. @tbisaacs

  225. @tbisaacs

  226. @tbisaacs

  227. @tbisaacs

  228. @tbisaacs TAP

  229. @tbisaacs The slide action is disruptive to the prototype

  230. @tbisaacs

  231. @tbisaacs Let’s try iBooks!

  232. @tbisaacs

  233. @tbisaacs

  234. @tbisaacs

  235. @tbisaacs Let’s try GoodReader

  236. @tbisaacs

  237. @tbisaacs It looks complex upon initial view...

  238. @tbisaacs Looks promising.

  239. @tbisaacs Looks promising. TAP

  240. @tbisaacs Nailed it.

  241. @tbisaacs

  242. @tbisaacs Prototyping Exercise

  243. None
  244. None
  245. Blue construction paper texture is EXACTLY what this slide needs.

    AMIRIGHT?
  246. None
  247. None
  248. None
  249. None
  250. None
  251. None
  252. BOOM.

  253. 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 LESSON 6
  254. None
  255. 1 or alt + ⌘ + c

  256. 2 or alt + ⌘ + v

  257. 3 :)

  258. @tbisaacs

  259. @tbisaacs Select Photo Select a FB Photo Log In Timeline

    Camera Upload Edit Photo Edit photo information Share To Facebook Photo Let’s imagine Instagram with more Facebook: • You can now log in using Facebook Connect • “My Facebook Photos” becomes a photo source • Extended Facebook sharing options: • Post photo to a specific album (not just “Instagram Photos”) • Enhanced privacy controls (friends, friends of friends, private) • Tag a Facebook friend (ooh, facial recognition?!) • Make this photo my Facebook Profile Photo • Comments post on Facebook are aggregated into Instagram
  260. @tbisaacs And, Thank Y ou! GO FORTH AND BUILD.