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.

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

5. Reverse Type
S.Gopinath 5

6. Keep the background clear
S.Gopinath 6

7. Keep the contrast high
S.Gopinath 7

8. Space
S.Gopinath 8

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

24. Guidelines
S.Gopinath 24

25. Underline only links
S.Gopinath 25

26. Use italic sparingly
S.Gopinath 26