Communicating Design: Web Design Documentation <ul><li>Dan Brown </li></ul><ul><li>Principal, EightShapes, LLC </li></ul><...
 
 
 
 
 
 
Web Design Methods in a Nutshell <ul><li>What do users want/need? </li></ul><ul><li>What approach will we take? </li></ul>...
A document captures an idea.
War is Bad
The Role of Documentation <ul><li>Consistency of Vision </li></ul><ul><ul><li>Documents help facilitate communication </li...
Different Kinds of Documents Persona Usability Test Plan Usability Report Screen Design Flow Chart Site Map Wireframe Cont...
Different Kinds of Documents Persona Competitive Analysis Site Maps Usability Test Plan Concept Model Flow Charts Usabilit...
Some Examples
Persona
Usability Results
Concept Model
Content Inventory
Site Map
Wireframe
A Closer Look at Flow Charts
 
 
 
 
 
Anchors Steps Paths Decision Points Step Distinctions Step Details Step Groupings Error Paths Step Variations Triggers Sce...
Deliverable Elements <ul><li>Elements that DEFINE </li></ul><ul><li>Elements that ELABORATE </li></ul><ul><li>Elements tha...
Tips for Creating Deliverables <ul><li>Identify the purpose of the document. </li></ul><ul><li>Think about the target audi...
Tips for Using Deliverables <ul><li>Communicate the purpose of the discussion </li></ul><ul><li>Relinquish control </li></...
Thanks! <ul><li>www.communicatingdesign.com </li></ul><ul><li>Dan Brown </li></ul><ul><li>[email_address] </li></ul><ul><l...
Upcoming SlideShare
Loading in …5
×

Dan Brown's Communicating Design Presentation to DOE

11,361 views
11,121 views

Published on

Published in: Technology, Business
6 Comments
73 Likes
Statistics
Notes
  • thank you
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Impressive presentation on ’Dan Brown's Communicating Design Presentation to DOE'. You’ve shown your credibility on presentation with this slideshow. This one deserves thumbs up. I’m John, owner of www.freeringtones.ws/ . Hope to see more quality slides from you.

    Best wishes.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • exceptional demonstration..convinced me to have a hardlook at my business model..amazing
    Anisa
    http://financejedi.com http://healthjedi.com
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • I really enjoyed this slide. I liked it so much that I would like to be able to download the PowerPoint file.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Quite possible the worst slide deck I've seen here.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
11,361
On SlideShare
0
From Embeds
0
Number of Embeds
169
Actions
Shares
0
Downloads
1
Comments
6
Likes
73
Embeds 0
No embeds

No notes for slide
  • 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>

    ×