For a presentation to the Technical Documentation team

1. Design for Content-based
Web Pages
Soo Basu • XD

2. How do people read online?

3. How do people read online?

4. Seeing is not Reading

5. Seeing is not Reading

6. Seeing is not Reading

7. Seeing is not Reading

8. Seeing is not Reading

9. Seeing is not Reading

10. Seeing is not Reading

11. Seeing is not Reading

12. Seeing is not Reading

13. Seeing is not Reading

14. Seeing is not Reading

15. Scanning, Skimming

16. Scanning, Skimming

17. Scanning, Skimming

18. Scanning, Skimming

19. Better Even Better!

20. Better Even Better!

22. “If it looks
difficult,
it’s hard to do.”

23. TECHNICAL WRITERS

24. Make tech easy to understand

25. INSTRUCTIONAL DESIGNERS

26. Make it easy to understand

27. Make it easy to understand
look
^

28. Information Architecture

29. Information Architecture
&
Design

30. Good intentions are not enough

32. Designers are trained to
see differently.
But for others, there are
ways...

33. • Continuation
• Closure
• Similarity
• Proximity
• Figure and Ground
The Gestalt Principles

36. 1. Clean Grid

43. 2. Segmenting Spaces

51. 3.The Hero element

57. 4. Using Color to
Guide

62. 5.White space

71. 6. Consistency

75. Summing Up
• Categorize & prioritize information
• Use design to support information architecture
with
1. Grids
2. Demarcating Spaces
3. A hero element
4. Color
5. Consistent elements

76. ThankYou
Image credits: Smashing Magazine and Flickr | Get in touch for more information.