Design for easy use
Download as PPTX, PDF0 likes20 views
The document provides guidelines for easy-to-use web design. It discusses three categories: color, space, and typography. For color, it recommends using high contrast and avoiding light text on dark backgrounds. For space, it suggests creating a consistent grid, keeping active space in content, and not letting headings float. For typography, it advises using a legible sans serif font, making text sizes readable, setting a medium line length, avoiding all capital letters, underlining only links, and using italics sparingly.
Design for easy use
- 1. Design for Easy Use S.Gopinath Department of Physical Science Vavuniya Campus, University of Jaffna, Sri Lanka
- 2. Three Categories • Colour • Space • Typography S.Gopinath 2
- 3. Check the Colours for Colour Blind Visitors S.Gopinath 3
- 4. Colours • Work with your brand colours. • Use light on dark sparingly.(reverse Type) • Keep the background clear. • Keep the contrast high S.Gopinath 4
- 6. Keep the background clear S.Gopinath 6
- 7. Keep the contrast high S.Gopinath 7
- 9. Six Guidelines • Create consistent patterns. • Alignment on a grid. • Keep active space in your content. • Beware of false bottom. • Don’t let headings float. • Don’t center text. S.Gopinath 9
- 10. S.Gopinath 10
- 11. Keep active space in your content S.Gopinath 11
- 12. S.Gopinath 12
- 13. Don’t let headings float S.Gopinath 13
- 14. S.Gopinath 14
- 15. Don’t Center text S.Gopinath 15
- 16. S.Gopinath 16
- 17. Typography • Set a legible sans serif font as the default • Make the default text size legible for your visitors • Set a medium line length as the default • Don’t write all capitals • Underline only links • Use italics sparingly S.Gopinath 17
- 18. Serif & Sans Serif • Sans serif fonts: Arial, Tahoma, veranda S.Gopinath 18
- 19. • Researchers who work with low-vision readers recommend familiar sans serif fonts for both paper and web. S.Gopinath 19
- 20. Make the default text size legible for your visitors • you have to write fewer words or make the type smaller. • good reason to let go of words and focus on your key messages. • If the type is too small, people won’t read what you wrote. • Write less. Use type large enough for your site visitors to read easily. S.Gopinath 20
- 21. Set a medium line length S.Gopinath 21
- 22. • Long lines are tiring to read. • Lines are too short, people don’t get whole phrase. • Medium line length 50 to 70 characters or 8 to 10 words. • Set your text to be fluid (liquid layout) S.Gopinath 22
- 23. Don’t write in all capitals S.Gopinath 23