Tweet
Tweet

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

@tbisaacs

Slide 4

Slide 4 text

@tbisaacs CLICK CLICK

Slide 5

Slide 5 text

@tbisaacs

Slide 6

Slide 6 text

@tbisaacs DISCUSSION LECTURE LAB BREAK

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

@tbisaacs I don’t wireframe.

Slide 13

Slide 13 text

@tbisaacs 12

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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:

Slide 20

Slide 20 text

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”

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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”

Slide 25

Slide 25 text

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...

Slide 26

Slide 26 text

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”

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

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  

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

@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

Slide 32

Slide 32 text

@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

Slide 33

Slide 33 text

@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

Slide 34

Slide 34 text

@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

Slide 35

Slide 35 text

@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

Slide 36

Slide 36 text

@tbisaacs CLICK Story told by annotations and interactions

Slide 37

Slide 37 text

@tbisaacs CLICK Story told by annotations and interactions TAP

Slide 38

Slide 38 text

@tbisaacs CLICK Story told by annotations and interactions TAP Tap

Slide 39

Slide 39 text

@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

Slide 40

Slide 40 text

@tbisaacs It’s $79 $49 $19

Slide 41

Slide 41 text

@tbisaacs Gorgeous Presentations

Slide 42

Slide 42 text

@tbisaacs Crazy Portable

Slide 43

Slide 43 text

No content

Slide 44

Slide 44 text

Insanely portable

Slide 45

Slide 45 text

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

Slide 46

Slide 46 text

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

Slide 47

Slide 47 text

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

Slide 48

Slide 48 text

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

Slide 49

Slide 49 text

No content

Slide 50

Slide 50 text

No content

Slide 51

Slide 51 text

No content

Slide 52

Slide 52 text

No content

Slide 53

Slide 53 text

No content

Slide 54

Slide 54 text

You can have any slide size that you want, as long as it’s 1024x768

Slide 55

Slide 55 text

No content

Slide 56

Slide 56 text

No “action” builds

Slide 57

Slide 57 text

No content

Slide 58

Slide 58 text

No locked objects

Slide 59

Slide 59 text

No custom master slides

Slide 60

Slide 60 text

Too bad.

Slide 61

Slide 61 text

No content

Slide 62

Slide 62 text

You can’t edit grouped elements

Slide 63

Slide 63 text

No content

Slide 64

Slide 64 text

No content

Slide 65

Slide 65 text

No content

Slide 66

Slide 66 text

@tbisaacs Powerful Drawing Tools

Slide 67

Slide 67 text

@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...

Slide 68

Slide 68 text

@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/

Slide 69

Slide 69 text

@tbisaacs

Slide 70

Slide 70 text

@tbisaacs

Slide 71

Slide 71 text

@tbisaacs

Slide 72

Slide 72 text

@tbisaacs

Slide 73

Slide 73 text

@tbisaacs

Slide 74

Slide 74 text

@tbisaacs

Slide 75

Slide 75 text

@tbisaacs

Slide 76

Slide 76 text

@tbisaacs Flexible Output

Slide 77

Slide 77 text

@tbisaacs my_idea.pdf Document Presentation Prototype

Slide 78

Slide 78 text

@tbisaacs

Slide 79

Slide 79 text

@tbisaacs

Slide 80

Slide 80 text

@tbisaacs Reusable Artifacts

Slide 81

Slide 81 text

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

Slide 82

Slide 82 text

@tbisaacs WIREFRAME Keynote PROTOTYPE HTML, CSS, jQuery, 960.gs VISUAL COMP Photoshop ETCH & Paper Much less emotional investment in bad ideas

Slide 83

Slide 83 text

@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

Slide 84

Slide 84 text

@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

Slide 85

Slide 85 text

@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

Slide 86

Slide 86 text

@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

Slide 87

Slide 87 text

@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

Slide 88

Slide 88 text

@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

Slide 89

Slide 89 text

@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

Slide 90

Slide 90 text

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

Slide 91

Slide 91 text

@tbisaacs Enough fidelity, interactive, cheap to create

Slide 92

Slide 92 text

@tbisaacs idea good idea

Slide 93

Slide 93 text

@tbisaacs idea good idea

Slide 94

Slide 94 text

@tbisaacs idea good idea

Slide 95

Slide 95 text

@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

Slide 96

Slide 96 text

@tbisaacs Lab

Slide 97

Slide 97 text

@tbisaacs Quick Show Of Hands: Do You Have Keynote (with you?)

Slide 98

Slide 98 text

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

Slide 99

Slide 99 text

@tbisaacs Quick Show Of Hands: Powerpoint?

Slide 100

Slide 100 text

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

Slide 101

Slide 101 text

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

Slide 102

Slide 102 text

@tbisaacs Quick Show Of Hands: Do you have an Android device?

Slide 103

Slide 103 text

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

Slide 104

Slide 104 text

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

Slide 105

Slide 105 text

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

Slide 106

Slide 106 text

@tbisaacs You Your turn to do something

Slide 107

Slide 107 text

@tbisaacs Environment Setup

Slide 108

Slide 108 text

@tbisaacs You

Slide 109

Slide 109 text

@tbisaacs You

Slide 110

Slide 110 text

@tbisaacs You Pull

Slide 111

Slide 111 text

@tbisaacs You

Slide 112

Slide 112 text

@tbisaacs You

Slide 113

Slide 113 text

@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

Slide 114

Slide 114 text

@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

Slide 115

Slide 115 text

@tbisaacs You

Slide 116

Slide 116 text

@tbisaacs Wireframe In Here Prototype In Here

Slide 117

Slide 117 text

@tbisaacs Bad Ideas Good Ideas Safety Net

Slide 118

Slide 118 text

@tbisaacs Master Slide Slide

Slide 119

Slide 119 text

@tbisaacs Static Interactive

Slide 120

Slide 120 text

@tbisaacs

Slide 121

Slide 121 text

@tbisaacs

Slide 122

Slide 122 text

@tbisaacs

Slide 123

Slide 123 text

@tbisaacs You

Slide 124

Slide 124 text

@tbisaacs You

Slide 125

Slide 125 text

@tbisaacs You CLICK

Slide 126

Slide 126 text

@tbisaacs

Slide 127

Slide 127 text

@tbisaacs

Slide 128

Slide 128 text

@tbisaacs You

Slide 129

Slide 129 text

@tbisaacs You

Slide 130

Slide 130 text

@tbisaacs You DRAG

Slide 131

Slide 131 text

@tbisaacs You

Slide 132

Slide 132 text

@tbisaacs You

Slide 133

Slide 133 text

@tbisaacs Working With Shapes & Objects

Slide 134

Slide 134 text

@tbisaacs

Slide 135

Slide 135 text

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

Slide 136

Slide 136 text

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

Slide 137

Slide 137 text

@tbisaacs Shift+ Drag: Constrain Movement

Slide 138

Slide 138 text

@tbisaacs Shift+ Drag: Constrain Movement

Slide 139

Slide 139 text

@tbisaacs Shift+ Resize: Resize Proportionally

Slide 140

Slide 140 text

@tbisaacs Shift+ Resize: Resize Proportionally

Slide 141

Slide 141 text

@tbisaacs Option+Resize: Resize from center

Slide 142

Slide 142 text

@tbisaacs Option+Resize: Resize from center

Slide 143

Slide 143 text

@tbisaacs You

Slide 144

Slide 144 text

@tbisaacs You

Slide 145

Slide 145 text

@tbisaacs You

Slide 146

Slide 146 text

@tbisaacs You

Slide 147

Slide 147 text

@tbisaacs You

Slide 148

Slide 148 text

@tbisaacs You

Slide 149

Slide 149 text

@tbisaacs You alt option + click

Slide 150

Slide 150 text

@tbisaacs You

Slide 151

Slide 151 text

@tbisaacs You

Slide 152

Slide 152 text

@tbisaacs

Slide 153

Slide 153 text

@tbisaacs ⌘ command make point editable shift constrain point placement to 0°/45°/90° angles

Slide 154

Slide 154 text

@tbisaacs Visual Design

Slide 155

Slide 155 text

@tbisaacs Select

Slide 156

Slide 156 text

@tbisaacs Select Select

Slide 157

Slide 157 text

@tbisaacs Select Select Select

Slide 158

Slide 158 text

@tbisaacs Select Select Select Select

Slide 159

Slide 159 text

@tbisaacs Select Select Select Select Select

Slide 160

Slide 160 text

@tbisaacs Select Select Select Select Select

Slide 161

Slide 161 text

@tbisaacs Select Select Select Select Select

Slide 162

Slide 162 text

@tbisaacs Select Select Select Select Select

Slide 163

Slide 163 text

@tbisaacs Select Select Select Select Select

Slide 164

Slide 164 text

@tbisaacs Select Select Select Select Select

Slide 165

Slide 165 text

@tbisaacs You Select Select Select Select Select

Slide 166

Slide 166 text

@tbisaacs

Slide 167

Slide 167 text

@tbisaacs

Slide 168

Slide 168 text

@tbisaacs

Slide 169

Slide 169 text

@tbisaacs

Slide 170

Slide 170 text

@tbisaacs

Slide 171

Slide 171 text

@tbisaacs You

Slide 172

Slide 172 text

@tbisaacs You

Slide 173

Slide 173 text

@tbisaacs You

Slide 174

Slide 174 text

@tbisaacs You

Slide 175

Slide 175 text

@tbisaacs You

Slide 176

Slide 176 text

@tbisaacs

Slide 177

Slide 177 text

@tbisaacs Mail Search Print Radiation

Slide 178

Slide 178 text

@tbisaacs

Slide 179

Slide 179 text

@tbisaacs Mail Search Print Radiation

Slide 180

Slide 180 text

@tbisaacs Mail Search Print Radiation

Slide 181

Slide 181 text

@tbisaacs Mail Search Print Radiation

Slide 182

Slide 182 text

@tbisaacs Mail Search Print Radiation

Slide 183

Slide 183 text

@tbisaacs Mail Search Print Radiation

Slide 184

Slide 184 text

@tbisaacs Mail Search Print Radiation

Slide 185

Slide 185 text

@tbisaacs Mail Search Print Radiation

Slide 186

Slide 186 text

@tbisaacs Links & Interactions

Slide 187

Slide 187 text

@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

Slide 188

Slide 188 text

@tbisaacs Wireframe

Slide 189

Slide 189 text

@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

Slide 190

Slide 190 text

@tbisaacs Keynote’s powerful linking system allows the creation of completely non-linear , stand-alone prototypes.

Slide 191

Slide 191 text

@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

Slide 192

Slide 192 text

@tbisaacs #MIMASummit 168

Slide 193

Slide 193 text

@tbisaacs #MIMASummit 169

Slide 194

Slide 194 text

@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!

Slide 195

Slide 195 text

@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

Slide 196

Slide 196 text

@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

Slide 197

Slide 197 text

@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

Slide 198

Slide 198 text

@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

Slide 199

Slide 199 text

@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

Slide 200

Slide 200 text

@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

Slide 201

Slide 201 text

@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

Slide 202

Slide 202 text

@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

Slide 203

Slide 203 text

@tbisaacs open animation close animation

Slide 204

Slide 204 text

@tbisaacs You

Slide 205

Slide 205 text

@tbisaacs You

Slide 206

Slide 206 text

@tbisaacs Testing On Device

Slide 207

Slide 207 text

@tbisaacs

Slide 208

Slide 208 text

@tbisaacs

Slide 209

Slide 209 text

@tbisaacs

Slide 210

Slide 210 text

@tbisaacs

Slide 211

Slide 211 text

@tbisaacs

Slide 212

Slide 212 text

@tbisaacs Limited by file size

Slide 213

Slide 213 text

@tbisaacs

Slide 214

Slide 214 text

@tbisaacs

Slide 215

Slide 215 text

@tbisaacs CLICK

Slide 216

Slide 216 text

@tbisaacs

Slide 217

Slide 217 text

@tbisaacs

Slide 218

Slide 218 text

@tbisaacs Dropbox

Slide 219

Slide 219 text

@tbisaacs

Slide 220

Slide 220 text

@tbisaacs

Slide 221

Slide 221 text

@tbisaacs

Slide 222

Slide 222 text

@tbisaacs

Slide 223

Slide 223 text

@tbisaacs

Slide 224

Slide 224 text

@tbisaacs

Slide 225

Slide 225 text

@tbisaacs

Slide 226

Slide 226 text

@tbisaacs

Slide 227

Slide 227 text

@tbisaacs

Slide 228

Slide 228 text

@tbisaacs TAP

Slide 229

Slide 229 text

@tbisaacs The slide action is disruptive to the prototype

Slide 230

Slide 230 text

@tbisaacs

Slide 231

Slide 231 text

@tbisaacs Let’s try iBooks!

Slide 232

Slide 232 text

@tbisaacs

Slide 233

Slide 233 text

@tbisaacs

Slide 234

Slide 234 text

@tbisaacs

Slide 235

Slide 235 text

@tbisaacs Let’s try GoodReader

Slide 236

Slide 236 text

@tbisaacs

Slide 237

Slide 237 text

@tbisaacs It looks complex upon initial view...

Slide 238

Slide 238 text

@tbisaacs Looks promising.

Slide 239

Slide 239 text

@tbisaacs Looks promising. TAP

Slide 240

Slide 240 text

@tbisaacs Nailed it.

Slide 241

Slide 241 text

@tbisaacs

Slide 242

Slide 242 text

@tbisaacs Prototyping Exercise

Slide 243

Slide 243 text

No content

Slide 244

Slide 244 text

No content

Slide 245

Slide 245 text

Blue construction paper texture is EXACTLY what this slide needs. AMIRIGHT?

Slide 246

Slide 246 text

No content

Slide 247

Slide 247 text

No content

Slide 248

Slide 248 text

No content

Slide 249

Slide 249 text

No content

Slide 250

Slide 250 text

No content

Slide 251

Slide 251 text

No content

Slide 252

Slide 252 text

BOOM.

Slide 253

Slide 253 text

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

Slide 254

Slide 254 text

No content

Slide 255

Slide 255 text

1 or alt + ⌘ + c

Slide 256

Slide 256 text

2 or alt + ⌘ + v

Slide 257

Slide 257 text

3 :)

Slide 258

Slide 258 text

@tbisaacs

Slide 259

Slide 259 text

@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

Slide 260

Slide 260 text

@tbisaacs And, Thank Y ou! GO FORTH AND BUILD.