SlideShare a Scribd company logo
Designing Websites for Seniors


      Nikki Kerber and Allison Francis
                 IDIA 612
               Feb. 14, 2012
Introduction
 ● Older adults, or seniors have a harder time using the
   Internet and browsing websites compared to younger adults
   and teenagers.
 ● Designing for seniors is relativity easy - it only takes a few
   modifications. In fact, it has been noted that designing for
   seniors makes the design better for all other user groups as
   well.
Introduction
 ● Seniors use the web to find health information, bank online,
   research travel options, shop, and e-mail.
 ● A Seniornet study [1998] discovered that a major incentive
   for older adults to own a computer is to obtain information
   about health care and medical conditions.
 ● A 2003 study showed that searching for health information
   was one of the most popular activities on the internet for
   older adults.
Who Are Senior Citizens?
 ● AARP classifies "older adults" to be those over 50
   years old.
 ● Many studies account for a wide variety of definitions,
   involving participants between 55 - 75 years of age.
 ● (Bailey 2004) proposes the following classification
   system to help clarify age definitions:
     ○ Young: 18-39 years
     ○ Middle-ages: 40-59 years
     ○ Older: 60-74
     ○ Old-old: 75+ years
Statistics
 ● The United Nations (UN) estimates that by 2050 one in five
   individuals will be over 60 years old.
 ● As of 2003 in Canada, about 25%
   of households with people 65 and older and 59% of
   households with people 55–64 were online. The percentage
   of Canadians age 65 and older who are online has more
   than doubled in the past four years (Statistics Canada 2004)
 ● In a February 2004 survey, 22% of Americans age 65 or
   older reported having access to the Internet. This
   represents a 47% increase between 2000 and 2004. Eight
   million seniors now go online.
Statistics
Demographic forecast for the EU
Aging Issues That Affect Seniors
 ● Vision decline
    ○ 16% of people 65 - 74 years
    ○ 19% of people 75 – 84 years
    ○ 46% of people 85+ years
 ● Cognitive decline
 ● Motor skill decline
    ○ Arthritis, Parkinson's,Tremors
 ● Hearing loss
    ○ 47% of people 61 to 80 years
    ○ 93% of people 81+ years
Barriers to Web Use

Older people are experiencing web accessibility barriers due to:

 ● Poor design and poor coding of websites
 ● Complex software and assistive technologies
 ● Little or no prior experience with computers
Web Accessibility Initiative: Aging Education
and Harmonization (WAI-AGE) Project
The WAI-AGE project ended in
2010 but included activities to:

  ● better understand web
    accessibility needs of the aging
  ● community work with the aging
    community to obtain more direct
    input and contribution for Web
    accessibility solutions.
  ● revise existing and develop new
    educational materials
  ● promote the adoption and
    implementation of a common set
    of Web accessibility guidelines
    for older adults and those with
    disabilities.                      http://www.w3.org/WAI/older-users/
Making Your Website Senior Friendly
 ● Organizing Web Information for Older Adults
 ● Writing Online Text for Older Adults
 ● Designing Readable Online Text for Older Adults
 ● Making Web Information Easy for Older Adults to Find
    ○ Including Other Media
 ● Making Sure That Older Adults Can Use Your Website
Making Your Website Senior Friendly
 ● Break information into short sections.
 ● Give instructions clearly and number each step.
 ● Minimize the use of jargon and technical terms.
 ● Use single mouse clicks.
 ● Allow additional space around clickable targets.
 ● Use 12- or 14-point type size, and make it easy for users to
   enlarge text.
 ● Use high-contrast color combinations, such as black type
   against a white background.
 ● Provide a speech function to hear text read aloud.
 ● Provide text-only versions of multimedia content.
 ● Minimize scrolling.
 ● Choose a search engine that uses keywords and doesn’t
   require special characters or knowledge of Boolean terms.
Resources




http://www.nia.nih.                    http://www.nlm.nih.
gov/health/publication                 gov/pubs/staffpubs/od/ocpl/agin
/making-your-website-senior-friendly   gchecklist.html
Design Principles for Seniors

 ● Interaction design: designing the way users work
   with the site
 ● Information architecture: organizing the content
 ● Visual design: designing the pages
 ● Information design: writing and formatting the content
Design Principles for Seniors

Interaction design
 ● Use conventional interaction elements.
 ● Make it obvious what is clickable and what is not.
 ● Make clickable items easy to target and hit.
 ● Minimize vertical scrolling; eliminate horizontal scrolling.
 ● Ensure that the Back button behaves predictably.
 ● Let the user stay in control.
 ● Provide clear feedback on actions
 ● Provide feedback in other modes in addition to visual.
Design Principles for Seniors

Information architecture
  ● Make the structure of the web site as visible as possible.
  ● Clearly label content categories; assist recognition and
    retrieval rather than recall.
  ● Implement the shallowest possible information hierarchy.
  ● Include a site map and a link to it from every page.
Design Principles for Seniors
Visual Design
 ● Make pages easy to skim or scan.
 ● Make elements on the page easy to read.
 ● Visually group related topics.
 ● Make sure text and background colors contrast.
 ● Use adequate white space.
Design Principles for Seniors

Information design

 ● Make it easy to find things on the page quickly.
 ● Focus the writing on audience and purpose.
 ● Use the users’ language; minimize jargon and technical
   terms
Website Examples
Website Examples
Website Examples 
Website Examples 
Website Examples 
Website Examples 
References
 ● Arch, Andrew. “Web Accessibility for Older Users.” W3C, May 14, 2008.
   Retrieved February 2012.
 ● Arch, A., & Abou-Zahra, S. (2010, September 30). Wai-age project (ist
   035015). Retrieved from http://www.w3.org/WAI/WAI-AGE/
 ● Bailey, B. (2004). Segmenting Adult Web Users into Meaningful Age Categories. July
   2004. Powerpoint presentation available at http://assets.aarp.org/www.aarp.
   org_/articles/research/oww/university/Bailey_AgeCategories4.ppt
 ● Becker, S. (2004). A study of web usability for older adults seeking online
   health resources. ACM Transactions on Human Computer Interaction, 387-
   406.
 ● Chisnell, Dana, and Ginny Redish. “AARP Audience-Centered Heuristics:
   Older Adults.” AARP, 2004. Retrieved February 2012.
 ● Chisnell, Dana, Ginny Redish, and Amy Lee. “Designing Web Sites for Older
   Adults: Expert Review of Usability for Older Adults at 50 Web Sites.” AARP,
   February 1, 2005. Retrieved February 2012.
 ● “New Heuristics for Understanding Older Adults as Web Users.”
   COMMUNICATION, February 2006. Retrieved February 2012.
 ● National Institute on Aging. “Making Your Website Senior Friendly.” National
   Institute on Aging, February 2001; revised March 2009. Retrieved February
   2012.
 ● Nielsen, J. (2002, April 28). Usability for senior citizens. Retrieved from
   http://www.useit.com/alertbox/seniors.html

More Related Content

PPTX
PDF
Content Design, UI Architecture and Content-UI-Mapping
PDF
UI-UX Services | Web Designing Services
PDF
Kullanılabilirlik ve Kullanıcı Deneyimi Teknikleri
PDF
Carta del dia de la madre
PDF
Malik mumtaz hussain qadri urdu pdf book by allama abdul shakoor (ghulame nab...
PPT
Designing for Older Adults: Usability Considerations for Real Users
PDF
SXSW2013: Design for Aging, Your Future-Self
Content Design, UI Architecture and Content-UI-Mapping
UI-UX Services | Web Designing Services
Kullanılabilirlik ve Kullanıcı Deneyimi Teknikleri
Carta del dia de la madre
Malik mumtaz hussain qadri urdu pdf book by allama abdul shakoor (ghulame nab...
Designing for Older Adults: Usability Considerations for Real Users
SXSW2013: Design for Aging, Your Future-Self

Viewers also liked (18)

PDF
Social Media Strategy for Ryka
PDF
Mobile Search Engines for Senior Citizens: Design Challenges and Opportunities
PPT
Ob ptik1-revised-090401225519-phpapp01
PPT
Teoriorganisasi -100216005253-phpapp01
PDF
West delhi
PDF
Bilancio Partecipativo
PDF
Download contoh-presentasi-yang-baik-lpik-itb
PPT
Majas perbandingan-2
PPT
Kata baku-kata-tdk-baku
PPT
Sastra melayu klasik
PPTX
Proposed Website Redesign: Howard County, MD Board of Elections
PDF
Website Usability
PDF
App Design for Elderly People
PDF
Considering elderly / a design exploration into the experience of aging
PPTX
Smart homes for elderly care in india
PDF
Android 4.0 UI Design Tips
PPTX
Design Guidelines: Home for the Elderly
PPT
Presentation Active Listening
Social Media Strategy for Ryka
Mobile Search Engines for Senior Citizens: Design Challenges and Opportunities
Ob ptik1-revised-090401225519-phpapp01
Teoriorganisasi -100216005253-phpapp01
West delhi
Bilancio Partecipativo
Download contoh-presentasi-yang-baik-lpik-itb
Majas perbandingan-2
Kata baku-kata-tdk-baku
Sastra melayu klasik
Proposed Website Redesign: Howard County, MD Board of Elections
Website Usability
App Design for Elderly People
Considering elderly / a design exploration into the experience of aging
Smart homes for elderly care in india
Android 4.0 UI Design Tips
Design Guidelines: Home for the Elderly
Presentation Active Listening
Ad

Similar to Website Design for Senior Citizens (20)

PDF
Accessibility & Universal Design
PDF
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
PPT
Engineering Web Accessibility for Older People
PPT
Designing 4 Disabilities
PPTX
NCompass Live: Breaking Barriers: The Importance of Digital Accessibility
PPTX
Best Practices for Web Accessibility
PPTX
Best Practices for Building Accessible Websites in Wordpress
PPTX
Accessibility: introduction
PPTX
Happy webusers - World Information Arcitecture Day 2015
PDF
Case Study - The Sandbox Project
PDF
How to Make Learning Accessible and Inclusive
PDF
Website Accessibility
PPTX
Make Your Website Accessible to Everyone
PDF
Teaching Online Research & Comprehension Skills
PPTX
Siegman "Creating Accessible Content"
PPTX
The importance of web accessibility: How being inclusive can improve your uni...
PPTX
Web Accessibility & It's Guidelines.pptx
PPTX
Crossing the digital flow - higher education for the sustainable future we want
PDF
Pradhnya ppt presentation. this is very important for education purpose
PDF
Web accessibility 101: The why, who, what, and how of "a11y"
Accessibility & Universal Design
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
Engineering Web Accessibility for Older People
Designing 4 Disabilities
NCompass Live: Breaking Barriers: The Importance of Digital Accessibility
Best Practices for Web Accessibility
Best Practices for Building Accessible Websites in Wordpress
Accessibility: introduction
Happy webusers - World Information Arcitecture Day 2015
Case Study - The Sandbox Project
How to Make Learning Accessible and Inclusive
Website Accessibility
Make Your Website Accessible to Everyone
Teaching Online Research & Comprehension Skills
Siegman "Creating Accessible Content"
The importance of web accessibility: How being inclusive can improve your uni...
Web Accessibility & It's Guidelines.pptx
Crossing the digital flow - higher education for the sustainable future we want
Pradhnya ppt presentation. this is very important for education purpose
Web accessibility 101: The why, who, what, and how of "a11y"
Ad

Recently uploaded (20)

PDF
A novel scalable deep ensemble learning framework for big data classification...
PPTX
A Presentation on Touch Screen Technology
PPTX
Tartificialntelligence_presentation.pptx
PDF
Heart disease approach using modified random forest and particle swarm optimi...
PDF
Encapsulation_ Review paper, used for researhc scholars
PPTX
TLE Review Electricity (Electricity).pptx
PDF
gpt5_lecture_notes_comprehensive_20250812015547.pdf
PPTX
OMC Textile Division Presentation 2021.pptx
PDF
project resource management chapter-09.pdf
PDF
A comparative analysis of optical character recognition models for extracting...
PDF
DASA ADMISSION 2024_FirstRound_FirstRank_LastRank.pdf
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
Unlocking AI with Model Context Protocol (MCP)
PPTX
SOPHOS-XG Firewall Administrator PPT.pptx
PDF
Univ-Connecticut-ChatGPT-Presentaion.pdf
PDF
Microsoft Solutions Partner Drive Digital Transformation with D365.pdf
PDF
Assigned Numbers - 2025 - Bluetooth® Document
PDF
WOOl fibre morphology and structure.pdf for textiles
PDF
August Patch Tuesday
PDF
Hindi spoken digit analysis for native and non-native speakers
A novel scalable deep ensemble learning framework for big data classification...
A Presentation on Touch Screen Technology
Tartificialntelligence_presentation.pptx
Heart disease approach using modified random forest and particle swarm optimi...
Encapsulation_ Review paper, used for researhc scholars
TLE Review Electricity (Electricity).pptx
gpt5_lecture_notes_comprehensive_20250812015547.pdf
OMC Textile Division Presentation 2021.pptx
project resource management chapter-09.pdf
A comparative analysis of optical character recognition models for extracting...
DASA ADMISSION 2024_FirstRound_FirstRank_LastRank.pdf
Digital-Transformation-Roadmap-for-Companies.pptx
Unlocking AI with Model Context Protocol (MCP)
SOPHOS-XG Firewall Administrator PPT.pptx
Univ-Connecticut-ChatGPT-Presentaion.pdf
Microsoft Solutions Partner Drive Digital Transformation with D365.pdf
Assigned Numbers - 2025 - Bluetooth® Document
WOOl fibre morphology and structure.pdf for textiles
August Patch Tuesday
Hindi spoken digit analysis for native and non-native speakers

Website Design for Senior Citizens

  • 1. Designing Websites for Seniors Nikki Kerber and Allison Francis IDIA 612 Feb. 14, 2012
  • 2. Introduction ● Older adults, or seniors have a harder time using the Internet and browsing websites compared to younger adults and teenagers. ● Designing for seniors is relativity easy - it only takes a few modifications. In fact, it has been noted that designing for seniors makes the design better for all other user groups as well.
  • 3. Introduction ● Seniors use the web to find health information, bank online, research travel options, shop, and e-mail. ● A Seniornet study [1998] discovered that a major incentive for older adults to own a computer is to obtain information about health care and medical conditions. ● A 2003 study showed that searching for health information was one of the most popular activities on the internet for older adults.
  • 4. Who Are Senior Citizens? ● AARP classifies "older adults" to be those over 50 years old. ● Many studies account for a wide variety of definitions, involving participants between 55 - 75 years of age. ● (Bailey 2004) proposes the following classification system to help clarify age definitions: ○ Young: 18-39 years ○ Middle-ages: 40-59 years ○ Older: 60-74 ○ Old-old: 75+ years
  • 5. Statistics ● The United Nations (UN) estimates that by 2050 one in five individuals will be over 60 years old. ● As of 2003 in Canada, about 25% of households with people 65 and older and 59% of households with people 55–64 were online. The percentage of Canadians age 65 and older who are online has more than doubled in the past four years (Statistics Canada 2004) ● In a February 2004 survey, 22% of Americans age 65 or older reported having access to the Internet. This represents a 47% increase between 2000 and 2004. Eight million seniors now go online.
  • 7. Aging Issues That Affect Seniors ● Vision decline ○ 16% of people 65 - 74 years ○ 19% of people 75 – 84 years ○ 46% of people 85+ years ● Cognitive decline ● Motor skill decline ○ Arthritis, Parkinson's,Tremors ● Hearing loss ○ 47% of people 61 to 80 years ○ 93% of people 81+ years
  • 8. Barriers to Web Use Older people are experiencing web accessibility barriers due to: ● Poor design and poor coding of websites ● Complex software and assistive technologies ● Little or no prior experience with computers
  • 9. Web Accessibility Initiative: Aging Education and Harmonization (WAI-AGE) Project The WAI-AGE project ended in 2010 but included activities to: ● better understand web accessibility needs of the aging ● community work with the aging community to obtain more direct input and contribution for Web accessibility solutions. ● revise existing and develop new educational materials ● promote the adoption and implementation of a common set of Web accessibility guidelines for older adults and those with disabilities. http://www.w3.org/WAI/older-users/
  • 10. Making Your Website Senior Friendly ● Organizing Web Information for Older Adults ● Writing Online Text for Older Adults ● Designing Readable Online Text for Older Adults ● Making Web Information Easy for Older Adults to Find ○ Including Other Media ● Making Sure That Older Adults Can Use Your Website
  • 11. Making Your Website Senior Friendly ● Break information into short sections. ● Give instructions clearly and number each step. ● Minimize the use of jargon and technical terms. ● Use single mouse clicks. ● Allow additional space around clickable targets. ● Use 12- or 14-point type size, and make it easy for users to enlarge text. ● Use high-contrast color combinations, such as black type against a white background. ● Provide a speech function to hear text read aloud. ● Provide text-only versions of multimedia content. ● Minimize scrolling. ● Choose a search engine that uses keywords and doesn’t require special characters or knowledge of Boolean terms.
  • 12. Resources http://www.nia.nih. http://www.nlm.nih. gov/health/publication gov/pubs/staffpubs/od/ocpl/agin /making-your-website-senior-friendly gchecklist.html
  • 13. Design Principles for Seniors ● Interaction design: designing the way users work with the site ● Information architecture: organizing the content ● Visual design: designing the pages ● Information design: writing and formatting the content
  • 14. Design Principles for Seniors Interaction design ● Use conventional interaction elements. ● Make it obvious what is clickable and what is not. ● Make clickable items easy to target and hit. ● Minimize vertical scrolling; eliminate horizontal scrolling. ● Ensure that the Back button behaves predictably. ● Let the user stay in control. ● Provide clear feedback on actions ● Provide feedback in other modes in addition to visual.
  • 15. Design Principles for Seniors Information architecture ● Make the structure of the web site as visible as possible. ● Clearly label content categories; assist recognition and retrieval rather than recall. ● Implement the shallowest possible information hierarchy. ● Include a site map and a link to it from every page.
  • 16. Design Principles for Seniors Visual Design ● Make pages easy to skim or scan. ● Make elements on the page easy to read. ● Visually group related topics. ● Make sure text and background colors contrast. ● Use adequate white space.
  • 17. Design Principles for Seniors Information design ● Make it easy to find things on the page quickly. ● Focus the writing on audience and purpose. ● Use the users’ language; minimize jargon and technical terms
  • 24. References ● Arch, Andrew. “Web Accessibility for Older Users.” W3C, May 14, 2008. Retrieved February 2012. ● Arch, A., & Abou-Zahra, S. (2010, September 30). Wai-age project (ist 035015). Retrieved from http://www.w3.org/WAI/WAI-AGE/ ● Bailey, B. (2004). Segmenting Adult Web Users into Meaningful Age Categories. July 2004. Powerpoint presentation available at http://assets.aarp.org/www.aarp. org_/articles/research/oww/university/Bailey_AgeCategories4.ppt ● Becker, S. (2004). A study of web usability for older adults seeking online health resources. ACM Transactions on Human Computer Interaction, 387- 406. ● Chisnell, Dana, and Ginny Redish. “AARP Audience-Centered Heuristics: Older Adults.” AARP, 2004. Retrieved February 2012. ● Chisnell, Dana, Ginny Redish, and Amy Lee. “Designing Web Sites for Older Adults: Expert Review of Usability for Older Adults at 50 Web Sites.” AARP, February 1, 2005. Retrieved February 2012. ● “New Heuristics for Understanding Older Adults as Web Users.” COMMUNICATION, February 2006. Retrieved February 2012. ● National Institute on Aging. “Making Your Website Senior Friendly.” National Institute on Aging, February 2001; revised March 2009. Retrieved February 2012. ● Nielsen, J. (2002, April 28). Usability for senior citizens. Retrieved from http://www.useit.com/alertbox/seniors.html