Travis Isaacs, cre­ator of Keynotekungfu​.com, will teach you how Keynote can accel­er­ate your entire design workflow—from dis­cov­ery, to wire­frames, to pro­to­type. Keynote not only gives you the advan­tage of speed during the design process, but also makes com­mu­ni­cat­ing design think­ing through sto­ry­telling an effort­less task.

1. KEYNOTE KUNG-FU:
Streamlining Your Design Workflow
With Keynote.
Travis Isaacs
1 @tbisaacs #MIMASummit

2. !
I don’t wireframe.
2 @tbisaacs #MIMASummit

3. 3 @tbisaacs #MIMASummit

4. 3 @tbisaacs #MIMASummit

5. Blinksale Travis Isaacs Settings Help Sign Out
Dashboard Projects Invoices & Estimates Clients Team New
Who is this for? name@example.com Addresses
Travis Isaacs
555 Maple Street
COMPANY LOGO Anywhere, TX 76054
SEND
Save for later or Cancel
SENT 10/09/2009
Add to invoice:
Invoice 1411 Due 11/9/2009 (NET 30)
Hours 66 hrs
KIND QTY DESCRIPTION PRICE TOTAL
HRS $100 $0.00 Expenses $433
New line Subtotal $0.00
Services
Tax (8.75%) $0.00
Freight $0.00
Total Due $0.00 Convert to estimate
Invoice theme:
Theme name
Invoice notes Theme name
Theme name

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

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

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

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

10. Plans Subdivisions Items Options Trade Partner Requests
Add Items to Frame I Walls and Joist (#1750 - the Venetian)
Components Labor Rates Fixed-Fee Services Substitution Code
Select a component class:
Appliances Windows Concrete Drywall Flooring
CLICK
Hardware Light Fixtures Plumbing Fixtures Lumber Masonry

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

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

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

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

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

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

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

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

19. L IC K
C
Story told by annotations and interactions
15 @tbisaacs #MIMASummit

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

21. “What can you do to te! the story with the least
amount of deliverables?”
- Boon Sheridan
17 @tbisaacs #MIMASummit

22. HARD FOR DESIGNER
HTML
PROTOTYPE DESIGN
DOCUMENT
VISUAL COMP
EASY FOR CLIENTS HI-FIDELITY HARD FOR CLIENTS
TO UNDERSTAND TO UNDERSTAND
WIREFRAME
WIREFRAME
EASY FOR DESIGNER
18 @tbisaacs #MIMASummit

23. HARD FOR DESIGNER
HTML
PROTOTYPE DESIGN
DOCUMENT
VISUAL COMP
“Don’t show clients
EASY FOR CLIENTS
TO UNDERSTAND
wire$ames. Ever.”
HI-FIDELITY
WIREFRAME
HARD FOR CLIENTS
TO UNDERSTAND
WIREFRAME
- Famous* Designer
EASY FOR DESIGNER * on the Internet
19 @tbisaacs #MIMASummit

24. HARD FOR DESIGNER
HTML
PROTOTYPE DESIGN
DOCUMENT
VISUAL COMP
Agreed. Hide these
EASY FOR CLIENTS HI-FIDELITY HARD FOR CLIENTS
TO UNDERSTAND TO UNDERSTAND
WIREFRAME
WIREFRAME
EASY FOR DESIGNER
20 @tbisaacs #MIMASummit

25. HARD FOR DESIGNER
HTML
PROTOTYPE DESIGN
DOCUMENT
VISUAL COMP
EASY FOR CLIENTS HI-FIDELITY HARD FOR CLIENTS
TO UNDERSTAND TO UNDERSTAND
WIREFRAME
WIREFRAME
EASY FOR DESIGNER
Show these early and often
21 @tbisaacs #MIMASummit

26. HARD FOR DESIGNER
Ideal , but can be costly to create
HTML
PROTOTYPE DESIGN
DOCUMENT
VISUAL COMP
EASY FOR CLIENTS HI-FIDELITY HARD FOR CLIENTS
TO UNDERSTAND TO UNDERSTAND
WIREFRAME
WIREFRAME
EASY FOR DESIGNER
22 @tbisaacs #MIMASummit

27. HARD FOR DESIGNER
Polished, but difficult to describe interaction
HTML
PROTOTYPE DESIGN
DOCUMENT
VISUAL COMP
EASY FOR CLIENTS HI-FIDELITY HARD FOR CLIENTS
TO UNDERSTAND TO UNDERSTAND
WIREFRAME
WIREFRAME
EASY FOR DESIGNER
23 @tbisaacs #MIMASummit

28. HARD FOR DESIGNER
HTML
PROTOTYPE DESIGN
DOCUMENT
VISUAL COMP
EASY FOR CLIENTS HI-FIDELITY HARD FOR CLIENTS
TO UNDERSTAND TO UNDERSTAND
WIREFRAME
WIREFRAME
Enough fidelity, interactive, cheap to create
EASY FOR DESIGNER
24 @tbisaacs #MIMASummit

29. It’s $79 $49 $19
25 @tbisaacs #MIMASummit

30. Gorgeous Presentations
26 @tbisaacs #MIMASummit

31. Crazy Portable
27 @tbisaacs #MIMASummit

32. Powerful Drawing Tools
28 @tbisaacs #MIMASummit

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

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

35. Primitive Shapes
31 @tbisaacs #MIMASummit

36. Solid fill
Gradient fill
Radial gradients
Image fill
Alpha transparency
32 @tbisaacs #MIMASummit

37. Full-featured type control
33 @tbisaacs #MIMASummit

38. wirefra
me
34 @tbisaacs #MIMASummit

39. inte sketch
rvie
ws
wirefra
me
project plan
notes
35 @tbisaacs #MIMASummit

40. Notes Planning Pitch
1 3 5
2 4
Microframes Wireframing
36 @tbisaacs #MIMASummit

41. Notes Planning Pitch
1 3 5
2 4
Microframes Wireframing
37 @tbisaacs #MIMASummit

42. Conference App Ideas Meeting 07/11/2011 Jane Stakeholder / Travis Isaacs / Dustin Askins
Brief To wireframe...
An iPhone or Android, preferably iPhone, application that can be used to find • Desktop website
conferences beforehand and day of when attending--so many apps get this part wrong, • Mobile website
you have to search when you’re there at the conference wanting to get info, geo-locate!
• iPhone application
Once you’re there, browse the schedule, get session info, mark sessions you’re
• iPad application
interested in, and check-in to sessions once there.
• Storyboad the video...
Branding / Logo
• Some kind of badge-like logo
• Conference Companion Timeline
• Lanyard - already exists! • Two weeks to wireframe
• Lanyarrrd • One week to create video
Kind of pirate themed?
• Launch website
• Launch app
Jane, “Love it.”
• On the site, “forrr iPhone” “forrr iPad”
Website
• App store link
• Screenshots
• Promo video
• Testimonials
• Mention that it’s free to use and free to list
38 @tbisaacs #MIMASummit

43. Conference App Ideas Meeting 07/11/2011 Jane Stakeholder / Travis Isaacs / Dustin Askins
Brief To wireframe...
An iPhone or Android, preferably iPhone, application that can be used to find • Desktop website
conferences beforehand and day of when attending--so many apps get this part wrong, • Mobile website
you have to search when you’re there at the conference wanting to get info, geo-locate!
Once you’re there, browse the schedule, get session info, mark sessions you’re
• iPhone application
• iPad application
Who’s there?
interested in, and check-in to sessions once there.
• Storyboad the video...
Branding / Logo
• Some kind of badge-like logo
• Conference Companion Timeline
• Lanyard - already exists! • Two weeks to wireframe
• Lanyarrrd • One week to create video
Kind of pirate themed?
• Launch website
• Launch app
Jane, “Love it.”
• On the site, “forrr iPhone” “forrr iPad”
Website
• App store link
• Screenshots
• Promo video
• Testimonials
• Mention that it’s free to use and free to list
38 @tbisaacs #MIMASummit

44. Conference App Ideas Meeting 07/11/2011 Jane Stakeholder / Travis Isaacs / Dustin Askins
Brief To wireframe...
An iPhone or Android, preferably iPhone, application that can be used to find • Desktop website
conferences beforehand and day of when attending--so many apps get this part wrong, • Mobile website
you have to search when you’re there at the conference wanting to get info, geo-locate!
Once you’re there, browse the schedule, get session info, mark sessions you’re
• iPhone application
• iPad application
Who’s there?
interested in, and check-in to sessions once there.
• Storyboad the video...
Branding / Logo
• Some kind of badge-like logo
• Conference Companion Timeline
• Lanyard - already exists! • Two weeks to wireframe
• Lanyarrrd • One week to create video
Kind of pirate themed?
• Launch website
• Launch app
Jane, “Love it.”
• On the site, “forrr iPhone” “forrr iPad”
What’s said?
Website
• App store link
• Screenshots
• Promo video
• Testimonials
• Mention that it’s free to use and free to list
38 @tbisaacs #MIMASummit

45. Conference App Ideas Meeting 07/11/2011 Jane Stakeholder / Travis Isaacs / Dustin Askins
Brief To wireframe...
An iPhone or Android, preferably iPhone, application that can be used to find • Desktop website
conferences beforehand and day of when attending--so many apps get this part wrong, • Mobile website
What to do?
you have to search when you’re there at the conference wanting to get info, geo-locate!
Once you’re there, browse the schedule, get session info, mark sessions you’re
• iPhone application
Who’s there?
• iPad application
interested in, and check-in to sessions once there.
• Storyboad the video...
Branding / Logo
• Some kind of badge-like logo
• Conference Companion Timeline
• Lanyard - already exists! • Two weeks to wireframe
• Lanyarrrd • One week to create video
Kind of pirate themed?
• Launch website
• Launch app
Jane, “Love it.”
• On the site, “forrr iPhone” “forrr iPad”
What’s said?
Website
• App store link
• Screenshots
• Promo video
• Testimonials
• Mention that it’s free to use and free to list
38 @tbisaacs #MIMASummit

46. Conference App Ideas Meeting 07/11/2011 Jane Stakeholder / Travis Isaacs / Dustin Askins
Brief To wireframe...
An iPhone or Android, preferably iPhone, application that can be used to find • Desktop website
conferences beforehand and day of when attending--so many apps get this part wrong, • Mobile website
you have to search when you’re there at the conference wanting to get info, geo-locate!
• iPhone application
Once you’re there, browse the schedule, get session info, mark sessions you’re
• iPad application
interested in, and check-in to sessions once there.
• Storyboad the video...
Timeline
• Two weeks to wireframe
• One week to create video
• Launch website
• Launch app
Branding / Logo
• Some kind of badge-like logo
• Conference Companion
• Lanyard - already exists!
• Lanyarrrd
Kind of pirate themed?
Jane, “Love it.”
• On the site, “forrr iPhone” “forrr iPad”
Website
• App store link
• Screenshots
• Promo video
• Testimonials
39 Mention that it’s free to use and free to list @tbisaacs #MIMASummit
•

47. Conference App Ideas Meeting 07/11/2011 Jane Stakeholder / Travis Isaacs / Dustin Askins
Brief To wireframe...
An iPhone or Android, preferably iPhone, application that can be used to find • Desktop website
conferences beforehand and day of when attending--so many apps get this part wrong, • Mobile website
you have to search when you’re there at the conference wanting to get info, geo-locate!
• iPhone application
Once you’re there, browse the schedule, get session info, mark sessions you’re
• iPad application
interested in, and check-in to sessions once there.
• Storyboad the video...
Drop in imagesTimeline
or
snippets • Two weeks to wireframe
• One week to create video
• Launch website
• Launch app
Branding / Logo
• Some kind of badge-like logo
• Conference Companion
• Lanyard - already exists!
• Lanyarrrd
Kind of pirate themed?
Jane, “Love it.”
• On the site, “forrr iPhone” “forrr iPad”
Website
• App store link
• Screenshots
• Promo video
• Testimonials
39 Mention that it’s free to use and free to list @tbisaacs #MIMASummit
•

48. Conference App Ideas Meeting 07/11/2011 Jane Stakeholder / Travis Isaacs / Dustin Askins
Brief To wireframe...
An iPhone or Android, preferably iPhone, application that can be used to find • Desktop website
conferences beforehand and day of when attending--so many apps get this part wrong, • Mobile website
you have to search when you’re there at the conference wanting to get info, geo-locate!
• iPhone application
Once you’re there, browse the schedule, get session info, mark sessions you’re
• iPad application
interested in, and check-in to sessions once there.
• Storyboad the video...
Drop in imagesTimeline
or
snippets • Two weeks to wireframe
• One week to create video
• Launch website
• Launch app
Branding / Logo
• Some kind of badge-like logo
• Conference Companion
• Lanyard - already exists!
• Lanyarrrd
Kind of pirate themed?
Link to the web, or
Jane, “Love it.” other keynote docs
• On the site, “forrr iPhone” “forrr iPad”
Website
• App store link
• Screenshots
• Promo video
• Testimonials
39 Mention that it’s free to use and free to list @tbisaacs #MIMASummit
•

49. Notes
Work
40 @tbisaacs #MIMASummit

50. Notes Planning Pitch
1 3 5
2 4
Microframes Wireframing
41 @tbisaacs #MIMASummit

51. Microframing
42 @tbisaacs #MIMASummit

52. 43 @tbisaacs #MIMASummit

53. Too big?
44 @tbisaacs #MIMASummit

54. 45 @tbisaacs #MIMASummit

55. Called for
too much detail
45 @tbisaacs #MIMASummit

56. 46 @tbisaacs #MIMASummit

57. 46 @tbisaacs #MIMASummit

58. 47 @tbisaacs #MIMASummit

59. 47 @tbisaacs #MIMASummit

60. 48 @tbisaacs #MIMASummit

61. 49 @tbisaacs #MIMASummit

62. 49 @tbisaacs #MIMASummit

63. 50 @tbisaacs #MIMASummit

64. Less Detail
More Rapid
Less Paper
50 @tbisaacs #MIMASummit

65. Label Label
51 @tbisaacs #MIMASummit

66. 52 @tbisaacs #MIMASummit

67. Notes Planning Pitch
1 3 5
2 4
Microframes Wireframing
53 @tbisaacs #MIMASummit

68. Conference App Ideas Meeting 07/11/2011 Jane Stakeholder / Travis Isaacs / Dustin Askins
Brief To wireframe...
An iPhone or Android, preferably iPhone, application that can be used to find • Desktop website
conferences beforehand and day of when attending--so many apps get this part wrong, • Mobile website
you have to search when you’re there at the conference wanting to get info, geo-locate!
• iPhone application
Once you’re there, browse the schedule, get session info, mark sessions you’re
• iPad application
interested in, and check-in to sessions once there.
• Storyboad the video...
Branding / Logo
• Some kind of badge-like logo
• Conference Companion Timeline
• Lanyard - already exists! • Two weeks to wireframe
• Lanyarrrd • One week to create video
Kind of pirate themed?
• Launch website
• Launch app
Jane, “Love it.”
• On the site, “forrr iPhone” “forrr iPad”
Website
• App store link Planning
• Screenshots
• Promo video
• Testimonials
• Mention that it’s free to use and free to list
54 @tbisaacs #MIMASummit

69. 55 @tbisaacs #MIMASummit

70. 55 @tbisaacs #MIMASummit

71. 56 @tbisaacs #MIMASummit

72. 57 @tbisaacs #MIMASummit

73. 58 @tbisaacs #MIMASummit

74. 59 @tbisaacs #MIMASummit

75. 60 @tbisaacs #MIMASummit

76. 61 @tbisaacs #MIMASummit

77. Wireframe
Video
Site App
Launch Launch
62 @tbisaacs #MIMASummit

78. Notes,
Timeline
Work
63 @tbisaacs #MIMASummit

79. Notes Planning Pitch
1 3 5
2 4
Microframes Wireframing
64 @tbisaacs #MIMASummit

80. HARD FOR DESIGNER
EASY FOR CLIENTS HI-FIDELITY HARD FOR CLIENTS
TO UNDERSTAND TO UNDERSTAND
WIREFRAME
EASY FOR DESIGNER
65 @tbisaacs #MIMASummit

81. 66 @tbisaacs #MIMASummit

82. 66 @tbisaacs #MIMASummit

83. 67 @tbisaacs #MIMASummit

84. Label: Leave a comment:


! Required Field!
Yes Option 1
No Option 2 

Button Button
Please Select 
Please select...
Option 1
Option 2
Option 3
July 
S M T W T F S
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16

17 18 19 20 21 22 23 
24 25 26 27 28 29 30



85. Active Tab Inactive Tab Inactive Tab
Open Accordion 
Contents
Active Tab Inactive Tab Inactive Tab
Closed Accordion 
Closed Accordion 
Active Tab Inactive Tab Inactive Tab Closed Accordion 
Active Menu  Sub-Menu 1
Inactive Menu  Sub-Menu 2
Inactive Menu 
Active Tab Inactive Tab Inactive Tab Inactive Tab Inactive Tab
Home » Page 1 » Page 2
Best-Sellers (22)
Home Page 1 Page 2
IMAGE IMAGE IMAGE IMAGE IMAGE IMAGE
 
Pages: 1 2 3 4 ... 20 21 Next
Item Item Item Item Item Item
Pages: Previous 1 2 3 4 ... 20 21 Next

86. Last Name  First Name  Email 
Isaacs Travis hello@travisisaacs.com
Isaacs Travis hello@travisisaacs.com
Isaacs Travis hello@travisisaacs.com
Isaacs Travis hello@travisisaacs.com
Last Name  First Name  Email 
Isaacs Travis hello@travisisaacs.com
Isaacs Travis hello@travisisaacs.com
Isaacs Travis hello@travisisaacs.com
Isaacs Travis hello@travisisaacs.com
Last Name  First Name  Email 
Isaacs Travis hello@travisisaacs.com
Isaacs Travis hello@travisisaacs.com
Isaacs Travis hello@travisisaacs.com
Isaacs Travis hello@travisisaacs.com

87. Twitter
IMAGE
Facebook
Flickr
LinkedIn
16:9
Digg

88. Heading Level 1 Heading Level 1
Heading Level 2 Heading Level 2
Heading Level 3 Heading Level 3
Heading Level 4 Heading Level 4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi zzril delenit
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor
sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis
nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis.
Hypertext link
• List item 1. Ordered list
• List item 2. Ordered list
• List item 3. Ordered list
<div id=”keynote”>Kung-Fu</div>

89. 468x60 BANNER
234x60 HALF-BANNER
120x240
250x250 VERTICAL
120x600 160x600
SQUARE BANNER
SKYSCRAPER WIDE SKYSCRAPER
120x60
120x90 BUTTON
125x125 BUTTON
SQUARE
728x90 LEADERBOARD

91. Party
YOU: DUSTIN:
24 334 First Person Shooter
Role Playing
Followers Followers
Driving
Sports
0 37.5 75 112.5 150
You and Dustin have 14 followers in common
Achievements This Year:
40
30
20
10
0
Jan 2010 Mar 2010 May 2010 Jul 2010 Sep 2010 Nov 2010

92. Notes Heading mm/dd/yyyy First Last / First Last /
Heading Level 3 Heading Level 3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi zzril delenit euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi zzril delenit
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit
amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud
exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,
vel illum dolore eu feugiat nulla facilisis. vel illum dolore eu feugiat nulla facilisis.
• List item • List item
• List item • List item
• List item • List item
1. Ordered list 1. Ordered list
2. Ordered list 2. Ordered list
3. Ordered list 3. Ordered list
• List item • List item • List item
Heading Level 3
• List item • List item • List item
• List item
• List item • List item • List item
• List item
• List item • List item • List item
• List item
• List item • List item • List item
• List item
• List item • List item • List item
• List item
• List item • List item • List item
• List item
• List item • List item • List item
• List item
• List item • List item • List item
• List item
• List item • List item • List item
• List item
• List item • List item • List item
• List item
• List item • List item • List item

93. Share
13, 334 Likes 27K
20,065 people like this. Be the first of your friends.
Warning:
! Something you should be aware of happened. Be careful.
K CH
CLIC HOVER PIN
! Error:
Something bad happened. Here’s what to do about it.
Just a friendly reminder
Success:
Something good happened. Here’s how awesome that is.
Window Title

94. Search
T
Button Button Button
text input OFF Button
Button Button Button
ON
Label 
Button
Active Inactive
Q W E R T Y U I O P
ON
Button
Label  Active Inactive Inactive
A S D F G H J K L
Z X C V B N M
Label Label Keynote
Button
.?123 space Search
Copy Select Select All Paste Button
1 2 3 4 5 6 7 8 9 0
Button
Button Button Done - / : ; ( ) $ & @ ”
Button
Option 1 . , ? ! ’
01
Option 2 http://keynotekungfu.com
0 02 .?123 space Search
Do you want to leave this site?
Option 3
1 03
Option 4
2 04 Cancel OK
[ ] { } # % ^ * + =
3
Option 5 05
_ | ~ < > € £ ¥ •
iOS 5 Alert
123 For Lock Screen
. , ? ! ’
ABC space ABC
button button button button

95. 79 @tbisaacs #MIMASummit

96. What size should I make my theme?
80 @tbisaacs #MIMASummit

97. 768x1024
1024x768 1280x720
320x480
612x792
1280x1656
81 @tbisaacs #MIMASummit

98. 768x1024
1024x768 1280x720
320x480
612x792
1280x1656
82 @tbisaacs #MIMASummit

99. 1024x768
82 @tbisaacs #MIMASummit

100. 83 @tbisaacs #MIMASummit

101. about
1024x768
84 @tbisaacs #MIMASummit

102. 1024x768
85 @tbisaacs #MIMASummit

103. 86 @tbisaacs #MIMASummit

104. Top (1 of 5)
86 @tbisaacs #MIMASummit

105. Top (1 of 5)
2 of 5
86 @tbisaacs #MIMASummit

106. Top (1 of 5)
2 of 5
2 of 5
86 @tbisaacs #MIMASummit

107. Top (1 of 5)
2 of 5
2 of 5
3 of 5
86 @tbisaacs #MIMASummit

108. Top (1 of 5)
2 of 5
2 of 5
3 of 5
4 of 5
86 @tbisaacs #MIMASummit

109. Top (1 of 5)
2 of 5
2 of 5
3 of 5
4 of 5
5 of 5
86 @tbisaacs #MIMASummit

110. 768x1024
1024x768 1280x720
320x480
612x792
1280x1656
87 @tbisaacs #MIMASummit

111. 320x480
87 @tbisaacs #MIMASummit

112. 88 @tbisaacs #MIMASummit

113. 768x1024
1024x768 1280x720
320x480
612x792
1280x1656
89 @tbisaacs #MIMASummit

114. 768x1024
89 @tbisaacs #MIMASummit

115. 90 @tbisaacs #MIMASummit

116. 768x1024
1024x768 1280x720
320x480
612x792
1280x1656
91 @tbisaacs #MIMASummit

117. 612x792
91 @tbisaacs #MIMASummit

118. 92 @tbisaacs #MIMASummit

119. Perfectly prints on a
standard sheet of paper
92 @tbisaacs #MIMASummit

120. 768x1024
1024x768 1280x720
320x480
612x792
1280x1656
93 @tbisaacs #MIMASummit

121. 1280x1656
93 @tbisaacs #MIMASummit

122. 94 @tbisaacs #MIMASummit

123. Also perfectly prints on a
standard sheet of paper
94 @tbisaacs #MIMASummit

124. 94 @tbisaacs #MIMASummit

125. SIMPLE
TO MAKE
95 @tbisaacs #MIMASummit

126. 1024x768
96 @tbisaacs #MIMASummit

127. 97 @tbisaacs #MIMASummit

128. 97 @tbisaacs #MIMASummit

129. 98 @tbisaacs #MIMASummit

130. 768x1024
1024x768 1280x720
320x480
612x792
1280x1656
99 @tbisaacs #MIMASummit

131. 100 @tbisaacs #MIMASummit

132. 101 @tbisaacs #MIMASummit

133. Copy Paste
Original slide size
New slide size
101 @tbisaacs #MIMASummit

134. Demo!
102 @tbisaacs #MIMASummit

135. ✓ Picking the right size for your deck
✓ Using master slides
✓ Using components
103 @tbisaacs #MIMASummit

136. KEYNOTE
HOW NINJAS WIREFRAME
KUNG-FU
@tbisaacs @tbisaacs #MIMASummit
104

137. Copy/Paste style
properties to save
time.
To add to your toolbar:
Right click on the toolbar, click customize
Copy style will copy all of the element’s
properties, including: fill, border, font face,
font size, font color, stroke, stroke style.
But... it doesn’t copy line-height, letter
spacing, paragraph spacing, or inset
margin.
SAD TROMBONE

139. or alt + ⌘ + c
1

140. or alt + ⌘ + v
2

141. :)
3

142. Group items Group
whenever possible.
Grouped items are easier to move, delete,
and manipulate.

143. Double-click on a grouped
or alt + ⌘ + g to group element to edit it

144. Learn the keyboard
shortcuts.
Keyboard shortcuts will save you time and
clicks (and impress your boss).

145. Copy Style

146. Paste Style

147. Group

148. Un-Group

149. Insert (Choose)

150. New Slide

151. Fonts

152. Swap between
Photoshop/Illustrator/
Fireworks with ease.
Need to make some edits that can’t be
done in Keynote? Just copy and paste your
object or group into Illustrator or
Photoshop.
Pasted items become smart objects in
Photoshop, or paths in Illustrator.

153. 121 @tbisaacs #MIMASummit

154. 2 contributors
30+ masters
118 slides
150MB file
122 @tbisaacs #MIMASummit

155. 2 contributors
30+ masters Cumbersome to manage
118 slides
150MB file
123 @tbisaacs #MIMASummit

156. Conference App Ideas Meeting 07/11/2011 Jane Stakeholder / Travis Isaacs / Dustin Askins
Brief To wireframe...
An iPhone or Android, preferably iPhone, application that can be used to find • Desktop website
conferences beforehand and day of when attending--so many apps get this part wrong, • Mobile website
you have to search when you’re there at the conference wanting to get info, geo-locate!
• iPhone application
Once you’re there, browse the schedule, get session info, mark sessions you’re
• iPad application
interested in, and check-in to sessions once there.
• Storyboad the video...
Branding / Logo
• Some kind of badge-like logo
• Conference Companion Timeline
• Lanyard - already exists! • Two weeks to wireframe
• Lanyarrrd • One week to create video
Kind of pirate themed?
• Launch website
• Launch app
Jane, “Love it.”
• On the site, “forrr iPhone” “forrr iPad”
Website
• App store link
• Screenshots
• Promo video
• Testimonials
• Mention that it’s free to use and free to list
124 @tbisaacs #MIMASummit

157. Private Public
Activity
Published to..
Redacted Activity
Redacted Redacted
Redacted Reda
Managed by me
Redacted
Our notes inform
a high-level “story
Redacted
Redacted Redacted Activity
Activity
Published to..
Redacted Published to..
Redacted
Redacted Redacted
Activity
Redacted
Redacted
Managed by me
Activity
Redacted
Redacted Redacted
125 @tbisaacs #MIMASummit
Redac

158. 125 @tbisaacs #MIMASummit

159. Storyboard
elements become
126 @tbisaacs #MIMASummit

160. Divide &
Conquer
127 @tbisaacs #MIMASummit

161. Divide &
Conquer
127 @tbisaacs #MIMASummit

162. 128 @tbisaacs #MIMASummit

163. K
CLIC
128 @tbisaacs #MIMASummit

164. The required master slides
will automatically come
along when you drag
129 @tbisaacs #MIMASummit

165. 1 2
My Deck Your Deck
3 4
5
Merged Deck
130 @tbisaacs #MIMASummit

166. 1 2
My Deck Your Deck
3 4
5
1
Merged Deck
2
3
4
5
130 @tbisaacs #MIMASummit

167. Notes Planning Pitch
1 3 5
2 4
Microframes Wireframing
131 @tbisaacs #MIMASummit

168. DESIGN THINKING
132 @tbisaacs #MIMASummit

169. Nice Wireframes, Bro.
Skilled Athlete Skilled Athlete Skilled Athlete Back Record A Meal Record
Today Sunday, July 24
Today
Activity Log Describe your meal
Updated 2 hours ago
Meals & Snacks 2 2
Meals & Snacks
July 2011  Today
S M T W T F S Blueberries, bbq chicken breast,
Weight & Stats 0 Weight & Stats 0 macadamia nuts. 2
1 2 1:11 pm
Was meal Paleo? YES
3 4 5 6 7 8 9 Z
Progress Photo 1 Progress Photo 1 ZZ 17 minute nap
0
NO
10 11 12 13 14 15 16
10:33 am
Did meal have dairy?
Ground beef, broccoli, cauliflower,
Z 17 18 19 20 21 22 23 and almonds. 4 Sharing
ZZ Sleep Activity 1 Z
ZZ Sleep Activity 1 8:14 am
24 25 26 27 28 29 30
Facebook YES
1 tbsp Nordic Naturals fish oil
0
Supplements 3 Supplements 3 8:14 am
Twitter YES
New weigh-in: 145 pounds
9
8:14 am
Vitals 1 Vitals 1
Yesterday
Activity Log 2 Blueberries, bbq chicken breast,
Activity Log 2
macadamia nuts. 0
Updated 2 hours ago Updated 2 hours ago
1:11 pm
Now What?
133 @tbisaacs #MIMASummit

170. Turn your wireframes into a
presentation
Wrap your designs in a meaningful story
134 @tbisaacs #MIMASummit

171. Tell The Story
135 @tbisaacs #MIMASummit

172. Tell The Story
✓ Describe (and show) interaction
✓ Communicate use cases
✓ Support for our design decisions
136 @tbisaacs #MIMASummit

173. http:/
/slideshare.net/tbisaacs/influencing-change-through-presentations
137 @tbisaacs #MIMASummit

174. http:/
/slideshare.net/tbisaacs/influencing-change-through-presentations
137 @tbisaacs #MIMASummit

175. http:/
/slideshare.net/tbisaacs/influencing-change-through-presentations
137 @tbisaacs #MIMASummit

176. http:/
/slideshare.net/tbisaacs/influencing-change-through-presentations
137 @tbisaacs #MIMASummit

177. http:/
/slideshare.net/tbisaacs/influencing-change-through-presentations
137 @tbisaacs #MIMASummit

178. http:/
/slideshare.net/tbisaacs/influencing-change-through-presentations
137 @tbisaacs #MIMASummit

179. http:/
/slideshare.net/tbisaacs/influencing-change-through-presentations
137 @tbisaacs #MIMASummit

180. http:/
/slideshare.net/tbisaacs/influencing-change-through-presentations
137 @tbisaacs #MIMASummit

181. New User
Batch upload
NEW
New user Confirm Email Hotel or Agency Enter Info Select Agency Terms & Conditions Overview
or Property
Welcome Email
Verify Email Notify Hotel
or Agency
138 @tbisaacs #MIMASummit