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

What's hot

Social Media Trends 2023 - MarketingTrips.pdf
Social Media Trends 2023 - MarketingTrips.pdfSocial Media Trends 2023 - MarketingTrips.pdf
Social Media Trends 2023 - MarketingTrips.pdf
MarketingTrips
 
Ford Brandbook
Ford BrandbookFord Brandbook
Ford Brandbook
Beto Lima Branding
 
Sell Yourself Better 1.0
Sell Yourself Better 1.0Sell Yourself Better 1.0
Sell Yourself Better 1.0
Jason Mesut
 
The Value of Content Design: CSForum 2016
The Value of Content Design: CSForum 2016The Value of Content Design: CSForum 2016
The Value of Content Design: CSForum 2016
Hawkeye Thompson
 
Introduction to UI/UX with Figma
Introduction to UI/UX with FigmaIntroduction to UI/UX with Figma
Introduction to UI/UX with Figma
PRIYATHAMDARISI
 
UX/UI Design and How It Works
UX/UI Design and How It WorksUX/UI Design and How It Works
UX/UI Design and How It Works
Aciron Consulting
 
Accessibility In Mobile Dev LifeCycle.pptx
Accessibility In Mobile Dev LifeCycle.pptxAccessibility In Mobile Dev LifeCycle.pptx
Accessibility In Mobile Dev LifeCycle.pptx
MarkSteadman7
 
Product Placement: Is It Ethical
Product Placement: Is It EthicalProduct Placement: Is It Ethical
Product Placement: Is It Ethical
Jeff MacDonald
 
How To Design a Brand Identity
How To Design a Brand IdentityHow To Design a Brand Identity
How To Design a Brand Identity
Creative Market
 
The UX Interview
The UX InterviewThe UX Interview
The UX Interview
Guilherme Rodrigues
 
Prototyping in Figma
Prototyping in FigmaPrototyping in Figma
Prototyping in Figma
namnso ukpanah
 
Vortrag auf dem Corporate Influencer Day: Erfolgreicher Corporate Influencer ...
Vortrag auf dem Corporate Influencer Day: Erfolgreicher Corporate Influencer ...Vortrag auf dem Corporate Influencer Day: Erfolgreicher Corporate Influencer ...
Vortrag auf dem Corporate Influencer Day: Erfolgreicher Corporate Influencer ...
Klaus Eck
 
User Research 101
User Research 101User Research 101
User Research 101
Christina Wodtke
 
Creating Professional Portfolios - Top 10 UX Portfolio Questions and Story Ex...
Creating Professional Portfolios - Top 10 UX Portfolio Questions and Story Ex...Creating Professional Portfolios - Top 10 UX Portfolio Questions and Story Ex...
Creating Professional Portfolios - Top 10 UX Portfolio Questions and Story Ex...
uxhow
 
Google search business model canvas - Arunima Sharma
Google search business model canvas - Arunima SharmaGoogle search business model canvas - Arunima Sharma
Google search business model canvas - Arunima Sharma
Arunima Sharma
 
Basic webdesign
Basic webdesignBasic webdesign
Basic webdesign
ArnelAguilo
 
Branding and Rebranding
Branding and RebrandingBranding and Rebranding
Branding and Rebranding
Harley
 
zeroheight + Figma (March 2019)
zeroheight + Figma (March 2019)zeroheight + Figma (March 2019)
zeroheight + Figma (March 2019)
Robin Tindale
 
Media Mergers – Feng Zhu – September 2022 OECD Discussion
Media Mergers – Feng Zhu – September 2022 OECD DiscussionMedia Mergers – Feng Zhu – September 2022 OECD Discussion
Media Mergers – Feng Zhu – September 2022 OECD Discussion
OECDCompetitionDivis
 

What's hot (20)

Social Media Trends 2023 - MarketingTrips.pdf
Social Media Trends 2023 - MarketingTrips.pdfSocial Media Trends 2023 - MarketingTrips.pdf
Social Media Trends 2023 - MarketingTrips.pdf
 
Ford Brandbook
Ford BrandbookFord Brandbook
Ford Brandbook
 
Sell Yourself Better 1.0
Sell Yourself Better 1.0Sell Yourself Better 1.0
Sell Yourself Better 1.0
 
The Value of Content Design: CSForum 2016
The Value of Content Design: CSForum 2016The Value of Content Design: CSForum 2016
The Value of Content Design: CSForum 2016
 
Introduction to UI/UX with Figma
Introduction to UI/UX with FigmaIntroduction to UI/UX with Figma
Introduction to UI/UX with Figma
 
UX/UI Design and How It Works
UX/UI Design and How It WorksUX/UI Design and How It Works
UX/UI Design and How It Works
 
Accessibility In Mobile Dev LifeCycle.pptx
Accessibility In Mobile Dev LifeCycle.pptxAccessibility In Mobile Dev LifeCycle.pptx
Accessibility In Mobile Dev LifeCycle.pptx
 
Personas
PersonasPersonas
Personas
 
Product Placement: Is It Ethical
Product Placement: Is It EthicalProduct Placement: Is It Ethical
Product Placement: Is It Ethical
 
How To Design a Brand Identity
How To Design a Brand IdentityHow To Design a Brand Identity
How To Design a Brand Identity
 
The UX Interview
The UX InterviewThe UX Interview
The UX Interview
 
Prototyping in Figma
Prototyping in FigmaPrototyping in Figma
Prototyping in Figma
 
Vortrag auf dem Corporate Influencer Day: Erfolgreicher Corporate Influencer ...
Vortrag auf dem Corporate Influencer Day: Erfolgreicher Corporate Influencer ...Vortrag auf dem Corporate Influencer Day: Erfolgreicher Corporate Influencer ...
Vortrag auf dem Corporate Influencer Day: Erfolgreicher Corporate Influencer ...
 
User Research 101
User Research 101User Research 101
User Research 101
 
Creating Professional Portfolios - Top 10 UX Portfolio Questions and Story Ex...
Creating Professional Portfolios - Top 10 UX Portfolio Questions and Story Ex...Creating Professional Portfolios - Top 10 UX Portfolio Questions and Story Ex...
Creating Professional Portfolios - Top 10 UX Portfolio Questions and Story Ex...
 
Google search business model canvas - Arunima Sharma
Google search business model canvas - Arunima SharmaGoogle search business model canvas - Arunima Sharma
Google search business model canvas - Arunima Sharma
 
Basic webdesign
Basic webdesignBasic webdesign
Basic webdesign
 
Branding and Rebranding
Branding and RebrandingBranding and Rebranding
Branding and Rebranding
 
zeroheight + Figma (March 2019)
zeroheight + Figma (March 2019)zeroheight + Figma (March 2019)
zeroheight + Figma (March 2019)
 
Media Mergers – Feng Zhu – September 2022 OECD Discussion
Media Mergers – Feng Zhu – September 2022 OECD DiscussionMedia Mergers – Feng Zhu – September 2022 OECD Discussion
Media Mergers – Feng Zhu – September 2022 OECD Discussion
 

Viewers also liked

Designing for Older Adults: Usability Considerations for Real Users
Designing for Older Adults:  Usability Considerations for Real UsersDesigning for Older Adults:  Usability Considerations for Real Users
Designing for Older Adults: Usability Considerations for Real Users
Kate Finn
 
SXSW2013: Design for Aging, Your Future-Self
SXSW2013: Design for Aging, Your Future-SelfSXSW2013: Design for Aging, Your Future-Self
SXSW2013: Design for Aging, Your Future-Self
Carina Ngai
 
Social Media Strategy for Ryka
Social Media Strategy for RykaSocial Media Strategy for Ryka
Social Media Strategy for Ryka
Nikki Kerber
 
Mobile Search Engines for Senior Citizens: Design Challenges and Opportunities
Mobile Search Engines for Senior Citizens: Design Challenges and OpportunitiesMobile Search Engines for Senior Citizens: Design Challenges and Opportunities
Mobile Search Engines for Senior Citizens: Design Challenges and Opportunities
Nikki Kerber
 
Ob ptik1-revised-090401225519-phpapp01
Ob ptik1-revised-090401225519-phpapp01Ob ptik1-revised-090401225519-phpapp01
Ob ptik1-revised-090401225519-phpapp01
Fokgusta
 
Teoriorganisasi -100216005253-phpapp01
Teoriorganisasi -100216005253-phpapp01Teoriorganisasi -100216005253-phpapp01
Teoriorganisasi -100216005253-phpapp01
Fokgusta
 
Bilancio Partecipativo
Bilancio PartecipativoBilancio Partecipativo
Bilancio Partecipativo
Stefano Stortone
 
Download contoh-presentasi-yang-baik-lpik-itb
Download contoh-presentasi-yang-baik-lpik-itbDownload contoh-presentasi-yang-baik-lpik-itb
Download contoh-presentasi-yang-baik-lpik-itbillend
 
Majas perbandingan-2
Majas perbandingan-2Majas perbandingan-2
Majas perbandingan-2
Fokgusta
 
Kata baku-kata-tdk-baku
Kata baku-kata-tdk-bakuKata baku-kata-tdk-baku
Kata baku-kata-tdk-baku
Fokgusta
 
Sastra melayu klasik
Sastra melayu klasikSastra melayu klasik
Sastra melayu klasik
Fokgusta
 
Proposed Website Redesign: Howard County, MD Board of Elections
Proposed Website Redesign: Howard County, MD Board of ElectionsProposed Website Redesign: Howard County, MD Board of Elections
Proposed Website Redesign: Howard County, MD Board of Elections
Nikki Kerber
 
Website Usability
Website UsabilityWebsite Usability
Website Usability
Nikki Kerber
 
App Design for Elderly People
App Design for Elderly PeopleApp Design for Elderly People
App Design for Elderly People
Kaho Bak
 
Considering elderly / a design exploration into the experience of aging
Considering elderly / a design exploration into the experience of agingConsidering elderly / a design exploration into the experience of aging
Considering elderly / a design exploration into the experience of agingfuelfor
 
Smart homes for elderly care in india
Smart homes for elderly care in indiaSmart homes for elderly care in india
Smart homes for elderly care in india
Institute of Customer Experience
 
Android 4.0 UI Design Tips
Android 4.0 UI Design TipsAndroid 4.0 UI Design Tips
Android 4.0 UI Design TipsJustin Lee
 
Design Guidelines: Home for the Elderly
Design Guidelines: Home for the ElderlyDesign Guidelines: Home for the Elderly
Design Guidelines: Home for the Elderly
Dhiraj Salhotra
 
Presentation Active Listening
Presentation Active ListeningPresentation Active Listening
Presentation Active Listeningirina_dragnea
 

Viewers also liked (20)

Designing for Older Adults: Usability Considerations for Real Users
Designing for Older Adults:  Usability Considerations for Real UsersDesigning for Older Adults:  Usability Considerations for Real Users
Designing for Older Adults: Usability Considerations for Real Users
 
SXSW2013: Design for Aging, Your Future-Self
SXSW2013: Design for Aging, Your Future-SelfSXSW2013: Design for Aging, Your Future-Self
SXSW2013: Design for Aging, Your Future-Self
 
Social Media Strategy for Ryka
Social Media Strategy for RykaSocial Media Strategy for Ryka
Social Media Strategy for Ryka
 
Mobile Search Engines for Senior Citizens: Design Challenges and Opportunities
Mobile Search Engines for Senior Citizens: Design Challenges and OpportunitiesMobile Search Engines for Senior Citizens: Design Challenges and Opportunities
Mobile Search Engines for Senior Citizens: Design Challenges and Opportunities
 
Ob ptik1-revised-090401225519-phpapp01
Ob ptik1-revised-090401225519-phpapp01Ob ptik1-revised-090401225519-phpapp01
Ob ptik1-revised-090401225519-phpapp01
 
Teoriorganisasi -100216005253-phpapp01
Teoriorganisasi -100216005253-phpapp01Teoriorganisasi -100216005253-phpapp01
Teoriorganisasi -100216005253-phpapp01
 
West delhi
West delhiWest delhi
West delhi
 
Bilancio Partecipativo
Bilancio PartecipativoBilancio Partecipativo
Bilancio Partecipativo
 
Download contoh-presentasi-yang-baik-lpik-itb
Download contoh-presentasi-yang-baik-lpik-itbDownload contoh-presentasi-yang-baik-lpik-itb
Download contoh-presentasi-yang-baik-lpik-itb
 
Majas perbandingan-2
Majas perbandingan-2Majas perbandingan-2
Majas perbandingan-2
 
Kata baku-kata-tdk-baku
Kata baku-kata-tdk-bakuKata baku-kata-tdk-baku
Kata baku-kata-tdk-baku
 
Sastra melayu klasik
Sastra melayu klasikSastra melayu klasik
Sastra melayu klasik
 
Proposed Website Redesign: Howard County, MD Board of Elections
Proposed Website Redesign: Howard County, MD Board of ElectionsProposed Website Redesign: Howard County, MD Board of Elections
Proposed Website Redesign: Howard County, MD Board of Elections
 
Website Usability
Website UsabilityWebsite Usability
Website Usability
 
App Design for Elderly People
App Design for Elderly PeopleApp Design for Elderly People
App Design for Elderly People
 
Considering elderly / a design exploration into the experience of aging
Considering elderly / a design exploration into the experience of agingConsidering elderly / a design exploration into the experience of aging
Considering elderly / a design exploration into the experience of aging
 
Smart homes for elderly care in india
Smart homes for elderly care in indiaSmart homes for elderly care in india
Smart homes for elderly care in india
 
Android 4.0 UI Design Tips
Android 4.0 UI Design TipsAndroid 4.0 UI Design Tips
Android 4.0 UI Design Tips
 
Design Guidelines: Home for the Elderly
Design Guidelines: Home for the ElderlyDesign Guidelines: Home for the Elderly
Design Guidelines: Home for the Elderly
 
Presentation Active Listening
Presentation Active ListeningPresentation Active Listening
Presentation Active Listening
 

Similar to Website Design for Senior Citizens

Accessibility & Universal Design
Accessibility & Universal DesignAccessibility & Universal Design
Accessibility & Universal Design
SrutiVijaykumar
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
MadyBayot
 
Engineering Web Accessibility for Older People
Engineering Web Accessibility for Older PeopleEngineering Web Accessibility for Older People
Engineering Web Accessibility for Older People
David Sloan
 
Best Practices for Web Accessibility
Best Practices for Web AccessibilityBest Practices for Web Accessibility
Best Practices for Web Accessibility
Carli Spina
 
Best Practices for Building Accessible Websites in Wordpress
Best Practices for Building Accessible Websites in WordpressBest Practices for Building Accessible Websites in Wordpress
Best Practices for Building Accessible Websites in Wordpress
Nancy Thanki
 
Accessibility: introduction
Accessibility: introduction  Accessibility: introduction
Accessibility: introduction
Andres Baravalle
 
Happy webusers - World Information Arcitecture Day 2015
Happy webusers - World Information Arcitecture Day 2015Happy webusers - World Information Arcitecture Day 2015
Happy webusers - World Information Arcitecture Day 2015
Andrew Arch
 
Case Study - The Sandbox Project
Case Study - The Sandbox ProjectCase Study - The Sandbox Project
Case Study - The Sandbox ProjectBen Lam
 
How to Make Learning Accessible and Inclusive
How to Make Learning Accessible and InclusiveHow to Make Learning Accessible and Inclusive
How to Make Learning Accessible and Inclusive
Lambda Solutions
 
Website Accessibility
Website AccessibilityWebsite Accessibility
Website Accessibility
Nishan Bose
 
Make Your Website Accessible to Everyone
Make Your Website Accessible to EveryoneMake Your Website Accessible to Everyone
Make Your Website Accessible to Everyone
Aria Williams
 
Teaching Online Research & Comprehension Skills
Teaching Online Research & Comprehension SkillsTeaching Online Research & Comprehension Skills
Teaching Online Research & Comprehension Skills
Timothy Neville
 
Siegman "Creating Accessible Content"
Siegman "Creating Accessible Content"Siegman "Creating Accessible Content"
Siegman "Creating Accessible Content"
National Information Standards Organization (NISO)
 
The importance of web accessibility: How being inclusive can improve your uni...
The importance of web accessibility: How being inclusive can improve your uni...The importance of web accessibility: How being inclusive can improve your uni...
The importance of web accessibility: How being inclusive can improve your uni...
SMILE
 
Web Accessibility & It's Guidelines.pptx
Web Accessibility & It's Guidelines.pptxWeb Accessibility & It's Guidelines.pptx
Web Accessibility & It's Guidelines.pptx
Gurzu Inc
 
Crossing the digital flow - higher education for the sustainable future we want
Crossing the digital flow - higher education for the sustainable future we wantCrossing the digital flow - higher education for the sustainable future we want
Crossing the digital flow - higher education for the sustainable future we want
icdeslides
 
Web accessibility 101: The why, who, what, and how of "a11y"
Web accessibility 101: The why, who, what, and how of "a11y"Web accessibility 101: The why, who, what, and how of "a11y"
Web accessibility 101: The why, who, what, and how of "a11y"
ecentricarts
 
Csun 2013 wcag what about the users-slideshare-2013
Csun 2013   wcag what about the users-slideshare-2013Csun 2013   wcag what about the users-slideshare-2013
Csun 2013 wcag what about the users-slideshare-2013Hinni Hreinsson
 
Comrade Web Accessibility 101
Comrade Web Accessibility 101Comrade Web Accessibility 101
Comrade Web Accessibility 101
Comrade
 

Similar to Website Design for Senior Citizens (20)

Accessibility & Universal Design
Accessibility & Universal DesignAccessibility & Universal Design
Accessibility & Universal Design
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Engineering Web Accessibility for Older People
Engineering Web Accessibility for Older PeopleEngineering Web Accessibility for Older People
Engineering Web Accessibility for Older People
 
Designing 4 Disabilities
Designing 4 DisabilitiesDesigning 4 Disabilities
Designing 4 Disabilities
 
Best Practices for Web Accessibility
Best Practices for Web AccessibilityBest Practices for Web Accessibility
Best Practices for Web Accessibility
 
Best Practices for Building Accessible Websites in Wordpress
Best Practices for Building Accessible Websites in WordpressBest Practices for Building Accessible Websites in Wordpress
Best Practices for Building Accessible Websites in Wordpress
 
Accessibility: introduction
Accessibility: introduction  Accessibility: introduction
Accessibility: introduction
 
Happy webusers - World Information Arcitecture Day 2015
Happy webusers - World Information Arcitecture Day 2015Happy webusers - World Information Arcitecture Day 2015
Happy webusers - World Information Arcitecture Day 2015
 
Case Study - The Sandbox Project
Case Study - The Sandbox ProjectCase Study - The Sandbox Project
Case Study - The Sandbox Project
 
How to Make Learning Accessible and Inclusive
How to Make Learning Accessible and InclusiveHow to Make Learning Accessible and Inclusive
How to Make Learning Accessible and Inclusive
 
Website Accessibility
Website AccessibilityWebsite Accessibility
Website Accessibility
 
Make Your Website Accessible to Everyone
Make Your Website Accessible to EveryoneMake Your Website Accessible to Everyone
Make Your Website Accessible to Everyone
 
Teaching Online Research & Comprehension Skills
Teaching Online Research & Comprehension SkillsTeaching Online Research & Comprehension Skills
Teaching Online Research & Comprehension Skills
 
Siegman "Creating Accessible Content"
Siegman "Creating Accessible Content"Siegman "Creating Accessible Content"
Siegman "Creating Accessible Content"
 
The importance of web accessibility: How being inclusive can improve your uni...
The importance of web accessibility: How being inclusive can improve your uni...The importance of web accessibility: How being inclusive can improve your uni...
The importance of web accessibility: How being inclusive can improve your uni...
 
Web Accessibility & It's Guidelines.pptx
Web Accessibility & It's Guidelines.pptxWeb Accessibility & It's Guidelines.pptx
Web Accessibility & It's Guidelines.pptx
 
Crossing the digital flow - higher education for the sustainable future we want
Crossing the digital flow - higher education for the sustainable future we wantCrossing the digital flow - higher education for the sustainable future we want
Crossing the digital flow - higher education for the sustainable future we want
 
Web accessibility 101: The why, who, what, and how of "a11y"
Web accessibility 101: The why, who, what, and how of "a11y"Web accessibility 101: The why, who, what, and how of "a11y"
Web accessibility 101: The why, who, what, and how of "a11y"
 
Csun 2013 wcag what about the users-slideshare-2013
Csun 2013   wcag what about the users-slideshare-2013Csun 2013   wcag what about the users-slideshare-2013
Csun 2013 wcag what about the users-slideshare-2013
 
Comrade Web Accessibility 101
Comrade Web Accessibility 101Comrade Web Accessibility 101
Comrade Web Accessibility 101
 

Recently uploaded

"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi
Fwdays
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
Safe Software
 
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptxIOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
Abida Shariff
 
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
91mobiles
 
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Thierry Lestable
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Product School
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
James Anderson
 
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Product School
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
Alison B. Lowndes
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
Cheryl Hung
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Tobias Schneck
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Inflectra
 
Leading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdfLeading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdf
OnBoard
 
Search and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical FuturesSearch and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical Futures
Bhaskar Mitra
 
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Jeffrey Haguewood
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
Prayukth K V
 
PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)
Ralf Eggert
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
ThousandEyes
 
UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3
DianaGray10
 
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
Product School
 

Recently uploaded (20)

"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi"Impact of front-end architecture on development cost", Viktor Turskyi
"Impact of front-end architecture on development cost", Viktor Turskyi
 
Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
 
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptxIOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
 
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
 
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
 
Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...Designing Great Products: The Power of Design and Leadership by Chief Designe...
Designing Great Products: The Power of Design and Leadership by Chief Designe...
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
 
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
 
Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
 
Leading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdfLeading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdf
 
Search and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical FuturesSearch and Society: Reimagining Information Access for Radical Futures
Search and Society: Reimagining Information Access for Radical Futures
 
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
 
PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
 
UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3
 
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...
 

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