1. What Research Tells us About Designing Online Content Judith Norton Chief Instructional Architect B.E.S.T. Coffee Program El Camino College MERLOT International Conference Nashville, TN July 2005

2. Usability Capability to be used by everyone including… interface, navigation, content, accessibility and compatibility issues Red Net Networking and Internet Glossary

3. Usability Generic term ~ refers to design features that enable something to be user- friendly. Congress Online Project Glossary

4. Usability Designed to be user friendly. If not designed well ~ problems with navigation, difficult for disabled, or unclear instructions. Net Mechanic Glossary

5. Eyetracking Study ~ Estlow Center, University of Denver, Poynter Institute, Eyetools News and commercial websites. Eye tracking equipment ~ see patterns used when viewing website

6. Eye Headgear used in study Eyetrack headgear used by participants in study. Photo from Eyetrack.

7. How do people read online? Faster? Slower?

8. Read word or group of words.025 seconds Progress to another group 0.1 second How many words a minute? 300

9. 25% Slower Difference between reading screen media vs. print media.

10. For Students Reading.. Content should flow well. It should be interesting. Pertinent to their success. Remember ~ reading slower online.

11. Read

12. Scan

13. Want them to Read the page? Use a smaller font Source: Why Web Users Scan Instead of Read

14. Fonts Least preferred? Times Most preferred? Verdana Easiest to read? Verdana Georgia Arial

15. Headings and Sub-headings Headings & Sub-headings Notice consistency Less than a second is spent on heading

16. Eye Movements Source: Eyetools

17. Eye Priority Zones Source: Eyetools

18. For your students…. Good Headings and sub-headings Be consistent Same placement Same color Same font for like things Provide…

19. Shorter paragraphs work best Study found that participants spent twice as much time with shorter paragraphs as material in longer paragraphs. Chunk material 5 – 9 lines long Use 50% fewer words than print media Source: Chunking Principle

20. Using photos to enhance your topic Participants first look at Textual content, then… … at photos Exact opposite of studies conducted on print media Photo taken from Los Angeles Times Use alt tags to describe non-textual information Source: Accessibility humanized: A user-centered approach to web accessibility

21. Image size The larger the image, the longer viewers engaged in page Viewers more engaged when image is at least 210 x 230 pixels

22. Some students…. …have lower bandwidth

23. 95% of time… …Participants read all or part of the story that started with bold text. First few words on a page are critical for engaging the reader. Placing all content in bold is not appropriate.

24. Text? or Multimedia? Participants recall information better, if… Text ~ to remember: Facts Names Places Multimedia ~ New information Conceptual in nature Give learner’s a choice

25. Process? Procedure? Animation to comprehended information better http://pdc.cvc.edu/resourcecenter/RC.htm http://pdc.cvc.edu/resourcecenter/RC.htm Sometimes… Good, descriptive Writing is best Other times… Better with graphics. Source: Eyetools

26. Use Captivate or Camtasia sequential steps to complete a problem… audio is not necessary Orientation… Audio recommended

27. User Driven Medium Source: Information Foraging: Why Google Makes People Leave Your Site Faster Allows for user interaction through exploration

28. Learner Retention for following types of knowledge involvement Source: Forrester report, Online Training Needs a New Course, August 2000 Reading Seeking Hearing Collaboration Doing 20% 10% 25% 70% 80%

29. Remember… Font size & style Headings & Sub-headings Consistency Use of bold Paragraph length Image size Use of leading paragraphs Multimedia where appropriate Provide options for exploration

30. Resources Chunking principle, http://www.chambers.com.au/glossary/chunk.htm http://www.chambers.com.au/glossary/chunk.htm Information Foraging: Why Google Makes People Leave Your Site Faster http://www.useit.com/alertbox/20030630.html http://www.useit.com/alertbox/20030630.html Penn State, Fonts for the Web, http://tlt.its.psu.edu/suggestions/research/fonts.shtml http://tlt.its.psu.edu/suggestions/research/fonts.shtml The Best of Eyetrack III: What We Saw When We Looked Through Their Eyes, http://www.poynterextra.org/eyetrack2004/about.htm http://www.poynterextra.org/eyetrack2004/about.htm Usability…Considerations for Designing Online Courses http://pdc.cvc.edu/common/article.asp?entry=1&idx=2976 http://pdc.cvc.edu/common/article.asp?entry=1&idx=2976 Why Users Scan Instead of Read, http://www.useit.com/alertbox/whyscanning.html http://www.useit.com/alertbox/whyscanning.html

31. For further information, contact Judith Norton judithnorton@mindspring.com Cell: 714.726.3834