Chat 1

469 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
469
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Chat 1

    1. 1. June 10, 2009
    2. 2. <ul><li>Questions? </li></ul><ul><li>Assignment </li></ul><ul><li>Usability Research – TAKE NOTES! </li></ul><ul><li>Finding Examples Activity </li></ul><ul><li>Work on.. </li></ul>
    3. 3. <ul><li>Due Monday, June 15 </li></ul><ul><li>http://i-design.wetpaint.com/page/Web+Design </li></ul>
    4. 4. Judith Norton Chief Instructional Architect B.E.S.T. Coffee Program El Camino College CITATION for principles referenced in this presentation: Norton, J. (2005). What research tells us about designing online content . MERLOT International Conference. Nashville, TN.
    5. 5. <ul><ul><li>Capability to be used by everyone including… </li></ul></ul><ul><ul><li>interface, </li></ul></ul><ul><ul><li>navigation, </li></ul></ul><ul><ul><li>content, </li></ul></ul><ul><ul><li>accessibility and </li></ul></ul><ul><ul><li>compatibility issues </li></ul></ul><ul><ul><ul><li>Red Net Networking and Internet Glossary </li></ul></ul></ul>
    6. 6. <ul><ul><li>Generic term ~ refers to design features that enable something to be user-friendly. </li></ul></ul><ul><ul><ul><li>Congress Online Project Glossary </li></ul></ul></ul>
    7. 7. <ul><ul><li>Designed to be user friendly. If not designed well ~ problems with navigation, difficult for disabled, or unclear instructions. </li></ul></ul><ul><ul><ul><li>Net Mechanic Glossary </li></ul></ul></ul>
    8. 8. <ul><li>News and commercial websites. </li></ul><ul><li>Eye tracking equipment ~ see patterns used when viewing website </li></ul>
    9. 9. <ul><li>Eyetrack headgear used by participants in study. Photo from Eyetrack. </li></ul>
    10. 10. <ul><li>Faster? </li></ul>Slower?
    11. 11. .025 seconds Progress to another group 0.1 second How many words a minute? 300
    12. 12. <ul><ul><ul><ul><li>Slower </li></ul></ul></ul></ul>Difference between reading screen media vs. print media.
    13. 13. <ul><li>Content should flow well. </li></ul><ul><li>It should be interesting. </li></ul><ul><li>Pertinent to topic. </li></ul><ul><li>Remember ~ reading slower online. </li></ul>
    14. 16. Use a smaller font Source: Why Web Users Scan Instead of Read
    15. 17. Least preferred? Times Most preferred? Verdana Easiest to read? Verdana Georgia Arial
    16. 18. Less than a second is spent on heading
    17. 19. Headings & Sub-headings Less than a second is spent on heading
    18. 20. Headings & Sub-headings Notice consistency Less than a second is spent on heading
    19. 21. Source: Eyetools
    20. 22. Source: Eyetools
    21. 23. <ul><li>Good Headings and sub-headings </li></ul><ul><li>Be consistent </li></ul><ul><ul><li>Same placement </li></ul></ul><ul><ul><li>Same color </li></ul></ul><ul><ul><li>Same font for like things </li></ul></ul>Provide…
    22. 24. 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
    23. 25. Participants first look at Textual content, then… Photo taken from Los Angeles Times Source: Accessibility humanized: A user-centered approach to web accessibility
    24. 26. Participants first look at Textual content, then… … at photos Photo taken from Los Angeles Times Use alt tags to describe non-textual information Source: Accessibility humanized: A user-centered approach to web accessibility
    25. 27. 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
    26. 28. The larger the image, the longer viewers engaged in page Viewers more engaged when image is at least 210 x 230 pixels
    27. 29. <ul><li>… have lower bandwidth </li></ul>
    28. 30. … Participants read all or part of the story that started with bold text.
    29. 31. … 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.
    30. 32. <ul><li>Participants recall information better, if… </li></ul>Text ~ to remember: Facts Names Places Multimedia ~ New information Conceptual in nature Give learner’s a choice
    31. 33. <ul><li>Animation to comprehended information better? </li></ul><ul><ul><li>Source: Eyetools </li></ul></ul>
    32. 34. <ul><li>Animation to comprehended information better? </li></ul>Sometimes… Good, descriptive Writing is best Other times… Better with graphics. <ul><ul><li>Source: Eyetools </li></ul></ul>
    33. 35. <ul><li>Chunking principle, http://www.chambers.com.au/glossary/chunk.htm </li></ul><ul><li>Information Foraging: Why Google Makes People Leave Your Site Faster http://www.useit.com/alertbox/20030630.html </li></ul><ul><li>Penn State, Fonts for the Web, http://tlt.its.psu.edu/suggestions/research/fonts.shtml </li></ul><ul><li>The Best of Eyetrack III: What We Saw When We Looked Through Their Eyes, http://www.poynterextra.org/eyetrack2004/about.htm </li></ul><ul><li>Usability…Considerations for Designing Online Courses http://pdc.cvc.edu/common/article.asp?entry=1&idx=2976 </li></ul><ul><li>Why Users Scan Instead of Read, http://www.useit.com/alertbox/whyscanning.html </li></ul>
    34. 36. <ul><li>Take one of your favorite websites </li></ul><ul><li>See if you can find an illustration on one of the principles in this presentation </li></ul><ul><li>Copy the URL to the page that you feel illustrates one of the principles </li></ul><ul><li>Return to chat </li></ul><ul><li>People will be randomly called upon to share their example </li></ul>
    35. 37. <ul><li>My Favorites Discussion (5 pts) </li></ul><ul><li>Post at least 5 principles to Design Principles wiki (10 pts) </li></ul><ul><li>Readings </li></ul><ul><li>Start thinking about ePortfolio </li></ul>

    ×