Your SlideShare is downloading. ×
0
Dan Brown's Communicating Design Presentation to DOE
Dan Brown's Communicating Design Presentation to DOE
Dan Brown's Communicating Design Presentation to DOE
Dan Brown's Communicating Design Presentation to DOE
Dan Brown's Communicating Design Presentation to DOE
Dan Brown's Communicating Design Presentation to DOE
Dan Brown's Communicating Design Presentation to DOE
Dan Brown's Communicating Design Presentation to DOE
Dan Brown's Communicating Design Presentation to DOE
Dan Brown's Communicating Design Presentation to DOE
Dan Brown's Communicating Design Presentation to DOE
Dan Brown's Communicating Design Presentation to DOE
Dan Brown's Communicating Design Presentation to DOE
Dan Brown's Communicating Design Presentation to DOE
Dan Brown's Communicating Design Presentation to DOE
Dan Brown's Communicating Design Presentation to DOE
Dan Brown's Communicating Design Presentation to DOE
Dan Brown's Communicating Design Presentation to DOE
Dan Brown's Communicating Design Presentation to DOE
Dan Brown's Communicating Design Presentation to DOE
Dan Brown's Communicating Design Presentation to DOE
Dan Brown's Communicating Design Presentation to DOE
Dan Brown's Communicating Design Presentation to DOE
Dan Brown's Communicating Design Presentation to DOE
Dan Brown's Communicating Design Presentation to DOE
Dan Brown's Communicating Design Presentation to DOE
Dan Brown's Communicating Design Presentation to DOE
Dan Brown's Communicating Design Presentation to DOE
Dan Brown's Communicating Design Presentation to DOE
Dan Brown's Communicating Design Presentation to DOE
Dan Brown's Communicating Design Presentation to DOE
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Dan Brown's Communicating Design Presentation to DOE

10,454

Published on

Published in: Technology, Business
6 Comments
69 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
10,454
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
1
Comments
6
Likes
69
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Transcript

    • 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. &nbsp;
    • 3. &nbsp;
    • 4. &nbsp;
    • 5. &nbsp;
    • 6. &nbsp;
    • 7. &nbsp;
    • 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>
    • 9. A document captures an idea.
    • 10. War is Bad
    • 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>
    • 12. Different Kinds of Documents Persona Usability Test Plan Usability Report Screen Design Flow Chart Site Map Wireframe Content Inventory Concept Model Competitive Analysis
    • 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
    • 14. Some Examples
    • 15. Persona
    • 16. Usability Results
    • 17. Concept Model
    • 18. Content Inventory
    • 19. Site Map
    • 20. Wireframe
    • 21. A Closer Look at Flow Charts
    • 22. &nbsp;
    • 23. &nbsp;
    • 24. &nbsp;
    • 25. &nbsp;
    • 26. &nbsp;
    • 27. Anchors Steps Paths Decision Points Step Distinctions Step Details Step Groupings Error Paths Step Variations Triggers Scenarios
    • 28. Deliverable Elements <ul><li>Elements that DEFINE </li></ul><ul><li>Elements that ELABORATE </li></ul><ul><li>Elements that ENHANCE </li></ul>
    • 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>
    • 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>
    • 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>

    ×