Ce diaporama a bien été signalé.

Wireframing: How a Napkin Can Save You a Million Bucks

22

Partager

Chargement dans…3
×
1 sur 20
1 sur 20

Plus De Contenu Connexe

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

×