This presentation is about the Basics of Design & Usability for Web sites. It discusses topics such as SEO, Design, and Usability.

1. Basic Web design Preliminary information you should know about online presentation and usability Laura Ruel Associate Professor, UNC-Chapel Hill [email_address]

8. Proportion

10. Direction

11. Direction http://dsc.discovery.com/convergence/pompeii/interactive/interactive.html

13. Consistency http://www.usatoday.com/news/graphics/inauguration2005/flash01.htm

15. Contrast http://www.zdf.de/ZDFxt/module/holocaust/

17. A little history…. 216 Web “Safe” Colors http://www.websitetips.com/color/colourchart.html

18. Kuler

20. Restraint http://www.sun-sentinel.com/news/custom/interactivefeature/sfl-edge-survivors,0,4391577.htmlstory

22. Attention to detail http://www.newsobserver.com/sports/golf/usopen/multimedia/?course

24. 5 Usability Tips to know

25. Start with a storyboard. Usability tip #1

26. Usability tip #2 Have one navigation scheme and stick to it. Never move (or eliminate) navigation. For initial navigation: top • sides • bottom When navigation fails, you can’t even get there.

32. Usability tip #4 White space wins White space also makes content more readable. A study (Lin, 2004) found that good use of white space between paragraphs and in the left and right margins increases comprehension by almost 20%. In fact, according to Chaperro, Shaikh and Baker, the layout on a Web page (including white space, headers, indentation and figures) may not measurably influence performance but does influence user satisfaction and experience.

33. Usability tip #5 Feature faces