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.

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
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
54. You can have any slide size that you want, as long as it’s 1024x768
56. No “action” builds
58. No locked objects
59. No custom master slides
60. Too bad.
62. You can’t edit grouped elements
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
245. Blue construction paper texture is EXACTLY what this slide needs. AMIRIGHT?
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
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.