4. KEYNOTE
INJAS WIREFRAME
HOW N KUNG-FU
@tbisaacs
5. KEYNOTE
INJAS WIREFRAME
HOW N KUNG-FU
@tbisaacs
6. Plans Subdivisions Items Options Trade Partner Req
uests
Take-offs for #175
0 (The Venetian) for a
ll elevations and a
ll options
1200 Plumbing Fixtures
1400 Frame I Walls and
J oists
1440 Windows
KEYNOTE
EFRAME
1450 External Doors
1460
1530
INJAS WIR
HOW N KUNG-FU
Framing Labor
Electrical
1550 HVAC
1600 Insulate Walls
1610 Sheetrock Materia
l
1630 Sheetrock Hang, T
ape, Bed, and Textu
re
1800 Paint
1810 Stain/Finish Cabin
ets
1830 Interior Doors & T
rim
1840 Interior Trim L
abor
@tbisaacs
1870 Insulate Cielin
gs
7. F1: Add Artwork
F2: Mats
F3: Frames
F4: Finishing
Plans Subdivisions Items Options
TOTAL: $49
Trade Partner Req
uests
Align
Take-offs for #175
0
Distribute
(The Venetian) for a
I canWall ake
mColor 1: Photo of Children
ll eleveditnshe d a
atio s an e... optio
1200
r ll ns
Plumbing Fixtures 2: Photo of Grandparen
ts
1400 Frame I Walls and Image
J oists Grandparents
description
1440 Windows
KEYNOTE
Im”x e
10ag8”size Wid”
10 th x Heigh
8”
EFRAME
1450 External Doors
INJAS WIR
4”
HOW N KUNG-FU
Imrmal condition
Noage condition
1460 Framing Labor Imagogtype y
Phot e raph
1530 Electrical 2”
1: Children SAVE
10” x 8”
2: Grandparents D
1550 HVAC 10” x 8”
Add more artwork
1600 Insulate Walls
1610 Sheetrock Materia 4”
l
1630 Sheetrock Hang, T
ape, Bed, and Textu
re
Mat Dimensions: 27” x
1800 Paint 16”
3”
1810 Stain/Finish Cabin
ets
1830 Interior Doors & T
rim
1840 Interior Trim L
abor
@tbisaacs
1870 Insulate Cielin
gs
8. F1: Add Artwork
F2: Mats
F3: Frames
F4: Finishing
Plans Subdivisions Items Options
TOTAL: $49
Trade Partner Req
uests
Align
Take-offs for #175
0
Distribute
(The Venetian) for a
I canWall ake
mColor 1: Photo of Children
ll eleveditnshe d a
atio s an e... optio
1200
CARRIER 3G r ll
10:00 AM ns
Plumbing Fixtures 2: Photo of Grandparen
Accounts tbisaacs New Tweet ts
1400 Frame I Walls and Image
J oists Search Timeline Grandparents
description
1440 Windows
KEYNOTE
axbomhyperlink Im”x e
10ag8”size Wid”
10 th x Heigh
8”
EFRAME
I must say, I love wireframing in
1450 External Doors 1 hour
INJAS WIR
#keynotekungfu http://uxa.se/kkfu -
2 more pages, then 4” to #blonski
off
HOW N KUNG-FU
Imrmal condition
Noage condition
1460 Framing Labor Imagogtype y
Phot e raph
annettepriest
prototyping for iPhone and about to
1530 Electrical 2”
1: Children compare Mockapp.com with 1 hour
SAVE
10” x 8”
2: Grandparents
Keynotekungfu.com. Should be an D
interesting battle.
1550 HVAC 10” x 8”
Add more artwork
1600 Insulate Walls gldnspud
Verdict: http://keynotekungfu.com is 1 hour
AWESOME. Thank you @tbisaacs!!!
1610 Sheetrock Materia 4”
l
1630 Sheetrock Hang, T
ape, Bed, and Textu
re
Mat Dimensions: 27” x
@
1800 Paint 16”
3”
1810 Stain/Finish Cabin
ets
1830 Interior Doors & T
rim
1840 Interior Trim L
abor
@tbisaacs
1870 Insulate Cielin
gs
9. F1: Add Artwork
F2: Mats
F3: Frames
F4: Finishing
Plans Subdivisions Items Options
TOTAL: $49
Trade Partner Req
uests
Align
Take-offs for #175
0
Distribute
(The Venetian) for a
I canWall ake
mColor 1: Photo of Children
ll eleveditnshe d a
atio s an e... optio
1200
CARRIER 3G r ll
10:00 AM ns
Plumbing Fixtures 2: Photo of Grandparen
Accounts tbisaacs New Tweet ts
1400 Frame I Walls and Image
J oists Search Timeline Grandparents
description
1440 Windows
KEYNOTE
axbomhyperlink Im”x e
10ag8”size Wid”
10 th x Heigh
8”
EFRAME
I must say, I love wireframing in
1450 External Doors 1 hour
INJAS WIR
#keynotekungfu http://uxa.se/kkfu -
2 more pages, then 4” to #blonski
off
HOW N KUNG-FU
slideshare.net/tbisaacs
Imrmal condition
Noage condition
1460 Framing Labor Imagogtype y
Phot e raph
annettepriest
prototyping for iPhone and about to
1530 Electrical 2”
1: Children compare Mockapp.com with 1 hour
SAVE
10” x 8”
2: Grandparents
Keynotekungfu.com. Should be an D
interesting battle.
1550 HVAC 10” x 8”
Add more artwork
1600 Insulate Walls gldnspud
Verdict: http://keynotekungfu.com is 1 hour
AWESOME. Thank you @tbisaacs!!!
1610 Sheetrock Materia 4”
l
1630 Sheetrock Hang, T
ape, Bed, and Textu
re
Mat Dimensions: 27” x
@
1800 Paint 16”
3”
1810 Stain/Finish Cabin
ets
1830 Interior Doors & T
rim
1840 Interior Trim L
abor
@tbisaacs
1870 Insulate Cielin
gs
139. 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!
• iPhone application Who’s there?
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”
What’s said?
Website
• App store link
• Screenshots
• Promo video
• Testimonials
• Mention that it’s free to use and free to list
154. 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
D
conferences R
LANY
A R R 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
155.
156.
157.
158.
159.
160.
161.
162.
163. Timeline
wireframe
• Two weeks to
create video
• One week to
D
ARRR
LANY • Launch web
site
• Launch app
164. Timeline
wireframe
• Two weeks to
create video
• One week to
D
ARRR
LANY • Launch web
site
• Launch app
Wireframe
Video
Site App
Launch Launch
165. Timeline
• Two weeks to wireframe
• One week to create video
• Launch website
• Launch app
Wireframe
Video
Site App
Launch Launch
169. LESSON 3
Use master slides for page
layouts/types
Avoid endless cut-and-paste by putting
static elements, like navigation,
backgrounds, and site “chrome” in master
slides.
Master slides are free, use as many as you
want!
176. 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
D
conferences R
LANY
A R R 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
177. Private Public
Activity
Published to..
Redacted Activity
Redacted Redacted
Redacted Reda
Managed by me
Redacted
Our notes inform a high-
Redacted
level “story board” Activity
Redacted Redacted Activity
Published to..
Redacted Published to..
Redacted
Redacted Redacted
Activity
Redacted
Redacted
Managed by me
Activity
Redacted
Redacted Redacted
Redac
201. D
ARRR
LANY
CARRIER 3G 10:00 AM
Back Keynote Kung-Fu...
Saturday, July 16th, 2011 at 2:00pm
Keynote Kung-Fu: Black Belt
You already use Keynote to create dazzling
presentations, polished wireframes, and scrappy
prototypes. But now it's time to earn your Keynote
black belt. Travis Isaacs and Dustin Askins will
roundhouse kick their way through advanced Keynote
usage:
• Creating motion graphics and animation
• Advanced animation controls and timing
• Creating your own per-project themes
• Creating your own default shape styles
• Creating wireframes on the iPad
• Porting your prototype to be used in a browser -
Testing a prototype on the iPhone
• And many other hidden gems and uses of Keynote
that you didn't know about
Check In
202. D
ARRR
LANY
CARRIER 3G 10:00 AM
Back Keynote Kung-Fu...
Saturday, July 16th, 2011 at 2:00pm
Keynote Kung-Fu: Black Belt
You already use Keynote to create dazzling
presentations, polished wireframes, and scrappy
prototypes. But now it's time to earn your Keynote
black belt. Travis Isaacs and Dustin Askins will
roundhouse kick their way through advanced Keynote
usage:
• Creating motion graphics and animation
• Advanced animation controls and timing
• Creating your own per-project themes
• Creating your own default shape styles
• Creating wireframes on the iPad
• Porting your prototype to be used in a browser -
Testing a prototype on the iPhone
• And many other hidden gems and uses of Keynote
that you didn't know about
Check In
203. D
ARRR
LANY
CARRIER 3G 10:00 AM
Back Keynote Kung-Fu...
Saturday, July 16th, 2011 at 2:00pm
Keynote Kung-Fu: Black Belt
You already use Keynote to create dazzling
presentations, polished wireframes, and scrappy
prototypes. But now it's time to earn your Keynote
black belt. Travis Isaacs and Dustin Askins will
roundhouse kick their way through advanced Keynote
usage:
• Creating motion graphics and animation
• Advanced animation controls and timing
• Creating your own per-project themes
• Creating your own default shape styles
• Creating wireframes on the iPad
• Porting your prototype to be used in a browser -
Testing a prototype on the iPhone
• And many other hidden gems and uses of Keynote
that you didn't know about
Check In
204. This is a native shape, so
changing the color is easy.
D
ARRR
LANY
CARRIER 3G 10:00 AM
Back Keynote Kung-Fu...
Saturday, July 16th, 2011 at 2:00pm
Keynote Kung-Fu: Black Belt
You already use Keynote to create dazzling
presentations, polished wireframes, and scrappy
prototypes. But now it's time to earn your Keynote
black belt. Travis Isaacs and Dustin Askins will
roundhouse kick their way through advanced Keynote
usage:
• Creating motion graphics and animation
• Advanced animation controls and timing
• Creating your own per-project themes
• Creating your own default shape styles
• Creating wireframes on the iPad
• Porting your prototype to be used in a browser -
Testing a prototype on the iPhone
• And many other hidden gems and uses of Keynote
that you didn't know about
Check In
205. D
ARRR
LANY
Cancel Check In Check In
Keynote Kung-Fu: Black Belt
What are you doing?
But this is a Pictos icon...
Share
Facebook ON
Twitter ON
Twitter Value
Q W E R T Y U I O P
A S D F G H J K L
Z X C V B N M
.?123 space Search
206. D
ARRR
LANY
Cancel Check In Check In
Keynote Kung-Fu: Black Belt
What are you doing?
Share
Facebook ON
Twitter ON
Twitter Value
Q W E R T Y U I O P
A S D F G H J K L
Z X C V B N M
.?123 space Search
207. D
ARRR
LANY
Cancel Check In Check In
Keynote Kung-Fu: Black Belt
What are you doing?
Share
Facebook ON
Twitter ON
Twitter Value
Q W E R T Y U I O P
A S D F G H J K L
Z X C V B N M
.?123 space Search
208. D
ARRR
LANY
Cancel Check In Check In
Keynote Kung-Fu: Black Belt
What are you doing?
Share
Facebook ON
Twitter ON
Twitter Value
Q W E R T Y U I O P
A S D F G H J K L
Z X C V B N M
.?123 space Search
209. D
ARRR
LANY
Cancel Check In Check In
Keynote Kung-Fu: Black Belt
What are you doing?
Share
Facebook ON
Twitter ON
Twitter Value
Q W E R T Y U I O P
A S D F G H J K L
Z X C V B N M
.?123 space Search
210. D
ARRR
LANY
Cancel Check In Check In
Keynote Kung-Fu: Black Belt
What are you doing?
Share
Facebook ON
Twitter ON
Twitter Value
Q W E R T Y U I O P
A S D F G H J K L
Z X C V B N M
.?123 space Search
211. D
ARRR
LANY
Cancel Check In Check In
Keynote Kung-Fu: Black Belt
What are you doing?
Share
Facebook ON
Twitter ON
Twitter Value
Q W E R T Y U I O P
A S D F G H J K L
Z X C V B N M
.?123 space Search
262. We’ve got to show this to
someone...how do we do it?
263. iPad
10:00 AM
Conferenc
es Nearby We’ve got to show this to
2:00pm
someone...how do we do it?
CARRIER 3G 10:00 AM
Conferences Nearby forrr
iPhone
forrr
iPad
L A N YA R R R
D
July 14-16 in Dallas TX
CONFERE
NCE COM
PA N I O N
Free to use th
e app!
Free to list yo
ur conference
!
iPhone Scree
nshots
I’m There Many apps h
ave tried to d
Lanyarrrd d o this right,
oes it rrrr’ig
ht!
iPad Screens
hots
Makes it easi
nces er to decide in
Search For Other Confere what session
s to attend.
advance
rch Conferences I was able
264. We could just press play in Keynote,
but that misses the context
395. 10:00 AM
CARRIER 3G
Big Design Conference
TODAY
2:00pm
Keynote Kung-Fu: Black Belt
Travis Isaacs & Dustin Askins
Trinity Ballroom
Game User Research
Heather Desurvire
Addison Lecture Hall
Slay The Legacy Code Beast
Caleb Jenkins
Chinaberry Room
396. But there AMlot of
10:00 a
moving parts, could get
CARRIER 3G
messy..
Big Design Conference
TODAY
2:00pm
Keynote Kung-Fu: Black Belt
Travis Isaacs & Dustin Askins
Trinity Ballroom
Game User Research
Heather Desurvire
Addison Lecture Hall
Slay The Legacy Code Beast
Caleb Jenkins
Chinaberry Room
451. forrr forrr
iPhone iPad
L A N YA R R R D
C O N F E R E N C E C O M PA N I O N
!
Free to use the app!
Free to list your conference!
iPhone Screenshots
Many apps have tried to do this right,
Lanyarrrd does it rrrr’ight!