Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Wireframing: How a Napkin Can Save You a Million Bucks

3,700 views

Published on

Lightning talk given on November 13, 2012 at Girl Geek Sydney.

Published in: Design, Internet
  • Hey guys! Who wants to chat with me? More photos with me here 👉 http://www.bit.ly/katekoxx
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Wireframing: How a Napkin Can Save You a Million Bucks

  1. 1. Wireframing How a Napkin Can Save You a Million Bucks
  2. 2. You have an awesome website idea. You want somebody to build it. You tell them what you want.
  3. 3. (REALITY)(VISION)
  4. 4. Because developers aren’t normal. (And neither are clients.)
  5. 5. Words are ambiguous.
  6. 6. GALLERY? POP-UP? DATE PICKER? LIGHTBOX? LANDING PAGE? PROFILE? SLIDESHOW?
  7. 7. ...and nobody reads them anyway.
  8. 8. Fixing defects is expensive.
  9. 9. Relative Cost to Fix Software Defects 0 25 50 75 100 Design Implementation Testing Maintenance 1X 6.5X 15X 100X SOURCE: IBM SYSTEMS SCIENCES INSTITUTE
  10. 10. So what’s the solution? Draw a picture. That’s a wireframe.
  11. 11. Wireframes come in different degrees of fidelity.
  12. 12. Keep it low-tech to start. Napkins and beer coasters Post-Its Whiteboards Paper and pen
  13. 13. Medium weight tools: Balsamiq Mockups wireframes.cc Microsoft Visio/PowerPoint ProtoShare Adobe Fireworks
  14. 14. High end wireframing tools: Axure RP OmniGraffle Microsoft SketchFlow justinmind Prototyper
  15. 15. Thank you! EMAIL: KRIS.HOWARD@GMAIL.COM TWITTER: @WEB_GODDESS FLICKR IMAGE CREDITS: ROSS CATROW, BLUEKDESIGN, ACTIVESIDE, JKING89, YANDLE, RAYMOND LAROSE, SCOSCHIE, MEZZOBLUE, DANNOHUNG, WIERTZ SÉBASTIEN, FEATHEREDTAR, THE ENGLISH ELECTRIC COMPANY OF AUSTRALIA LIMITED

×