How to design wireframe like a ninja: Short guide

KEYNOTE
KUNG-FU
HOW NINJAS WIREFRAME
@tbisaacs
improving
by day
by night
@tbisaacs
app.com
Windows
XHTML
CSS
PHP
JavaScript
Mac OS X
User Interface Design
Interaction Design
Information Design
Data Visualization
Photography
Information
Architecture
Design Research
My name is Travis, and I make
“wireframes” with Keynote.
I’m not an IA
!
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?
Addresses
Convert to estimate
SUNDAY
MONDAY
TUESDAY
WEDNESDAY
THURSDAY
FRIDAY
SATURDAY
FEB
7
2010
7

8
9
10
11
12
13
FEB
14
2010
14
15
16
17
18
19
20
FEB
21
2010
21
22
23
24
25
26
27
FEB
28
2010
28

1
2
3
4
5
6
MAR
7
2010
7
8
9
10
11
12
13
MAR
14
2010
14
15
16
17
18
19
20
MAR
28
2010
21

22
23
24
25
26
28
DAY WEEK
Creative
NEW
Mid-Cities (50)
Morning breakfast special
99 cent fountain drinks
Morning breakfast special
Beer and 8lb ice
Default image
SUNDAY
MONDAY
TUESDAY
WEDNESDAY
THURSDAY
FRIDAY
SATURDAY
FEB
7
2010
7
8
9
10
11

12
13
FEB
14
2010
14
15
16
17
18
19
20
FEB
21
2010
21
22
23
24
25
26
27
FEB
28
2010
28
1
2
3
4

5
6
MAR
7
2010
7
8
9
10
11
12
13
MAR
14
2010
14
15
16
17
18
19
20
MAR
28
2010
21
22
23
24
25

26
28
DAY WEEK
Creative
NEW
Mid-Cities (50)
Morning breakfast special
99 cent fountain drinks
Morning breakfast special
Beer and 8lb ice
Default image
CLICK
12 AM
4 AM
8 AM
NOON
4 PM
8PM
SUN
2/7/10
MON
2/8/10
TUE
2/9/10
WED
2/10/10
THU
2/11/10
FRI
2/12/10

SAT
2/13/10
WEEKDAY
Creative
NEW
Mid-Cities (50)
Morning breakfast special
99 cent fountain drinks
Morning breakfast special
Beer and 8lb ice
Default image
12 AM
4 AM
8 AM
NOON
4 PM
8PM
SUN
2/7/10
MON
2/8/10
TUE
2/9/10
WED
2/10/10
THU
2/11/10
FRI
2/12/10
SAT

2/13/10
WEEKDAY
Creative
NEW
Mid-Cities (50)
Morning breakfast special
99 cent fountain drinks
Morning breakfast special
Beer and 8lb ice
Default image
CLICK
12 AM
4 AM
8 AM
NOON
4 PM
8PM
SUN
2/7/10
MON
2/8/10
TUE
2/9/10
WED
2/10/10
THU
2/11/10
FRI
2/12/10
SAT

2/13/10
WEEKDAY
Creative
NEW
Mid-Cities (50)
Morning breakfast special
99 cent fountain drinks
Morning breakfast special
Beer and 8lb ice
Default image
Edit Schedule
SAVE
or Cancel
Morning breakfast special
Start at: Midnight
for
3 hours
12:00 am to 3:00 am
Repeats: Weekly
Repeats forever
Repeats until:
S M T W T F S
Start date: 2/12/2010
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
Insulate Cielings
1870
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
Insulate Cielings
1870
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 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
External Doors
1450
Add Item Take-off complete
Plumbing Fixtures
1200
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
External Doors
1450
Add Item
CLICK
Take-off complete

Plumbing Fixtures
1200
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.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 ColorAlign Distribute
Grandparents
10”x8”
Normal condition
Photography

10” 8”
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 ColorAlign Distribute
Grandparents
10”x8”
Normal condition
Photography
10” 8”
Click
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 ColorAlign Distribute
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 ColorAlign Distribute
Click
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 ColorAlign 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”
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 ColorAlign 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
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 ColorAlign 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”