Keynote Kung-Fu: How to wireframe like a ninja

KEYNOTE HOW NINJAS WIREFRAME KUNG-FU @tbisaacs

improving by day by night app.com @tbisaacs

User Interface Design Windows Interaction Design XHTML CSS Information Design PHP Photography Information Architecture JavaScript Mac OS X Data Visualization Design Research

My name is Travis, and I make “wireframes” with Keynote.

! I’m not an IA

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

Mid-Cities (50) DAY WEEK Creative NEW SUNDAY MONDAY TUESDAY WEDNESDAY THURSDAY FRIDAY SATURDAY Morning breakfast special FEB 99 cent fountain drinks 7 2010 7 8 9 10 11 12 13 Morning breakfast special FEB Beer and 8lb ice 14 2010 14 15 16 17 18 19 20 Default image 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

K Mid-Cities (50) CLIC DAY WEEK Creative NEW SUNDAY MONDAY TUESDAY WEDNESDAY THURSDAY FRIDAY SATURDAY Morning breakfast special FEB 99 cent fountain drinks 7 2010 7 8 9 10 11 12 13 Morning breakfast special FEB Beer and 8lb ice 14 2010 14 15 16 17 18 19 20 Default image 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

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

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

Mid-Cities (50) DAY WEEK Creative NEW 12 AM 4 AM 8 AM NOON 4 PM 8PM Morning breakfast special 99 cent fountain drinks SUN Edit Schedule 2/7/10 Morning breakfast special Start date: 2/12/2010 Morning breakfast special MON Beer and 8lb ice 2/8/10 Start at: Midnight for 3 hours Default image 12:00 am to 3:00 am TUE 2/9/10 Repeats: Weekly S M T W T F S Repeats forever WED 2/10/10 Repeats until: THU SAVE or Cancel 2/11/10 FRI 2/12/10 SAT 2/13/10

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

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

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

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

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

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

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

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”

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”

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

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

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 Image description Grandparents on a dimension 10”x8” size Image Width 10” x Height 8” 4” 3”4” Image condition Photography Image type Normal condition 2” SAVE Delete 1: Children 2: Grandparents 10” x 8” 10” x 8” Add more artwork 4” Mat Dimensions: 27” x 16” 3”

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

All Things Considered Muybridge: The Man Who Made Pictures Move Radio near Dallas, TX (88 stations) 88.1 FM The One (KNTU) - It’s All About Jazz EDGE LISTEN Public, Denton TX

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 ﬁrst 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 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

My design process capturing ideas and sketching lo-fi interfaces PROTOTYPE HTML, CSS, jQuery, 960.gs SKETCH WIREFRAME Pencil & Paper Keynote baby! COMP Photoshop FIDELITY

My design process Design the foundation (lots of iterating) PROTOTYPE HTML, CSS, jQuery, 960.gs SKETCH WIREFRAME Pencil & Paper Keynote baby! COMP Photoshop FIDELITY

My design process PROTOTYPE HTML, CSS, jQuery, 960.gs SKETCH WIREFRAME Refine the aesthetics Pencil & Paper Keynote baby! COMP Photoshop FIDELITY

My design process Polish the interactions PROTOTYPE HTML, CSS, jQuery, 960.gs SKETCH WIREFRAME Pencil & Paper Keynote baby! COMP Photoshop FIDELITY

HARD FOR DESIGNER EASY FOR CLIENTS HARD FOR CLIENTS TO UNDERSTAND TO UNDERSTAND EASY FOR DESIGNER

HARD FOR DESIGNER EASY FOR CLIENTS HARD FOR CLIENTS TO UNDERSTAND TO UNDERSTAND WIREFRAME EASY FOR DESIGNER

HARD FOR DESIGNER HI-FIDELITY COMP EASY FOR CLIENTS HARD FOR CLIENTS TO UNDERSTAND TO UNDERSTAND WIREFRAME EASY FOR DESIGNER

HARD FOR DESIGNER HI-FIDELITY PROTOTYPE COMP EASY FOR CLIENTS HARD FOR CLIENTS TO UNDERSTAND TO UNDERSTAND WIREFRAME EASY FOR DESIGNER

HARD FOR DESIGNER HI-FIDELITY PROTOTYPE COMP HI-FIDELITY WIREFRAME EASY FOR CLIENTS HARD FOR CLIENTS TO UNDERSTAND TO UNDERSTAND WIREFRAME EASY FOR DESIGNER

High WIN: Fidelity Wireframes HARD FOR DESIGNER HI-FIDELITY PROTOTYPE COMP HI-FIDELITY WIREFRAME EASY FOR CLIENTS HARD FOR CLIENTS TO UNDERSTAND TO UNDERSTAND WIREFRAME EASY FOR DESIGNER

High WIN: Fidelity Wireframes HARD FOR DESIGNER HI-FIDELITY PROTOTYPE Relatively cheap to create COMP Easy to throw away Enough fidelity for clients to visualize the end-result Less time describing functionality HI-FIDELITY WIREFRAME EASY FOR CLIENTS HARD FOR CLIENTS TO UNDERSTAND TO UNDERSTAND WIREFRAME EASY FOR DESIGNER

WIN HARD FOR DESIGNER HI-FIDELITY PROTOTYPE Relatively cheap to create COMP Easy to throw away Enough fidelity for clients to visualize the end-result Less time describing functionality HI-FIDELITY WIREFRAME EASY FOR CLIENTS HARD FOR CLIENTS TO UNDERSTAND TO UNDERSTAND WIREFRAME EASY FOR DESIGNER RISKS: Wireframes that are “too designed” distract the client from the “big picture” concepts.

My design process PROTOTYPE HTML, CSS, jQuery, 960.gs SKETCH WIREFRAME Pencil & Paper Keynote baby! COMP Photoshop FIDELITY

My design process Lot’s of friction PROTOTYPE HTML, CSS, jQuery, 960.gs SKETCH WIREFRAME Lot’s of friction Pencil & Paper Keynote baby! COMP Photoshop FIDELITY

Why Keynote?

It’s $79 bucks

Gorgeous presentations

Powerful Drawing Tools

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:

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: - - I hereby afﬁrm under the penalties of purgery that the preceding statements are true/correct to the best of my knowledge.

NEW SCAN FOR: Patient name (you can change this later) LOOKUP CANCEL SCAN LEFT FOOT RIGHT FOOT SCAN SCAN Dr. Newsom 12 orders waiting to be sent

Powerful Drawing Tools Primitive Shapes Pen tool AWESOME!

Powerful Drawing Tools Solid fill Gradient fill Radial gradients Image fill Drop shadow and text shadow, woohoo! Instant Web 2.0 OMG BBQ Alpha transparency

Powerful Drawing Tools Full-featured type control

BECOME A KEYNOTE KUNG-FU MASTER IN 12 EASY LESSONS

LESSON 1 Tell a story Batch upload Use your wireframes for gaining consensus and alignment. Take your audience along with you - show them how you came to a conclusion. NEW New user Conﬁrm Email Hotel or Agency Enter Info Select Agency Terms or Property Verify Email Notify Hotel Welc or Agency

http:/ /slideshare.net/tbisaacs/influencing-change-through-presentations

Describe how I get from point A to B New User Batch upload NEW New user Conﬁrm Email Hotel or Agency Enter Info Select Agency Terms & Conditions Overview or Property Verify Email Notify Hotel Welcome Email or Agency

LESSON 2 Visually narrate the interface details Imagine that your wireframes are a flip-book. Walk your audience through each interaction frame-by-frame.

Travis Isaacs

Travis Isaacs K CLIC

Travis Isaacs Change your name Change your photo Log out

Show Page Movement G DRA

K TAP PE CH CLIC SWI PIN

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!

Master Slide Content Slide

Most of the work is done in here

LESSON 4 Create a library of components Store common UI components like buttons, form controls, tabs, text treatments, etc.

LESSON 5 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

or alt + ⌘ + c 1

or alt + ⌘ + v 2

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

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

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

Copy Style

Paste Style

Un-Group

Insert (Choose)

New Slide

LESSON 8 Tables are for more than just data 88.1 FM The One (KNTU) - It’s All About Jazz Public, Denton TX Tables make great guides. Use them to evenly divide areas. 88.5 FM KEOM - Your Community Leader 70’s, Mesquite TX 89.3 FM KNON - The Voice of The People Oh, they are great for data too (ever tried Community, Dallas TX to mockup a table in Photoshop?) 89.7 FM POWER FM (KVRK) - The Christian.... NOW: Adrian Humm Christian Rock, Sanger TX 90.1 FM KERA NOW: All Things Con Public, Dallas TX 90.5 FM KAWZ - Where God’s Word is Heard NOW: KCBI Music M Christian, Irving TX 90.9 FM KCBI Christian Contemporary, Dallas TX 91.7 FM KXT - Music to the Core NOW: KXT Afternoo Eclectic, Dallas TX 92.5 FM Lone Star 92.5 (KZPS) Classic Rock, Dallas TX

Music Talk Radio By Location Sports Settings

Radio By Location Music Sports Talk Settings

LESSON 9 Add text to shape layer whenever possible Add text directly inside the shape instead of creating a shape and creating text. It’s easier to adjust the size and it’s one less Shape and text are separate layers group that you have to worry about. Text is in shape layer

LESSON 10 Keep your theme lean Delete unused master slides to reduce the size of your .key file.

LESSON 11 Swap between Photoshop/ Illustrator 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.

LESSON 12 Don’t limit yourself to gray boxes Capture your ideas in whatever fidelity that tells your story. Don’t be afraid to add some visual appeal to your wireframes.

Submit Submit

border-radius -webkit-gradient Submit -moz-linear-gradient text-shadow box-shadow

Label: Leave a comment: Yes Option 1 No Option 2   ON OFF Button Button Please Select  Please select... Option 1 Option 2 Option 3    

Active Tab Inactive Tab Inactive Tab Active Tab Inactive Tab Inactive Tab Active Tab Inactive Tab Inactive Tab 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 Home Page 1 Page 2

Last Name  First Name  Email  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 Isaacs Travis hello@travisisaacs.com Isaacs Travis hello@travisisaacs.com Isaacs Travis hello@travisisaacs.com Isaacs Travis hello@travisisaacs.com

Window Title

Heading Level 1 Heading Level 1 These are mainly just to copy styles from (option + ⌘ + c) 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>

IMAGE HD VIDEO

K CLIC TAP E S WIP Just a friendly reminder PIN CH Window Title

ONLY $12 at keynotekungfu.com

@tbisaacs travisisaacs.com slideshare.net/tbisaacs

http://keynotekungfu.com	199354
http://mashable.com	7389
http://www.mightydeals.com	5651
http://www.vanseodesign.com	4757
http://arquiteturadeinformacao.com	3545
http://rostrata.net	2578
http://sonspring.com	2360
http://effectivemarketer.com	2306
http://jonathanmoore.com	1931
http://konigi.com	927
http://www.marsie.com	824
http://ontwik.com	822
http://www.endeneu.net	470
http://www.thuer.com.ar	352
http://translate.googleusercontent.com	346
http://www.pagedegeek.com	308
http://www.slideshare.net	307
http://localhost	281
http://www.localwisdom.com	194
http://www.jvetrau.com	177
http://localhost:4000	164
http://blog.jayparkinsonmd.com	160
http://www.keynotekungfu.com	140
http://eismann-sf.com	133
http://onstuimig.nl	105
http://www.fishingonmaui.com	91
http://www.konigi.com	86
http://www.guerillagirl.de	76
http://livercake.tumblr.com	72
http://www.petemachine.co.uk	71
http://static.slidesharecdn.com	69
http://www.usercentered.de	68
http://blog.webcore.com.br	67
http://rumkokos.soup.io	66
http://ideenschmiede.lotum.de	61
http://ialja.blogspot.com	53
http://contentstrategyinsiders.blogspot.com	52
http://tweets.kissmetrics.com	39
http://paper.li	39
http://thehotstrudel.blogspot.com	37
http://hannerl.blogspot.com	37
http://www.sortega.com	34
http://macbundles.yadapoint.com	34
http://safe.tumblr.com	30
http://webcache.googleusercontent.com	28
http://blog.frontdeskhq.com	27
http://uxbookclubchicago.org	27
http://admin.lvh.me	26
http://uxlabs.pl	26
http://hannerl.blogspot.de	25
http://feeds.feedburner.com	25

Keynote Kung-Fu: How to wireframe like a ninja

by Travis Isaacs

Accessibility

Categories

Upload Details

Usage Rights

225 Embeds 237K

Statistics

Keynote Kung-Fu: How to wireframe like a ninja Presentation Transcript