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.

Dan Brown's Communicating Design Presentation to DOE

12,266 views

Published on

Published in: Technology, Business

Dan Brown's Communicating Design Presentation to DOE

  1. 1. Communicating Design: Web Design Documentation <ul><li>Dan Brown </li></ul><ul><li>Principal, EightShapes, LLC </li></ul><ul><li>presented to the Energy Information Administration </li></ul><ul><li>September 20, 2006 </li></ul>
  2. 8. Web Design Methods in a Nutshell <ul><li>What do users want/need? </li></ul><ul><li>What approach will we take? </li></ul><ul><li>How will we fulfill that need? </li></ul><ul><li>Does the solution effectively fill the need? </li></ul>
  3. 9. A document captures an idea.
  4. 10. War is Bad
  5. 11. The Role of Documentation <ul><li>Consistency of Vision </li></ul><ul><ul><li>Documents help facilitate communication </li></ul></ul><ul><li>Accountability </li></ul><ul><ul><li>Documents represent project history </li></ul></ul><ul><li>Traceability </li></ul><ul><ul><li>Documents show progress </li></ul></ul>
  6. 12. Different Kinds of Documents Persona Usability Test Plan Usability Report Screen Design Flow Chart Site Map Wireframe Content Inventory Concept Model Competitive Analysis
  7. 13. Different Kinds of Documents Persona Competitive Analysis Site Maps Usability Test Plan Concept Model Flow Charts Usability Reports Content Inventory Wireframes Screen Designs User Needs Strategy Desgin
  8. 14. Some Examples
  9. 15. Persona
  10. 16. Usability Results
  11. 17. Concept Model
  12. 18. Content Inventory
  13. 19. Site Map
  14. 20. Wireframe
  15. 21. A Closer Look at Flow Charts
  16. 27. Anchors Steps Paths Decision Points Step Distinctions Step Details Step Groupings Error Paths Step Variations Triggers Scenarios
  17. 28. Deliverable Elements <ul><li>Elements that DEFINE </li></ul><ul><li>Elements that ELABORATE </li></ul><ul><li>Elements that ENHANCE </li></ul>
  18. 29. Tips for Creating Deliverables <ul><li>Identify the purpose of the document. </li></ul><ul><li>Think about the target audience, and how they’ll use the document. </li></ul><ul><li>List of all the information you want to capture. </li></ul><ul><li>Prioritize the information based on the purpose and the audience. </li></ul><ul><li>Create a “visual language” to represent your ideas consistently. </li></ul>
  19. 30. Tips for Using Deliverables <ul><li>Communicate the purpose of the discussion </li></ul><ul><li>Relinquish control </li></ul><ul><li>Note opportunities for improvement </li></ul><ul><li>Estimate value of keeping document up-to-date </li></ul>
  20. 31. Thanks! <ul><li>www.communicatingdesign.com </li></ul><ul><li>Dan Brown </li></ul><ul><li>[email_address] </li></ul><ul><li>www.eightshapes.com </li></ul>

×