1 / 31

What Research Tells us About Designing Online Content

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. Usability. Capability to be used by everyone including… interface,

Download Presentation

What Research Tells us About Designing Online Content

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  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 Easiest to read? Verdana Georgia Arial Most preferred? Verdana

  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 … at photos Participants first look at Textual content, then… Use alt tags to describe non-textual information Photo taken from Los Angeles Times Exact oppositeof studies conducted on print media 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… Multimedia~ New information Conceptual in nature Text ~ to remember: Facts Names Places Give learner’s a choice

  25. Process? Procedure? Animation to comprehended information better 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. Allows for userinteraction throughexploration User Driven Medium Source: Information Foraging: Why Google Makes People Leave Your Site Faster

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

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

  30. Resources Chunking principle, 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 Penn State, Fonts for the Web, 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 Usability…Considerations for Designing Online Courseshttp://pdc.cvc.edu/common/article.asp?entry=1&idx=2976 Why Users Scan Instead of Read, http://www.useit.com/alertbox/whyscanning.html

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

More Related