SlideShare a Scribd company logo
1 of 37
June 10, 2009
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object]
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.
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object]
[object Object],[object Object]
[object Object],[object Object]
[object Object]
[object Object],Slower?
.025 seconds Progress to  another group 0.1 second How many words a minute? 300
[object Object],Difference between reading  screen media vs. print media.
[object Object],[object Object],[object Object],[object Object]
 
 
Use a smaller font Source: Why Web Users Scan Instead of Read
Least preferred? Times Most preferred? Verdana Easiest to read? Verdana Georgia Arial
Less than a second is spent on heading
Headings & Sub-headings Less than a second is spent on heading
Headings & Sub-headings Notice  consistency Less than a second is spent on heading
Source: Eyetools
Source: Eyetools
[object Object],[object Object],[object Object],[object Object],[object Object],Provide…
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
Participants first  look at Textual  content, then… Photo taken from Los Angeles Times Source: Accessibility humanized: A user-centered approach to web  accessibility
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
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
The larger the image, the longer viewers engaged in page Viewers more  engaged when  image is at least  210 x 230 pixels
[object Object]
… Participants read all or part of the story that started with  bold  text.
… 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.
[object Object],Text  ~ to remember: Facts Names Places Multimedia   ~  New information Conceptual in  nature Give learner’s a choice
[object Object],[object Object]
[object Object],Sometimes… Good, descriptive Writing is best Other times… Better with graphics. ,[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]

More Related Content

Viewers also liked

Page Heirarchy - Luke Wroblewski
Page Heirarchy - Luke WroblewskiPage Heirarchy - Luke Wroblewski
Page Heirarchy - Luke Wroblewski
guestb27917
 
Ministry 2.0: User Centered Website Design | Matt Carlisle
Ministry 2.0: User Centered Website Design | Matt CarlisleMinistry 2.0: User Centered Website Design | Matt Carlisle
Ministry 2.0: User Centered Website Design | Matt Carlisle
Matt Carlisle
 

Viewers also liked (11)

Web User Experience (BGSU ARTD 302)
Web User Experience (BGSU ARTD 302)Web User Experience (BGSU ARTD 302)
Web User Experience (BGSU ARTD 302)
 
Joomla + SEO + Google - Joomla!Days NL 2009 #jd09nl
Joomla + SEO + Google - Joomla!Days NL 2009 #jd09nlJoomla + SEO + Google - Joomla!Days NL 2009 #jd09nl
Joomla + SEO + Google - Joomla!Days NL 2009 #jd09nl
 
Designing Intuitive SharePoint Sites
Designing Intuitive SharePoint SitesDesigning Intuitive SharePoint Sites
Designing Intuitive SharePoint Sites
 
Web Application Page Hierarchy
Web Application Page HierarchyWeb Application Page Hierarchy
Web Application Page Hierarchy
 
Page Heirarchy - Luke Wroblewski
Page Heirarchy - Luke WroblewskiPage Heirarchy - Luke Wroblewski
Page Heirarchy - Luke Wroblewski
 
Visual Design: What Does Good Design Look Like?
Visual Design: What Does Good Design Look Like?Visual Design: What Does Good Design Look Like?
Visual Design: What Does Good Design Look Like?
 
A Best Practice Approach to the Design of Natural User Interfaces (ERGOSIGN)
A Best Practice Approach to the Design of Natural User Interfaces (ERGOSIGN)A Best Practice Approach to the Design of Natural User Interfaces (ERGOSIGN)
A Best Practice Approach to the Design of Natural User Interfaces (ERGOSIGN)
 
Ministry 2.0: User Centered Website Design | Matt Carlisle
Ministry 2.0: User Centered Website Design | Matt CarlisleMinistry 2.0: User Centered Website Design | Matt Carlisle
Ministry 2.0: User Centered Website Design | Matt Carlisle
 
Introduction To Web Design with Dreamweaver Basics
Introduction To Web Design with Dreamweaver BasicsIntroduction To Web Design with Dreamweaver Basics
Introduction To Web Design with Dreamweaver Basics
 
User centered Design
User centered DesignUser centered Design
User centered Design
 
Web Design & Development Trends Presentation
Web Design & Development Trends PresentationWeb Design & Development Trends Presentation
Web Design & Development Trends Presentation
 

Similar to Chat 1

Best practices for building usable & accessible Web content
Best practices for building usable  & accessible Web contentBest practices for building usable  & accessible Web content
Best practices for building usable & accessible Web content
teaguese
 
Module 1 inquiry project - searching for bridges
Module 1   inquiry project - searching for bridgesModule 1   inquiry project - searching for bridges
Module 1 inquiry project - searching for bridges
David Crewes
 
Reference & Research Grd 6 01 Ss
Reference & Research Grd 6 01 SsReference & Research Grd 6 01 Ss
Reference & Research Grd 6 01 Ss
Lynne Oakvik
 
Inclusive E-Learning good practice becoming general practice
Inclusive E-Learning good practice becoming general practiceInclusive E-Learning good practice becoming general practice
Inclusive E-Learning good practice becoming general practice
Staff Development
 
Developing Resources For Whiteboards Newcastle 28 Jan 09
Developing Resources For Whiteboards Newcastle 28 Jan 09Developing Resources For Whiteboards Newcastle 28 Jan 09
Developing Resources For Whiteboards Newcastle 28 Jan 09
Martin Bazley
 

Similar to Chat 1 (20)

Creating online learning resources for schools for uploading
Creating online learning resources for schools   for uploadingCreating online learning resources for schools   for uploading
Creating online learning resources for schools for uploading
 
Best practices for building usable & accessible Web content
Best practices for building usable  & accessible Web contentBest practices for building usable  & accessible Web content
Best practices for building usable & accessible Web content
 
Best practices for building usable & accessible Web content
Best practices for building usable  & accessible Web contentBest practices for building usable  & accessible Web content
Best practices for building usable & accessible Web content
 
Module 1 inquiry project - searching for bridges
Module 1   inquiry project - searching for bridgesModule 1   inquiry project - searching for bridges
Module 1 inquiry project - searching for bridges
 
Unit 5 powerpoint
Unit 5 powerpointUnit 5 powerpoint
Unit 5 powerpoint
 
04 Feb 10 Jour3340 Writing For The Web
04 Feb 10   Jour3340  Writing For The Web04 Feb 10   Jour3340  Writing For The Web
04 Feb 10 Jour3340 Writing For The Web
 
Martin Bazley - using simple technologies with different audiences (reduced f...
Martin Bazley - using simple technologies with different audiences (reduced f...Martin Bazley - using simple technologies with different audiences (reduced f...
Martin Bazley - using simple technologies with different audiences (reduced f...
 
Creating online learning resources royal collection 18 jan 2011 reduced images
Creating online learning resources royal collection 18 jan 2011 reduced imagesCreating online learning resources royal collection 18 jan 2011 reduced images
Creating online learning resources royal collection 18 jan 2011 reduced images
 
Reference & Research Grd 6 01 Ss
Reference & Research Grd 6 01 SsReference & Research Grd 6 01 Ss
Reference & Research Grd 6 01 Ss
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!
 
Using Websites
Using WebsitesUsing Websites
Using Websites
 
Inclusive E-Learning good practice becoming general practice
Inclusive E-Learning good practice becoming general practiceInclusive E-Learning good practice becoming general practice
Inclusive E-Learning good practice becoming general practice
 
Semantic User Interfaces
Semantic User InterfacesSemantic User Interfaces
Semantic User Interfaces
 
Chapter 1 Concept of CALL
Chapter 1 Concept of CALLChapter 1 Concept of CALL
Chapter 1 Concept of CALL
 
UPDATED: Everything old is new again…or is it?
UPDATED: Everything old is new again…or is it?UPDATED: Everything old is new again…or is it?
UPDATED: Everything old is new again…or is it?
 
Bazley Developing And Evaluating Online Resources
Bazley Developing And Evaluating Online ResourcesBazley Developing And Evaluating Online Resources
Bazley Developing And Evaluating Online Resources
 
Social media as a tool for terminological research
Social media as a tool for terminological researchSocial media as a tool for terminological research
Social media as a tool for terminological research
 
Developing Resources For Whiteboards Newcastle 28 Jan 09
Developing Resources For Whiteboards Newcastle 28 Jan 09Developing Resources For Whiteboards Newcastle 28 Jan 09
Developing Resources For Whiteboards Newcastle 28 Jan 09
 
Developing and evaluating online learning resources
Developing and evaluating online learning resourcesDeveloping and evaluating online learning resources
Developing and evaluating online learning resources
 

More from drpmcgee

Shifting to a Blended Design
Shifting to a Blended DesignShifting to a Blended Design
Shifting to a Blended Design
drpmcgee
 

More from drpmcgee (20)

Pedagogy in Blended Courses
Pedagogy in Blended CoursesPedagogy in Blended Courses
Pedagogy in Blended Courses
 
Shifting to a Blended Design
Shifting to a Blended DesignShifting to a Blended Design
Shifting to a Blended Design
 
Lost in Translation: Where do we go from here?
Lost in Translation: Where do we go from here?Lost in Translation: Where do we go from here?
Lost in Translation: Where do we go from here?
 
Making the Blend: Shifting to a Hybrid Approach
Making the Blend: Shifting to a Hybrid ApproachMaking the Blend: Shifting to a Hybrid Approach
Making the Blend: Shifting to a Hybrid Approach
 
Learning, teaching & Web 2.0: Finding a comfortable fit
Learning, teaching & Web 2.0: Finding a comfortable fit Learning, teaching & Web 2.0: Finding a comfortable fit
Learning, teaching & Web 2.0: Finding a comfortable fit
 
The Instructional Value of Storytelling
The Instructional Value of StorytellingThe Instructional Value of Storytelling
The Instructional Value of Storytelling
 
Making the blend
Making the blendMaking the blend
Making the blend
 
Learning, teaching & Web 2.0: Finding a comfortable fit
Learning, teaching & Web 2.0: Finding a comfortable fitLearning, teaching & Web 2.0: Finding a comfortable fit
Learning, teaching & Web 2.0: Finding a comfortable fit
 
Online Course Assessment Part 2
Online Course Assessment Part 2Online Course Assessment Part 2
Online Course Assessment Part 2
 
Online Course Assessment Part 1
Online Course Assessment  Part 1Online Course Assessment  Part 1
Online Course Assessment Part 1
 
Instructional Value of Storytelling - Sloan-C
Instructional Value of Storytelling - Sloan-CInstructional Value of Storytelling - Sloan-C
Instructional Value of Storytelling - Sloan-C
 
Storytelling frameworks for digital pedagogies
Storytelling frameworks for digital pedagogiesStorytelling frameworks for digital pedagogies
Storytelling frameworks for digital pedagogies
 
Trends
TrendsTrends
Trends
 
The Gold Standard
The Gold StandardThe Gold Standard
The Gold Standard
 
Implementation
ImplementationImplementation
Implementation
 
Analysis
AnalysisAnalysis
Analysis
 
Analysis
AnalysisAnalysis
Analysis
 
Intro Instructional Design
Intro Instructional DesignIntro Instructional Design
Intro Instructional Design
 
The Future Looks Digital - TCCTA
The Future Looks Digital - TCCTAThe Future Looks Digital - TCCTA
The Future Looks Digital - TCCTA
 
The Future Looks Digital
The Future Looks DigitalThe Future Looks Digital
The Future Looks Digital
 

Recently uploaded

CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 

Recently uploaded (20)

Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Evaluating the top large language models.pdf
Evaluating the top large language models.pdfEvaluating the top large language models.pdf
Evaluating the top large language models.pdf
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 

Chat 1

  • 2.
  • 3.
  • 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.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11. .025 seconds Progress to another group 0.1 second How many words a minute? 300
  • 12.
  • 13.
  • 14.  
  • 15.  
  • 16. Use a smaller font Source: Why Web Users Scan Instead of Read
  • 17. Least preferred? Times Most preferred? Verdana Easiest to read? Verdana Georgia Arial
  • 18. Less than a second is spent on heading
  • 19. Headings & Sub-headings Less than a second is spent on heading
  • 20. Headings & Sub-headings Notice consistency Less than a second is spent on heading
  • 23.
  • 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
  • 25. Participants first look at Textual content, then… Photo taken from Los Angeles Times Source: Accessibility humanized: A user-centered approach to web accessibility
  • 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
  • 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
  • 28. The larger the image, the longer viewers engaged in page Viewers more engaged when image is at least 210 x 230 pixels
  • 29.
  • 30. … Participants read all or part of the story that started with bold text.
  • 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.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.