getting bad ideas out of the way with keynote
TRANSCRIPT
@tbisaacs
Keynote Kung-Fu:
Getting Bad Ideas Out Of The Way With Keynote
@tbisaacs
My name is Travis Isaacs, and I’m from Dallas.
@tbisaacs
@tbisaacs
CLICK
CLICK
@tbisaacs
@tbisaacs
DISCUSSION
LECTURE
LAB
BREAK
@tbisaacs
守破離SHU HA RI
http://en.wikipedia.org/wiki/Shuhari
@tbisaacshttp://en.wikipedia.org/wiki/Shuhari
SHU破 Learn the fundamentals,
obey the rules
@tbisaacshttp://en.wikipedia.org/wiki/Shuhari
HA守 Break the rules!
@tbisaacshttp://en.wikipedia.org/wiki/Shuhari
RI離 Transcend
@tbisaacs
守破離SHU HA RI
http://en.wikipedia.org/wiki/Shuhari
@tbisaacs
I don’t wireframe.
@tbisaacs
12
New
Settings Help Sign OutBlinksale Travis Isaacs
Dashboard ClientsInvoices & EstimatesProjects Team
Invoice theme:
Theme name
Theme name
Theme name
Add to invoice:Hours
Expenses
Services
66 hrs
$433
SENDSave for later or Cancel
Travis Isaacs555 Maple Street
Anywhere, TX 76054COMPANY LOGO
KIND QTY DESCRIPTION PRICE TOTAL
$100 $0.00HRS
Subtotal $0.00Tax (8.75%) $0.00Freight $0.00Total Due $0.00
Invoice 1411 Due 11/9/2009 (NET 30)
Invoice notes
SENT 10/09/2009
New line
Who is this for? [email protected] Addresses
Convert to estimate
Plans Subdivisions Items Options Trade Partner Requests
Take-offs for #1750 (The Venetian) for all elevations and all options
Plumbing Fixtures1200
Frame I Walls and Joists1400
Windows1440
External Doors1450
Framing Labor1460
Electrical1530
HVAC1550
Insulate Walls1600
Sheetrock Material1610
Sheetrock Hang, Tape, Bed, and Texture1630
Paint1800
Stain/Finish Cabinets1810
Interior Doors & Trim1830
Interior Trim Labor1840
Insulate Cielings1870
Plans Subdivisions Items Options Trade Partner Requests
Take-offs for #1750 (The Venetian) for all elevations and all options
Plumbing Fixtures1200
Frame I Walls and Joists1400
Windows1440
External Doors1450
Framing Labor1460
Electrical1530
HVAC1550
Insulate Walls1600
Sheetrock Material1610
Sheetrock Hang, Tape, Bed, and Texture1630
Paint1800
Stain/Finish Cabinets1810
Interior Doors & Trim1830
Interior Trim Labor1840
Insulate Cielings1870
CLICK
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 Joists1400
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
Windows1440
External Doors1450
Add Item Take-off complete
Plumbing Fixtures1200
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 Joists1400
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
Windows1440
External Doors1450
Add ItemCLICK Take-off complete
Plumbing Fixtures1200
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:
F2: Mats F3: Frames F4: Finishing TOTAL: $212.02F1: Add Artwork
Add artwork to get started!
Image description
Width Heightx
ADD
Add More Artwork
Image typeImage condition
Image size
Mat Dimensions: 11 1/4” x 9 1/4”
1: Photo of Children
1: Children10” x 8”
Wall ColorAlign Distribute
Grandparents
10”x8”
Normal condition Photography
10” 8”
F2: Mats F3: Frames F4: Finishing TOTAL: $212.02F1: Add Artwork
Add artwork to get started!
Image description
Width Heightx
ADD
Add More Artwork
Image typeImage condition
Image size
Mat Dimensions: 11 1/4” x 9 1/4”
1: Photo of Children
1: Children10” x 8”
Wall ColorAlign Distribute
Grandparents
10”x8”
Normal condition Photography
10” 8”
Click
F2: Mats F3: Frames F4: Finishing TOTAL: $490.29F1: Add Artwork
Mat Dimensions: 27” x 16”
F1: Add Artwork
Image description
Width Heightx
ADD
Add More Artwork
Image typeImage condition
Image size
2: Photo of Grandparents
1: Photo of Children
1: Children10” x 8”
2: Grandparents10” x 8”
Wall ColorAlign Distribute
F2: Mats F3: Frames F4: Finishing TOTAL: $490.29F1: Add Artwork
Mat Dimensions: 27” x 16”
F1: Add Artwork
Image description
Width Heightx
ADD
Add More Artwork
Image typeImage condition
Image size
2: Photo of Grandparents
1: Photo of Children
1: Children10” x 8”
2: Grandparents10” x 8”
Wall ColorAlign Distribute
Click
F2: Mats F3: Frames F4: Finishing TOTAL: $490.29F1: Add Artwork
Mat Dimensions: 27” x 16”
F1: Add Artwork
1: Photo of Children
1: Children10” x 8”
2: Grandparents10” x 8”
Wall ColorAlign Distribute
Image description
Width Heightx
SAVE
2: Photo of Grandparents
Image typeImage condition
Image size
Add more artwork
Delete
4”
4”
2”
3”
Grandparents
10”x8”
Normal condition Photography
10” 8”
F2: Mats F3: Frames F4: Finishing TOTAL: $490.29F1: Add Artwork
Mat Dimensions: 27” x 16”
F1: Add Artwork
1: Photo of Children
1: Children10” x 8”
2: Grandparents10” x 8”
Wall ColorAlign Distribute
Image description
Width Heightx
SAVE
2: Photo of Grandparents
Image typeImage condition
Image size
Add more artwork
Delete
4”
4”
2”
3”
Grandparents
10”x8”
Normal condition Photography
10” 8”
I can make edits here...
F2: Mats F3: Frames F4: Finishing TOTAL: $490.29F1: Add Artwork
Mat Dimensions: 27” x 16”
F1: Add Artwork
1: Photo of Children
1: Children10” x 8”
2: Grandparents10” x 8”
Wall ColorAlign Distribute
Image description
Width Heightx
SAVE
2: Photo of Grandparents
Image typeImage 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”
F2: Mats F3: Frames F4: Finishing TOTAL: $490.29F1: Add Artwork
Mat Dimensions: 27” x 16”
F1: Add Artwork
1: Photo of Children
1: Children10” x 8”
2: Grandparents10” x 8”
Wall ColorAlign Distribute
Image description
Width Heightx
SAVE
2: Photo of Grandparents
Image typeImage condition
Image size
Add more artwork
Delete
4”
4”
2”
3”
Grandparents
10”x8”
Normal condition Photography
10” 8”Or by dragging
the corners
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
96Rookie
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/2010Games you’ve rated: 0Comments: 0Forum posts: 0Following: 0 invite friends Followers: 0
Xbox 360PS3WiiDS
PSPPC
HorrorFPS
DrivingFootball
Party
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
50
52
54
56
58
Arkoma
50
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
Singularity by Activision
Played it? Rate it!
Playstation 3 for XBox 360 Nintendo Wii
Average Rating
Based on 345 ratings9.5
10.0
9.0
8.0
7.0
Store PickupIn stock as of 8am EST at these locations.
Shops of SouthlakeSouthlake , TX 76092 Pick Up Here
View more locations »
BUY NEW$59.99Usually ships in 24 hours details
ADD TO CART
BUY PRE-OWNED$49.99Guaranteed to work!
ADD TO CART
Add to wish list
Share 27K
Buzz News Game Details Polls GameStop WikiJUMP TO
@tbisaacs
10:00 AMCARRIER 3G
Wednesday 2/29West Side
WorkshopsClasses Appointments
8:00 AM ElementsKatie DeLuca
9:00 AM NorCal On RampChrissy Gower
9:00 AM ElementsKatie DeLuca
@tbisaacs
GPS
N
13.991 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
@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 ProjectsDouble-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
@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
$5 for $9 at Seattle Cafe.8 miles away
Panini, burgers, smoothies & dessert join coffee drinks at café where filet mignon is as at-home as seasoned curly fries
$10 for $20 at Nanoosh.4 miles away
Sleek dining room dishes out hummus, wraps, soups & other Mediterranean fare crafted from organic & natural ingredients
$10 for $20 at Dylan Murphy's.7 miles away
Traditional Irish pub furnishings greet guests as chefs prepare jalapeño poppers, buffalo-chicken salads, burgers & sandwiches$20 for $40 Worth of Waxing at Serenity Spa NY.8 miles away
Panini, burgers, smoothies & dessert join coffee drinks at café where filet mignon is as at-home as seasoned curly fries
Near You
Nearby Deals
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...
Nearby deals—think Groupon’s “now deals”
Offer a global search with a voice button. (more later)
Sign In / Up
Nav:
NearbyFlightsHotelsCarsFavorites/History
my tripsget appfind gascontact usfull sitefaqflifodestinations
REDACTED
@tbisaacs
Gamestop search for games or accessories
Store Locator Order Lookup Weekly Ad
BOX
Call of Duty: Black OpsXbox 360
Average User Rating:
8.0
BUY NEWUsually Ships in 24 hrs
BUY PRE-OWNEDOnline Price OnlyGuaranteed To Play
Buy at your local Gamestop:
$49.99
$39.99
334Share:
REDACTED
REDACTED
@tbisaacs
CLICK
Story told by annotations and interactions
@tbisaacs
CLICK
Story told by annotations and interactions
TAP
@tbisaacs
CLICK
Story told by annotations and interactions
TAP
OR
1 2
Touch Gesture Reference Guide
Press
Double tap
Tap
Pressand drag
Lassoandcross
Drag Pressand tap,then drag
1 2
Supporting materials for this guide can be found online at: http://www.lukew.com/touch/
Flick
Spread
Splay
Pinch
Squeeze
Pressand tap
Rotate OR OR
Multi-fingerdrag
Multi-fingertap
OR
OR OR
Two-fingerdrag
1 2
@tbisaacs
All Things ConsideredMuybridge: The Man Who Made Pictures Move
SettingsSports TalkMusicRadio By Location
All Things ConsideredNews radio from Washington DC
Add to presets
On live in 3hr 33minfrom 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
132010
Muybridge: The Man Who Made Pictures MoveA 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
132010
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
132010
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
132010
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
132010
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
@tbisaacs
It’s $79 $49 $19
@tbisaacs
Gorgeous Presentations
@tbisaacs
Crazy Portable
Insanely portable
http://www.flickr.com/photos/wicho/4532824380/
http://www.flickr.com/photos/ippei-janine/5804239132/sizes/o/in/photostream/
http://www.flickr.com/photos/jamesreeve/5930449160/sizes/l/in/photostream/
Fully functional*
*if you are working solely on the iPad
You can have any slide size that you want, as long as it’s 1024x768
No “action” builds
No locked objects
No custom master slides
Too bad.
You can’t edit grouped elements
@tbisaacs
Powerful Drawing Tools
@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)
By signing as the above minor’s legal guardian I take full responsibility for any legal issues that may take place in reference to the above minor. Also by signing I give Marked for Life Tattoo consent to perform the above modification on the listed minor. I understand that I must be present and sign for any future modifications while the above listed is under the legal age .
I affirm under the penalties of purgery that the foregoing statements are true/correct to the best of my knowledge.
LAST NAME: FIRST NAME:
STREET: CITY: STATE: ZIPCODE:
DAYTIME PHONE: EVENING PHONE:- - - -
IDENTIFICATION: The Indiana Health Department requires a photo identification and a proof of signature:
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.
GUARDIAN SIGNATURE: DATE: - -
DATE OF BIRTH: / /
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...
@tbisaacs
MARKED FOR LIFE TATTOO MODIFICATION INFORMATION
NOTE: The information below is required by the Indiana Health Department. All information will kept confidential.
LAST NAME:1 FIRST NAME:
IʼM GETTING A:2 Tattoo Piercing FROM: Mark Isaacs, Owner Other artist:
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.
GUARDIAN CONSENT (ONLY NEEDED FOR MINORS)
GUARDIAN SIGNATURE: DATE: - -
By signing as the above minor’s legal guardian I take full responsibility for any legal issues that may take place in reference to the above minor. Also by signing I give Marked for Life Tattoo consent to perform the above modification on the listed minor. I understand that I must be present and sign for any future modifications while the above listed is under the legal age .
I affirm under the penalties of purgery that the foregoing statements are true/correct to the best of my knowledge.
3 Please describe your Tattoo(s) or Piercing(s):
http://travisisaacs.com/2008/07/31/information-design-tattoos/
@tbisaacs
@tbisaacs
@tbisaacs
@tbisaacs
@tbisaacs
@tbisaacs
@tbisaacs
@tbisaacs
Flexible Output
@tbisaacs
my_idea.pdf
DocumentPresentation
Prototype
@tbisaacs
@tbisaacs
@tbisaacs
Reusable Artifacts
@tbisaacs
WIREFRAMEKeynote
PROTOTYPE HTML, CSS, jQuery, 960.gs
VISUAL COMPPhotoshop
SKETCHPencil & Paper
@tbisaacs
WIREFRAMEKeynote
PROTOTYPE HTML, CSS, jQuery, 960.gs
VISUAL COMPPhotoshop
SKETCHPencil & Paper
Much less emotional investment in bad ideas
@tbisaacs
EASY FOR CLIENTSTO UNDERSTAND
HARD FOR CLIENTSTO UNDERSTAND
HA
RD
FOR
DE
SIG
NE
RE
AS
Y FO
R D
ES
IGN
ER
WIREFRAME
INTERACTIVEWIREFRAME
VISUAL COMP
HTMLPROTOTYPE DESIGN
DOCUMENT
@tbisaacs
EASY FOR CLIENTSTO UNDERSTAND
HARD FOR CLIENTSTO UNDERSTAND
HA
RD
FOR
DE
SIG
NE
RE
AS
Y FO
R D
ES
IGN
ER
WIREFRAME
INTERACTIVEWIREFRAME
VISUAL COMP
HTMLPROTOTYPE DESIGN
DOCUMENT
“Don’t show clients wire"ames. Ever.”
- Internet Famous Designer
@tbisaacs
EASY FOR CLIENTSTO UNDERSTAND
HARD FOR CLIENTSTO UNDERSTAND
HA
RD
FOR
DE
SIG
NE
RE
AS
Y FO
R D
ES
IGN
ER
WIREFRAME
INTERACTIVEWIREFRAME
VISUAL COMP
HTMLPROTOTYPE DESIGN
DOCUMENT
Agreed. Hide these
@tbisaacs
EASY FOR CLIENTSTO UNDERSTAND
HARD FOR CLIENTSTO UNDERSTAND
HA
RD
FOR
DE
SIG
NE
RE
AS
Y FO
R D
ES
IGN
ER
WIREFRAME
INTERACTIVEWIREFRAME
VISUAL COMP
HTMLPROTOTYPE DESIGN
DOCUMENT
Show these early and often
@tbisaacs
EASY FOR CLIENTSTO UNDERSTAND
HARD FOR CLIENTSTO UNDERSTAND
HA
RD
FOR
DE
SIG
NE
RE
AS
Y FO
R D
ES
IGN
ER
WIREFRAME
INTERACTIVEWIREFRAME
VISUAL COMP
HTMLPROTOTYPE DESIGN
DOCUMENT
Ideal , but can be costly to create
@tbisaacs
EASY FOR CLIENTSTO UNDERSTAND
HARD FOR CLIENTSTO UNDERSTAND
HA
RD
FOR
DE
SIG
NE
RE
AS
Y FO
R D
ES
IGN
ER
WIREFRAME
INTERACTIVEWIREFRAME
VISUAL COMP
HTMLPROTOTYPE DESIGN
DOCUMENT
Polished, but difficult to describe interaction
@tbisaacs
EASY FOR CLIENTSTO UNDERSTAND
HARD FOR CLIENTSTO UNDERSTAND
HA
RD
FOR
DE
SIG
NE
RE
AS
Y FO
R D
ES
IGN
ER
WIREFRAME
INTERACTIVEWIREFRAME
VISUAL COMP
HTMLPROTOTYPE DESIGN
DOCUMENT
Enough fidelity, interactive, cheap to create
@tbisaacs
Enough fidelity, interactive, cheap to create
Enough fidelity, interactive, cheap to create
@tbisaacs
Enough fidelity, interactive, cheap to create
@tbisaacs
idea good idea
@tbisaacs
idea good idea
@tbisaacs
idea good idea
@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
@tbisaacs
Lab
@tbisaacs
Quick Show Of Hands:
Do You Have Keynote (with you?)
@tbisaacs
Quick Show Of Hands:
Keynote for iOS (with you)?
@tbisaacs
Quick Show Of Hands:
Powerpoint?
@tbisaacs
Quick Show Of Hands:
Do you have an iPhone?
@tbisaacs
Quick Show Of Hands:
Do you have an iPad?
@tbisaacs
Quick Show Of Hands:
Do you have an Android device?
@tbisaacs
Environment SetupWorking With Shapes & ObjectsVisual DesignLinking, Animations, and InteractionsTesting On-Device
Prototyping Exercise
Show & Tell
@tbisaacs
Environment SetupWorking With Shapes & ObjectsVisual DesignLinking, Animations, and InteractionsTesting On-Device
Prototyping Exercise
Show & Tell
Keynote Basics
@tbisaacs
Environment SetupWorking With Shapes & ObjectsVisual DesignLinking, Animations, and InteractionsTesting On-Device
Prototyping Exercise
Show & TellThe Fun
Stuff
@tbisaacs
You
Your turn to do something
@tbisaacs
Environment Setup
@tbisaacs
You
@tbisaacs
You
@tbisaacs
You
Pull
@tbisaacs
You
@tbisaacs
You
@tbisaacs
tbisaacsAccounts
Search Timeline
@
10:00 AMCARRIER 3G
axbomhyperlinkI must say, I love wireframing in #keynotekungfu http://uxa.se/kkfu - 2 more pages, then off to #blonski
1 hour
annettepriestprototyping for iPhone and about to compare Mockapp.com with Keynotekungfu.com. Should be an interesting battle.
1 hour
gldnspudVerdict: http://keynotekungfu.com is AWESOME. Thank you @tbisaacs!!!
1 hour
New Tweet
Includes device chrome, meant to be displayed
on screen
@tbisaacs
tbisaacsAccounts
Search Timeline
@
10:00 AMCARRIER 3G
axbomhyperlinkI must say, I love wireframing in #keynotekungfu http://uxa.se/kkfu - 2 more pages, then off to #blonski
1 hour
annettepriestprototyping for iPhone and about to compare Mockapp.com with Keynotekungfu.com. Should be an interesting battle.
1 hour
gldnspudVerdict: http://keynotekungfu.com is AWESOME. Thank you @tbisaacs!!!
1 hour
New Tweet
No chrome, meant to be shown on the device
@tbisaacs
You
@tbisaacs
Wireframe In Here
Prototype In Here
@tbisaacs
Bad Ideas
Good Ideas
Safety Net
@tbisaacs
Master Slide Slide
@tbisaacs
Static Interactive
@tbisaacs
@tbisaacs
@tbisaacs
@tbisaacs
You
@tbisaacs
You
@tbisaacs
You
CLICK
@tbisaacs
@tbisaacs
@tbisaacs
You
@tbisaacs
You
@tbisaacs
You
DRAG
@tbisaacs
You
@tbisaacs
You
@tbisaacs
Working With Shapes & Objects
@tbisaacs
@tbisaacs
Shift+ Arrow Key:Move 10 pixels at a time
@tbisaacs
Shift+ Arrow Key:Move 10 pixels at a time
@tbisaacs
Shift+ Drag:Constrain Movement
@tbisaacs
Shift+ Drag:Constrain Movement
@tbisaacs
Shift+ Resize:Resize Proportionally
@tbisaacs
Shift+ Resize:Resize Proportionally
@tbisaacs
Option+Resize:Resize from center
@tbisaacs
Option+Resize:Resize from center
@tbisaacs
You
@tbisaacs
You
@tbisaacs
You
@tbisaacs
You
@tbisaacs
You
@tbisaacs
You
@tbisaacs
You
altoption + click
@tbisaacs
You
@tbisaacs
You
@tbisaacs
@tbisaacs
⌘
commandmake point editable
shiftconstrain point placement to 0°/45°/90° angles
@tbisaacs
Visual Design
@tbisaacs
Select
@tbisaacs
Select
Select
@tbisaacs
Select
Select
Select
@tbisaacs
Select
Select
Select
Select
@tbisaacs
Select
Select
Select
Select
Select
@tbisaacs
Select
Select
Select
Select
Select
@tbisaacs
Select
Select
Select
Select
Select
@tbisaacs
Select
Select
Select
Select
Select
@tbisaacs
Select
Select
Select
Select
Select
@tbisaacs
Select
Select
Select
Select
Select
@tbisaacs
You
Select
Select
Select
Select
Select
@tbisaacs
@tbisaacs
@tbisaacs
@tbisaacs
@tbisaacs
@tbisaacs
You
@tbisaacs
You
@tbisaacs
You
@tbisaacs
You
@tbisaacs
You
@tbisaacs
@tbisaacs
Mail Search Print Radiation
@tbisaacs
@tbisaacs
Mail Search Print Radiation
@tbisaacs
Mail Search Print Radiation
@tbisaacs
Mail Search Print Radiation
@tbisaacs
Mail Search Print Radiation
@tbisaacs
Mail Search Print Radiation
@tbisaacs
Mail Search Print Radiation
@tbisaacs
Mail Search Print Radiation
@tbisaacs
Links & Interactions
@tbisaacs
163
Activity LogUpdated 2 hours ago
Skilled Athlete
Meals & Snacks
Weight & Stats
Progress Photo
Today
Sleep ActivityZZZ
Supplements
2
0
1
1
3
2
Vitals 1
Activity LogUpdated 2 hours ago
Skilled Athlete
Meals & Snacks
Weight & Stats
Progress Photo
Today
Sleep ActivityZZZ
Supplements
2
0
1
1
3
2
Vitals 1
Sunday, July 24
July 2011July 2011July 2011July 2011July 2011July 2011July 2011S 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 LogUpdated 2 hours ago
Skilled Athlete
Today
Blueberries, bbq chicken breast, macadamia nuts.1:11 pm
2
4Ground beef, broccoli, cauliflower, and almonds.8:14 am
ZZZ 17 minute nap10:33 am 0
01 tbsp Nordic Naturals fish oil8:14 am
Yesterday
Blueberries, bbq chicken breast, macadamia nuts.1:11 pm
0
New weigh-in: 145 pounds8:14 am 9
Record A MealBack Record
Describe your meal
Was meal Paleo?
Did meal have dairy? NO
YES
Sharing
YES
YES
@tbisaacs
Wireframe
@tbisaacs
tbisaacsAccounts
Search Timeline
10:00 AMCARRIER 3G
@
axbomhyperlinkI must say, I love wireframing in #keynotekungfu http://uxa.se/kkfu - 2 more pages, then off to #blonski
1 hour
annettepriestprototyping for iPhone and about to compare Mockapp.com with Keynotekungfu.com. Should be an interesting battle.
1 hour
gldnspudVerdict: http://keynotekungfu.com is AWESOME. Thank you @tbisaacs!!!
1 hour
New Tweet
Prototype
@tbisaacs
Keynote’s powerful linking system allows the creation of completely non-linear, stand-alone prototypes.
@tbisaacs #MIMASummit167
Activity LogUpdated 2 hours ago
Skilled Athlete
Meals & Snacks
Weight & Stats
Progress Photo
Today
Sleep ActivityZZZ
Supplements
2
0
1
1
3
2
Vitals 1
Activity LogUpdated 2 hours ago
Skilled Athlete
Meals & Snacks
Weight & Stats
Progress Photo
Today
Sleep ActivityZZZ
Supplements
2
0
1
1
3
2
Vitals 1
Sunday, July 24
July 2011July 2011July 2011July 2011July 2011July 2011July 2011S 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 LogUpdated 2 hours ago
Skilled Athlete
Today
Blueberries, bbq chicken breast, macadamia nuts.1:11 pm
2
4Ground beef, broccoli, cauliflower, and almonds.8:14 am
ZZZ 17 minute nap10:33 am 0
01 tbsp Nordic Naturals fish oil8:14 am
Yesterday
Blueberries, bbq chicken breast, macadamia nuts.1:11 pm
0
New weigh-in: 145 pounds8:14 am 9
Record A MealBack Record
Describe your meal
Was meal Paleo?
Did meal have dairy? NO
YES
Sharing
YES
YES
@tbisaacs #MIMASummit168
@tbisaacs #MIMASummit169
@tbisaacs #MIMASummit
Activity LogUpdated 2 hours ago
Skilled Athlete
Meals & Snacks
Weight & Stats
Progress Photo
Today
Sleep ActivityZZZ
Supplements
2
0
1
1
3
2
Vitals 1
Select
4
Always link to a slide number!
@tbisaacs #MIMASummit
Activity LogUpdated 2 hours ago
Skilled Athlete
Meals & Snacks
Weight & Stats
Progress Photo
Today
Sleep ActivityZZZ
Supplements
2
0
1
1
3
2
Vitals 1
Select
2
@tbisaacs #MIMASummit
Activity LogUpdated 2 hours ago
Skilled Athlete
Meals & Snacks
Weight & Stats
Progress Photo
Today
Sleep ActivityZZZ
Supplements
2
0
1
1
3
2
Vitals 1Select
3
@tbisaacs #MIMASummit
1
Record A MealBack Record
Describe your meal
Was meal Paleo?
Did meal have dairy? NO
YES
Sharing
YES
YES
Select Select
@tbisaacs
10:00 AMCARRIER 3G
My Places
Downtown12345 Maple Drive, Dallas, TX 76051
West Side12345 Maple Drive, Dallas, TX 76051
Midway12345 Maple Drive, Dallas, TX 76051
@tbisaacs
10:00 AMCARRIER 3G
My Places
Super Secret Menu
Downtown12345 Maple Drive, Dallas, TX 76051
West Side12345 Maple Drive, Dallas, TX 76051
Midway12345 Maple Drive, Dallas, TX 76051
@tbisaacs
10:00 AMCARRIER 3G
My Places
Super Secret Menu
Downtown12345 Maple Drive, Dallas, TX 76051
West Side12345 Maple Drive, Dallas, TX 76051
Midway12345 Maple Drive, Dallas, TX 76051
@tbisaacs
10:00 AMCARRIER 3G
My Places
Super Secret Menu
Downtown12345 Maple Drive, Dallas, TX 76051
West Side12345 Maple Drive, Dallas, TX 76051
Midway12345 Maple Drive, Dallas, TX 76051
@tbisaacs
10:00 AMCARRIER 3G
My Places
Super Secret Menu
Downtown12345 Maple Drive, Dallas, TX 76051
West Side12345 Maple Drive, Dallas, TX 76051
Midway12345 Maple Drive, Dallas, TX 76051
@tbisaacs
open animation
close animation
@tbisaacs
You
@tbisaacs
You
@tbisaacs
Testing On Device
@tbisaacs
@tbisaacs
@tbisaacs
@tbisaacs
@tbisaacs
@tbisaacs
Limited by file size
@tbisaacs
@tbisaacs
@tbisaacs
CLICK
@tbisaacs
@tbisaacs
@tbisaacs
Dropbox
@tbisaacs
@tbisaacs
@tbisaacs
@tbisaacs
@tbisaacs
@tbisaacs
@tbisaacs
@tbisaacs
@tbisaacs
@tbisaacs
TAP
@tbisaacs
The slide action is
disruptive to the prototype
@tbisaacs
@tbisaacs
Let’s try iBooks!
@tbisaacs
@tbisaacs
@tbisaacs
@tbisaacs
Let’s try GoodReader
@tbisaacs
@tbisaacs
It looks complex upon initial view...
@tbisaacs
Looks promising.
@tbisaacs
Looks promising. TAP
@tbisaacs
Nailed it.
@tbisaacs
@tbisaacs
Prototyping Exercise
Blue construction paper texture is EXACTLY what this slide needs.
AMIRIGHT?
BOOM.
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
1
or alt + ⌘ + c
2
or alt + ⌘ + v
3
:)
@tbisaacs
@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
@tbisaacs
And, Thank You!
GO FORTH AND BUILD.