Principles for designing Information-based websites

587 views

Published on

For a presentation to the Technical Documentation team

Published in: Design, Education, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
587
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Principles for designing Information-based websites

  1. 1. Design for Content-basedWeb PagesSoo Basu • XD
  2. 2. How do people read online?
  3. 3. How do people read online?
  4. 4. Seeing is not Reading
  5. 5. Seeing is not Reading
  6. 6. Seeing is not Reading
  7. 7. Seeing is not Reading
  8. 8. Seeing is not Reading
  9. 9. Seeing is not Reading
  10. 10. Seeing is not Reading
  11. 11. Seeing is not Reading
  12. 12. Seeing is not Reading
  13. 13. Seeing is not Reading
  14. 14. Seeing is not Reading
  15. 15. Scanning, Skimming
  16. 16. Scanning, Skimming
  17. 17. Scanning, Skimming
  18. 18. Scanning, Skimming
  19. 19. Better Even Better!
  20. 20. Better Even Better!
  21. 21. “If it looksdifficult,it’s hard to do.”
  22. 22. TECHNICAL WRITERS
  23. 23. Make tech easy to understand
  24. 24. INSTRUCTIONAL DESIGNERS
  25. 25. Make it easy to understand
  26. 26. Make it easy to understandlook^
  27. 27. Information Architecture
  28. 28. Information Architecture&Design
  29. 29. Good intentions are not enough
  30. 30. Designers are trained tosee differently.But for others, there areways...
  31. 31. • Continuation• Closure• Similarity• Proximity• Figure and GroundThe Gestalt Principles
  32. 32. 1. Clean Grid
  33. 33. 2. Segmenting Spaces
  34. 34. 3.The Hero element
  35. 35. 4. Using Color toGuide
  36. 36. 5.White space
  37. 37. 6. Consistency
  38. 38. Summing Up• Categorize & prioritize information• Use design to support information architecturewith1. Grids2. Demarcating Spaces3. A hero element4. Color5. Consistent elements
  39. 39. ThankYouImage credits: Smashing Magazine and Flickr | Get in touch for more information.

×