Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Keynote Kung-Fu: Black Belt

Travis Isaacs
September 26, 2011

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

Travis Isaacs

September 26, 2011
Tweet

More Decks by Travis Isaacs

Other Decks in Design

Transcript

  1. KEYNOTE KUNG-FU HOW NINJAS WIREFRAME @tbisaacs 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
  2. KEYNOTE KUNG-FU HOW NINJAS WIREFRAME @tbisaacs 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 F2: Mats F3: Frames F4: Finishing TOTAL: $49 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 Color Align Distribute Image description Width Heigh x SAVE 2: Photo of Grandparents Image type Image condition Image size Add more artwork D 4” 4” 2” 3” Grandparents 10”x8” Normal condition Photography 10” 8” I can make edits here...
  3. KEYNOTE KUNG-FU HOW NINJAS WIREFRAME @tbisaacs 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 F2: Mats F3: Frames F4: Finishing TOTAL: $49 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 Color Align Distribute Image description Width Heigh x SAVE 2: Photo of Grandparents Image type Image condition Image size Add more artwork D 4” 4” 2” 3” Grandparents 10”x8” Normal condition Photography 10” 8” I can make edits here... tbisaacs Accounts Search Timeline @ 10:00 AM CARRIER 3G axbomhyperlink I must say, I love wireframing in #keynotekungfu http://uxa.se/kkfu - 2 more pages, then off to #blonski 1 hour annettepriest prototyping for iPhone and about to compare Mockapp.com with Keynotekungfu.com. Should be an interesting battle. 1 hour gldnspud Verdict: http://keynotekungfu.com is AWESOME. Thank you @tbisaacs!!! 1 hour New Tweet
  4. KEYNOTE KUNG-FU HOW NINJAS WIREFRAME @tbisaacs 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 F2: Mats F3: Frames F4: Finishing TOTAL: $49 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 Color Align Distribute Image description Width Heigh x SAVE 2: Photo of Grandparents Image type Image condition Image size Add more artwork D 4” 4” 2” 3” Grandparents 10”x8” Normal condition Photography 10” 8” I can make edits here... tbisaacs Accounts Search Timeline @ 10:00 AM CARRIER 3G axbomhyperlink I must say, I love wireframing in #keynotekungfu http://uxa.se/kkfu - 2 more pages, then off to #blonski 1 hour annettepriest prototyping for iPhone and about to compare Mockapp.com with Keynotekungfu.com. Should be an interesting battle. 1 hour gldnspud Verdict: http://keynotekungfu.com is AWESOME. Thank you @tbisaacs!!! 1 hour New Tweet slideshare.net/tbisaacs
  5. 320x48 0 1280x165 6 1024x768 1280x1024 612x79 2 768x1024 1280x720

    @jacobmorse uses 1024x768 for iPhone design documentation
  6. Conference App Ideas Meeting 07/11/2011 Jane Stakeholder / Travis Isaacs

    / Dustin Askins Brief An iPhone or Android, preferably iPhone, application that can be used to find conferences beforehand and day of when attending--so many apps get this part wrong, 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 interested in, and check-in to sessions once there. 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 • Mention that it’s free to use and free to list To wireframe... • Desktop website • Mobile website • iPhone application • iPad application • Storyboad the video... Timeline • Two weeks to wireframe • One week to create video • Launch website • Launch app Who’s there? What’s said? What to do?
  7. Conference App Ideas Meeting 07/11/2011 Jane Stakeholder / Travis Isaacs

    / Dustin Askins Brief An iPhone or Android, preferably iPhone, application that can be used to find conferences beforehand and day of when attending--so many apps get this part wrong, 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 interested in, and check-in to sessions once there. 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 • Mention that it’s free to use and free to list To wireframe... • Desktop website • Mobile website • iPhone application • iPad application • Storyboad the video... Timeline • Two weeks to wireframe • One week to create video • Launch website • Launch app Planning LANYARRRD
  8. LANYARRRD Timeline • Two weeks to wireframe • One week

    to create video • Launch website • Launch app
  9. Wireframe Video Site Launch App Launch LANYARRRD Timeline • Two

    weeks to wireframe • One week to create video • Launch website • Launch app
  10. Timeline • Two weeks to wireframe • One week to

    create video • Launch website • Launch app Wireframe Video Site Launch App Launch
  11. 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! LESSON 3
  12. Conference App Ideas Meeting 07/11/2011 Jane Stakeholder / Travis Isaacs

    / Dustin Askins Brief An iPhone or Android, preferably iPhone, application that can be used to find conferences beforehand and day of when attending--so many apps get this part wrong, 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 interested in, and check-in to sessions once there. 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 • Mention that it’s free to use and free to list To wireframe... • Desktop website • Mobile website • iPhone application • iPad application • Storyboad the video... Timeline • Two weeks to wireframe • One week to create video • Launch website • Launch app LANYARRRD
  13. Redacted Redacted Redacted Redacted Redacted Redacted Redacted Redacted Redacted Public

    Private Published to.. Redac Activity Activity Redacted Activity Redacted Redacted Redacted Published to.. Activity Redacted Redacted Activity Published to.. Managed by me Managed by me Activity Redacted Redacted Reda Our notes inform a high- level “story board”
  14. Merged Deck 1 2 3 4 5 Travis’s Deck 1

    3 5 Dustin’s Deck 2 4
  15. vs

  16. vs

  17. 10:00 AM CARRIER 3G 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 LANYARRRD Back Check In
  18. 10:00 AM CARRIER 3G 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 LANYARRRD Back Check In
  19. 10:00 AM CARRIER 3G 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 LANYARRRD Back Check In
  20. 10:00 AM CARRIER 3G 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 LANYARRRD Back Check In This is a native shape, so changing the color is easy.
  21. LANYARRRD What are you doing? Check In Cancel Check In

    Keynote Kung-Fu: Black Belt Facebook Twitter Twitter Value Share ON ON 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 But this is a Pictos icon...
  22. LANYARRRD What are you doing? Check In Cancel Check In

    Keynote Kung-Fu: Black Belt Facebook Twitter Twitter Value Share ON ON 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
  23. LANYARRRD What are you doing? Check In Cancel Check In

    Keynote Kung-Fu: Black Belt Facebook Twitter Twitter Value Share ON ON 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
  24. LANYARRRD What are you doing? Check In Cancel Check In

    Keynote Kung-Fu: Black Belt Facebook Twitter Twitter Value Share ON ON 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
  25. LANYARRRD What are you doing? Check In Cancel Check In

    Keynote Kung-Fu: Black Belt Facebook Twitter Twitter Value Share ON ON 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
  26. LANYARRRD What are you doing? Check In Cancel Check In

    Keynote Kung-Fu: Black Belt Facebook Twitter Twitter Value Share ON ON 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
  27. LANYARRRD What are you doing? Check In Cancel Check In

    Keynote Kung-Fu: Black Belt Facebook Twitter Twitter Value Share ON ON 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
  28. LANYARRRD CONFERENCE COMPANION forrr iPhone forrr iPad Free to use

    the app! Free to list your conference!  iPhone Screenshots iPad Screenshots Many apps have tried to do this right, Lanyarrrd does it rrrr’ight! Makes it easier to decide in advance what sessions to attend. I was able 10:00 AM iPad Conferences Nearby 2:00pm 10:00 AM CARRIER 3G Conferences Nearby July 14-16 in Dallas TX Search For Other Conferences rch Conferences I’m There We’ve got to show this to someone...how do we do it?
  29. TAP

  30. Outline Welcome Advanced Animation Custom Themes Keynote on iOS Prototyping

    Slide Dimensions Division of Labor Hacks & Tips Closing Story Setting Up Ideation Wireframing Prototyping Display Pitch Promotion
  31. 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 10:00 AM CARRIER 3G Big Design Conference TODAY
  32. 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 10:00 AM CARRIER 3G Big Design Conference TODAY But there a lot of moving parts, could get messy..
  33. LANYARRRD CONFERENCE COMPANION forrr iPhone forrr iPad 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!