SlideShare una empresa de Scribd logo
1 de 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

Más contenido relacionado

La actualidad más candente

Marketing strategic of apple inc
Marketing strategic of apple incMarketing strategic of apple inc
Marketing strategic of apple incPrashant Chandnani
 
India Stack - Towards Presence-less, paperless and cashless service delivery....
India Stack - Towards Presence-less, paperless and cashless service delivery....India Stack - Towards Presence-less, paperless and cashless service delivery....
India Stack - Towards Presence-less, paperless and cashless service delivery....ProductNation/iSPIRT
 
Robinhood Presentation
Robinhood PresentationRobinhood Presentation
Robinhood PresentationSam Inloes
 
Digital transformation in Real Estate
Digital transformation in Real EstateDigital transformation in Real Estate
Digital transformation in Real EstateScopernia
 
Yalochat - 500 Miami Demo Day
Yalochat - 500 Miami Demo DayYalochat - 500 Miami Demo Day
Yalochat - 500 Miami Demo Day500 Startups
 
Startup Ideas and Validation
Startup Ideas and ValidationStartup Ideas and Validation
Startup Ideas and ValidationYevgeniy Brikman
 
Apple Inc. presentation
Apple Inc. presentationApple Inc. presentation
Apple Inc. presentationYash Patel
 
Coinbase Seed Round Pitch Deck
Coinbase Seed Round Pitch DeckCoinbase Seed Round Pitch Deck
Coinbase Seed Round Pitch DeckBrian Armstrong
 
Design thinking and innovation at apple
Design thinking and innovation at apple Design thinking and innovation at apple
Design thinking and innovation at apple Wei Li
 
BaaS-platforms and open APIs in fintech l bank-as-a-service.com
BaaS-platforms and open APIs in fintech l bank-as-a-service.comBaaS-platforms and open APIs in fintech l bank-as-a-service.com
BaaS-platforms and open APIs in fintech l bank-as-a-service.comVladislav Solodkiy
 
Everphone - NOAH19 Berlin
Everphone - NOAH19 BerlinEverphone - NOAH19 Berlin
Everphone - NOAH19 BerlinNOAH Advisors
 
India as a Product Nation - The Next Google can come from India
India as a Product Nation - The Next Google can come from IndiaIndia as a Product Nation - The Next Google can come from India
India as a Product Nation - The Next Google can come from IndiaProductNation/iSPIRT
 
[PREMONEY 2013] Karthik Reddy
[PREMONEY 2013] Karthik Reddy [PREMONEY 2013] Karthik Reddy
[PREMONEY 2013] Karthik Reddy 500 Startups
 

La actualidad más candente (20)

Starling Bank Deep Dive
Starling Bank Deep DiveStarling Bank Deep Dive
Starling Bank Deep Dive
 
Marketing strategic of apple inc
Marketing strategic of apple incMarketing strategic of apple inc
Marketing strategic of apple inc
 
F88 pitch deck
F88 pitch deckF88 pitch deck
F88 pitch deck
 
India Stack - Towards Presence-less, paperless and cashless service delivery....
India Stack - Towards Presence-less, paperless and cashless service delivery....India Stack - Towards Presence-less, paperless and cashless service delivery....
India Stack - Towards Presence-less, paperless and cashless service delivery....
 
Robinhood Presentation
Robinhood PresentationRobinhood Presentation
Robinhood Presentation
 
Lean Startup 101
Lean Startup 101Lean Startup 101
Lean Startup 101
 
Apple
AppleApple
Apple
 
Digital transformation in Real Estate
Digital transformation in Real EstateDigital transformation in Real Estate
Digital transformation in Real Estate
 
Apple
AppleApple
Apple
 
Yalochat - 500 Miami Demo Day
Yalochat - 500 Miami Demo DayYalochat - 500 Miami Demo Day
Yalochat - 500 Miami Demo Day
 
Uber Pitch Deck
Uber Pitch DeckUber Pitch Deck
Uber Pitch Deck
 
Startup Ideas and Validation
Startup Ideas and ValidationStartup Ideas and Validation
Startup Ideas and Validation
 
Apple
AppleApple
Apple
 
Apple Inc. presentation
Apple Inc. presentationApple Inc. presentation
Apple Inc. presentation
 
Coinbase Seed Round Pitch Deck
Coinbase Seed Round Pitch DeckCoinbase Seed Round Pitch Deck
Coinbase Seed Round Pitch Deck
 
Design thinking and innovation at apple
Design thinking and innovation at apple Design thinking and innovation at apple
Design thinking and innovation at apple
 
BaaS-platforms and open APIs in fintech l bank-as-a-service.com
BaaS-platforms and open APIs in fintech l bank-as-a-service.comBaaS-platforms and open APIs in fintech l bank-as-a-service.com
BaaS-platforms and open APIs in fintech l bank-as-a-service.com
 
Everphone - NOAH19 Berlin
Everphone - NOAH19 BerlinEverphone - NOAH19 Berlin
Everphone - NOAH19 Berlin
 
India as a Product Nation - The Next Google can come from India
India as a Product Nation - The Next Google can come from IndiaIndia as a Product Nation - The Next Google can come from India
India as a Product Nation - The Next Google can come from India
 
[PREMONEY 2013] Karthik Reddy
[PREMONEY 2013] Karthik Reddy [PREMONEY 2013] Karthik Reddy
[PREMONEY 2013] Karthik Reddy
 

Destacado

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
 

Destacado (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 a Website Design for Senior Citizens

Accessibility & Universal Design
Accessibility & Universal DesignAccessibility & Universal Design
Accessibility & Universal DesignSrutiVijaykumar
 
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
 
The Importance of Accessibility in Web Development
The Importance of Accessibility in Web DevelopmentThe Importance of Accessibility in Web Development
The Importance of Accessibility in Web DevelopmentPC Doctors NET
 

Similar a Website Design for Senior Citizens (20)

Accessibility & Universal Design
Accessibility & Universal DesignAccessibility & Universal Design
Accessibility & Universal Design
 
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
 
The Importance of Accessibility in Web Development
The Importance of Accessibility in Web DevelopmentThe Importance of Accessibility in Web Development
The Importance of Accessibility in Web Development
 

Último

The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxLoriGlavin3
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxNavinnSomaal
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersRaghuram Pandurangan
 
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESSALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESmohitsingh558521
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxLoriGlavin3
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyAlfredo García Lavilla
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxBkGupta21
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 

Último (20)

The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptx
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information Developers
 
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESSALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptx
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 

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