SlideShare ist ein Scribd-Unternehmen logo
1 von 24
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

Weitere ähnliche Inhalte

Was ist angesagt?

Design process design rules
Design process  design rulesDesign process  design rules
Design process design rulesPreeti Mishra
 
CS6010 Social Network Analysis Unit IV
CS6010 Social Network Analysis Unit IVCS6010 Social Network Analysis Unit IV
CS6010 Social Network Analysis Unit IVpkaviya
 
Affordance,mapping,constraints and convention in hci
Affordance,mapping,constraints and convention in hciAffordance,mapping,constraints and convention in hci
Affordance,mapping,constraints and convention in hciShoaibidd514
 
HCI 3e - Ch 12: Cognitive models
HCI 3e - Ch 12:  Cognitive modelsHCI 3e - Ch 12:  Cognitive models
HCI 3e - Ch 12: Cognitive modelsAlan Dix
 
Introduction to UI/UX with Figma
Introduction to UI/UX with FigmaIntroduction to UI/UX with Figma
Introduction to UI/UX with FigmaPRIYATHAMDARISI
 
Human Computer Interaction Unit III Part 2
Human Computer Interaction Unit III Part 2Human Computer Interaction Unit III Part 2
Human Computer Interaction Unit III Part 2ashodhiyavipin
 
ppt on android vs iOS
ppt on android vs iOSppt on android vs iOS
ppt on android vs iOSShivam Gupta
 
Presentation on social media on young generation in Bangladesh
Presentation on social media on young generation in BangladeshPresentation on social media on young generation in Bangladesh
Presentation on social media on young generation in BangladeshShastry Rahman
 
UI UX introduction
UI UX introductionUI UX introduction
UI UX introductionIsmail Norri
 
hci in software development process
hci in software development processhci in software development process
hci in software development processKainat Ilyas
 
What is Web 3,0?
What is Web 3,0?What is Web 3,0?
What is Web 3,0?dWebGuide1
 
IOT - Design Principles of Connected Devices
IOT - Design Principles of Connected DevicesIOT - Design Principles of Connected Devices
IOT - Design Principles of Connected DevicesDevyani Vasistha
 

Was ist angesagt? (20)

Design process design rules
Design process  design rulesDesign process  design rules
Design process design rules
 
CS6010 Social Network Analysis Unit IV
CS6010 Social Network Analysis Unit IVCS6010 Social Network Analysis Unit IV
CS6010 Social Network Analysis Unit IV
 
Affordance,mapping,constraints and convention in hci
Affordance,mapping,constraints and convention in hciAffordance,mapping,constraints and convention in hci
Affordance,mapping,constraints and convention in hci
 
Gcc notes unit 1
Gcc notes unit 1Gcc notes unit 1
Gcc notes unit 1
 
HCI 3e - Ch 12: Cognitive models
HCI 3e - Ch 12:  Cognitive modelsHCI 3e - Ch 12:  Cognitive models
HCI 3e - Ch 12: Cognitive models
 
Introduction to UI/UX with Figma
Introduction to UI/UX with FigmaIntroduction to UI/UX with Figma
Introduction to UI/UX with Figma
 
Human Computer Interaction Unit III Part 2
Human Computer Interaction Unit III Part 2Human Computer Interaction Unit III Part 2
Human Computer Interaction Unit III Part 2
 
What is web3?
What is web3?What is web3?
What is web3?
 
ppt on android vs iOS
ppt on android vs iOSppt on android vs iOS
ppt on android vs iOS
 
User Centered Design 101
User Centered Design 101User Centered Design 101
User Centered Design 101
 
Design principles
Design principlesDesign principles
Design principles
 
Distributed System ppt
Distributed System pptDistributed System ppt
Distributed System ppt
 
Presentation on social media on young generation in Bangladesh
Presentation on social media on young generation in BangladeshPresentation on social media on young generation in Bangladesh
Presentation on social media on young generation in Bangladesh
 
User interface-design
User interface-designUser interface-design
User interface-design
 
Hci activity#2
Hci activity#2Hci activity#2
Hci activity#2
 
UI UX introduction
UI UX introductionUI UX introduction
UI UX introduction
 
hci in software development process
hci in software development processhci in software development process
hci in software development process
 
Presentation on iOS
Presentation on iOSPresentation on iOS
Presentation on iOS
 
What is Web 3,0?
What is Web 3,0?What is Web 3,0?
What is Web 3,0?
 
IOT - Design Principles of Connected Devices
IOT - Design Principles of Connected DevicesIOT - Design Principles of Connected Devices
IOT - Design Principles of Connected Devices
 

Andere mochten auch

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 UsersKate 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-SelfCarina Ngai
 
Social Media Strategy for Ryka
Social Media Strategy for RykaSocial Media Strategy for Ryka
Social Media Strategy for RykaNikki 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 OpportunitiesNikki Kerber
 
Ob ptik1-revised-090401225519-phpapp01
Ob ptik1-revised-090401225519-phpapp01Ob ptik1-revised-090401225519-phpapp01
Ob ptik1-revised-090401225519-phpapp01Fokgusta
 
Teoriorganisasi -100216005253-phpapp01
Teoriorganisasi -100216005253-phpapp01Teoriorganisasi -100216005253-phpapp01
Teoriorganisasi -100216005253-phpapp01Fokgusta
 
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-2Fokgusta
 
Kata baku-kata-tdk-baku
Kata baku-kata-tdk-bakuKata baku-kata-tdk-baku
Kata baku-kata-tdk-bakuFokgusta
 
Sastra melayu klasik
Sastra melayu klasikSastra melayu klasik
Sastra melayu klasikFokgusta
 
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 ElectionsNikki Kerber
 
App Design for Elderly People
App Design for Elderly PeopleApp Design for Elderly People
App Design for Elderly PeopleKaho 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
 
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 ElderlyDhiraj Salhotra
 
Presentation Active Listening
Presentation Active ListeningPresentation Active Listening
Presentation Active Listeningirina_dragnea
 

Andere mochten auch (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
 

Ähnlich wie Website Design for Senior Citizens

Accessibility & Universal Design
Accessibility & Universal DesignAccessibility & Universal Design
Accessibility & Universal DesignSrutiVijaykumar
 
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 REVIEWERMadyBayot
 
Engineering Web Accessibility for Older People
Engineering Web Accessibility for Older PeopleEngineering Web Accessibility for Older People
Engineering Web Accessibility for Older PeopleDavid Sloan
 
Best Practices for Web Accessibility
Best Practices for Web AccessibilityBest Practices for Web Accessibility
Best Practices for Web AccessibilityCarli 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 WordpressNancy 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 2015Andrew 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 InclusiveLambda Solutions
 
Website Accessibility
Website AccessibilityWebsite Accessibility
Website AccessibilityNishan Bose
 
Make Your Website Accessible to Everyone
Make Your Website Accessible to EveryoneMake Your Website Accessible to Everyone
Make Your Website Accessible to EveryoneAria Williams
 
Teaching Online Research & Comprehension Skills
Teaching Online Research & Comprehension SkillsTeaching Online Research & Comprehension Skills
Teaching Online Research & Comprehension SkillsTimothy Neville
 
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.pptxGurzu 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 wanticdeslides
 
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 101Comrade
 

Ähnlich wie 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
 

Kürzlich hochgeladen

A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source MilvusA Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source MilvusZilliz
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...apidays
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Jeffrey Haguewood
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobeapidays
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?Igalia
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...apidays
 
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 DevelopmentsTrustArc
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...Zilliz
 
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...apidays
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businesspanagenda
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024The Digital Insurer
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfOverkill Security
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...apidays
 
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 Processorsdebabhi2
 
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 educationjfdjdjcjdnsjd
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesrafiqahmad00786416
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProduct Anonymous
 

Kürzlich hochgeladen (20)

A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source MilvusA Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source Milvus
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
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
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
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
 
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
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 

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