“Using Cognitive Aging and Vision Research to Develop Senior-friendly Online Resources” *************** Stephanie Dailey Educational Research Specialist.

Slides:



Advertisements
Similar presentations
U.S. NATIONAL LIBRARY OF MEDICINE NATIONAL INSTITUTE ON AGING NATIONAL INSTITUTES OF HEALTH NIHSeniorHealth NIHSeniorHealth ~ A Talking Web Simon Liu Director,
Advertisements

YOUR WEB SITE REVISITED Appearance, Organization, Tone.
ORGANIZING THE CONTENT Physical Structure
Principles of Web Design 5 th Edition Chapter Nine Site Navigation.
1 Web Usability and Age Thomas S. Tullis Ann Chadwick-Dias Human Interface Design Department,
Principles of Web Design 5th Edition
M I S Dr. Ernst-Gerd vom Kolke 1 Web Design - Introduction n Design for printed and electronic information isn’t very different n Special aspects for web.
Finding Accurate and Reliable Health Information on the Internet.
Ten Guidelines for Improving Online Communications.
Web Printing Continue on Web Usability It is a good idea that web sites can provide a printing version and browsing version for the same document.
Visual Organization and Website Design Unit 5 (no CSS) September 19.
Chapter 4 Planning Site Navigation. Principles of Web Design 2nd Ed. Chapter 4 2 Principles of Web Design Chapter 4 Objectives Create usable navigation.
WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
Multimedia Design. Table of Content 1.Navigational structures 2.Storyboard 3.Multimedia interface components 4.Tips for interface design.
NIHSeniorHealth and Drug Information Resources Lydia Collins NN/LM MAR Consumer Health Coordinator
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
Designing for the Web 7 Useful Design Principles.
NKU Professional & Organizational Development Center Sean Ringey Web Educational Development Coordinator.
Using Technology in Training November 24, 2006 Overview Today’s session will focus on using PowerPoint to develop training materials.
RELIABLE HEALTH INFORMATION From The National Library of Medicine (NLM) Your Name Your Organization Contact Information Date.
Document and Web design has five goals:
Multimedia and the Web Chapter Overview  This chapter covers:  What Web-based multimedia is  how it is used today  advantages and disadvantages.
Multimedia & The World Wide Web winny HCI 201 Multimedia and the www.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
NIHSeniorHealth.gov A senior-friendly web site developed by the National Institute on Aging and the National Library of Medicine.
Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.
Chapter 7. Designing Documents and Web Sites © 2013 by Bedford/St. Martin's1 Document and Web design has five goals: to make a good impression on readers.
Copyright © 2002 by Pearson Education, Inc., publishing as Longman publishers. All rights reserved. Chapter 8 Designing Pages and Screens Professional.
Web Page Design. Some Terms Cascading Style Sheet, (CSS) –a style sheet language used to describe the look and formatting of a document written in html;
 Attractive page layout  The contrast and blend of clolours is well balanced  Legible fonts  Headlines, brief news items, photos and videos provided.
Designing Speech and Multimodal Applications for Seniors Deborah Dahl Conversational Technologies SpeechTEK 2009 New York August
HealthCoach4Me Evaluation and Recommendations Esther Sheppard IDIA612.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Web Design. Keep a Consistent Appearance Visually show that the site is the same Always use the same background Same graphic style Same type formatting.
Slide 1-1 The Web Wizard’s Guide to Web Design by James Lengel.
Principles of effective web design NOTES Flo Morris-Duffin.
Chapter 20 Web Design. Copyright © Houghton Mifflin Company. All rights reserved.20 | 2 Chapter overview Gives an introduction to Web design Examines.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Users and the Interface When designing an information system you need to have a clear idea of who the target audience is. If the target audience is an.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Planning and Design.
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
Oman College of Management and Technology Course – MM Topic 7 Production and Distribution of Multimedia Titles CS/MIS Department.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
English for Careers Chapter 14 Writing for Multimedia.
Usability Olaa Motwalli CIS764, DR Bill – KSU. Overview Usability factors. Usability guidelines.  Software application.  Website. Common mistakes. Good.
Copyright © Terry Felke-Morris Learning Outcomes  In this chapter...  common types of website organization  principles of visual design  your target.
Problem Statement Goal & Objective Background Procedure Literature Reviewed Data Collection KML File and Arcmap Creation, Arc IMS Setup Design of Website.
STANFORD UNIVERSITY INFORMATION TECHNOLOGY SERVICES A Book Review of Letting Go of the Words by Janice (Ginny Reddish) DDD Self –Directed Time January.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
NIHSeniorHealth The Web Site for Older Adults Medical Library Association May 21 – 26, 2004 National Library of Medicine National Institutes of Health.
Web Design Principles. Designing a Website Choice of a site color scheme. Choice of text font and size. Placeholder text. Use of white space. Location.
(c) Charlotte Holland DCU ES318 Creative Instructional Design (Graphic Design, with a Focus on Accessibility)
Copyright © Terry Felke-Morris Web Development & Design Foundations with HTML5 8 th Edition CHAPTER 5 KEY CONCEPTS 1 Copyright ©
A Tour of the ELES Online Study Skills Handbook for Secondary Schools.
Guide to Accessible PowerPoint
Multimedia Design.
Chapter 10 Multimedia and the Web.
Designing Documents, Slides, and Screens
Section 7.1 Section 7.2 Identify presentation design principles
Year 7 E-Me Web design.
Web Design and Development
Chapter 17 Designing for the web
Web Design Techniques.
DESIGN PRINCIPLES and arguing in virtual spaces
For use on your feedback page
Elements of Effective Web Design
Tips on good web site Design
Accessible Design Top 10 List
Presentation transcript:

“Using Cognitive Aging and Vision Research to Develop Senior-friendly Online Resources” *************** Stephanie Dailey Educational Research Specialist National Institute on Aging

NIH Senior Health. gov: A Research-based Design

Overview This presentation describes the research on which the design of the NIH Senior Health web site is based. Also shown are the web site’s senior- friendly features and the ways in which they address the cognitive and visual changes that typically occur with aging.

What is NIHSeniorHealth? A web site that presents aging-related health information in a senior-friendly format. A joint project of the National Institute on Aging (NIA) and the National Library of Medicine (NLM), both part of the National Institutes of Health (NIH). Based on NIA’s cognitive aging research. The web site has also been tested with groups of older adults to ensure that they can easily use it.

NIHSeniorHealth represents an NIH partnership involving:  The National Institute on Aging (NIA)  Providing research on cognitive aging and subject expertise on aging-related diseases and conditions.  The National Library of Medicine (NLM)  Providing expertise in effective information delivery and “best fit” technology.  Other NIH Institutes  Providing subject expertise on aging-related diseases and conditions.

What makes a web site senior friendly? A senior-friendly web site is one where people 60 and older can easily see, comprehend, remember, and navigate the information.

Why do older people need a senior-friendly web site? Research funded by the National Institute on Aging has shown that visual and cognitive changes among older adults can affect how well they perform in an online environment. 1 1 Craik and Salthouse, 2000; Morrell, 1997

How does NIHSeniorHealth address these needs? It includes senior-friendly features that are designed to address the types of cognitive and visual changes in older adults that can prevent them from having a positive online experience.

What are the cognitive changes that the web site addresses? The cognitive changes addressed by the web site design include changes in: working memory perceptual speed text comprehension

What is working memory? Working memory is the ability to simultaneously store and process information. Research shows that working memory declines with aging. 2 On the web site, repetition is one of the techniques used to address working memory. 2 Craik and Salthouse, 2000

Using repetition helps working memory: Text conveys initial information.

Using repetition helps working memory: Videoreinforces Text. Text.

Using repetition helps working memory: Open-captioning on videos reinforces audio information. Open-captioning on videos reinforces audio information.

Using repetition helps working memory: Quizzes reinforce points made in text.

Using repetition helps working memory: Quiz answer repeats original wording from text.

Using repetition helps working memory: Content is repeated in question-answer format (FAQ).

Re-reading of content also aids working memory: Forward-backward navigation facilitates re-reading.

What is spatial working memory? Spatial working memory is the ability to visualize and recall where objects are located. Research shows that a person’s spatial working memory declines with aging. 3 Locating the navigational controls in the same place on each page is one way the web site accommodates declines in spatial working memory. 3 Craik and Salthouse, 2000

How the web site addresses changes in spatial working memory: Consistent location of main menu button. Consistent location of main menu button. Consistent placement of chapter and subchapterbuttons. Consistent Consistentlocation of “next page” and “previous page” buttons.

What is perceptual speed? Perceptual speed is the speed at which a person processes information. Research shows that a person’s perceptual speed slows down with aging. 4 On the web site, there is no scrolling text, and navigation is always under the control of the user. 4 Salthouse, 1993.

How the web site addresses changes in perceptual speed: Forward-backward navigation allows user to self pace. Forward-backward navigation allows user to self pace.

What is text comprehension? Text Comprehension is the ability to understand written text. Research shows that a person’s ability to understand certain aspects of written text -- such as inferences -- declines with aging. 5 Plain language, “chunking” of information, and the use of text-relevant images are some ways the web sites addresses changes in text comprehension. 5 Park, 1992

How the web site addresses changes in text comprehension: Content written in plain language. Ample white space directs the focus to the content. Ample white space directs the focus to the content. Minimal use of passive voice. Noinferences. Minimal use of passive voice. Noinferences.

How the web site addresses changes in text comprehension: Content presented in short, “chunked” segments. segments. Text-relevant photos aid comprehension.

What vision changes are addressed by the web site design? Vision changes that occur with aging include reductions in the amount of light that reaches the retina, loss of contrast sensitivity and loss of the ability to detect fine details. 6 The web site accommodates these visual changes in older adults by using: A “talking web” that reads the text aloud Large, sans serif type Buttons that enlarge text and show high contrast Dark type against a light background and lots of white space Large icons 6 Echt, 2002

How the web site addresses vision changes: Talking Web. Higher contrast. Larger type. Talking Web. Higher contrast. Larger type. Dark type against a light background provides high color contrast. Large, sans serif type.

Testing The NIH Senior Health web site has been tested a number of times with groups of older people. The ages of the people tested ranged from 60 to Both usability testing and online and in-person focus group testing were used. 7 Morrell, Dailey, and Rousseau, 2003

Testing The site was tested to determine how easy it was for older adults to navigate, understand, and read the information presented. The site was also tested for its visual appeal.

Testing Throughout the many rounds of testing, the writing style and the page layout were consistently rated highly by older users. Test results pointed to navigation as the area most in need of adjustment.

Testing The following screen captures show findings and recommendations from early usability testing.

Positive aspects of the design as determined by usability testing on an early version of the site. The information is divided into short concise blocks which doesn’t overwhelm the reader. Top Menus Side Menus Main Text Bottom Menus

Positive aspects of the design as determined by usability testing on an early version of the site. The text is large enough for the older adults to read.

These recommendations from usability testing on an early version of the web site were incorporated into the design.  The site requires the user take too many steps to access the lower levels of information.  Consider placing the important information higher up in the structure. Consider getting rid of the “Welcome to AgePage” page. Replace the information with the information listed on the “Topics” page

These recommendations from usability testing on an early version of the web site were incorporated into the design. The structure of the site is too deep. In order to get to a list of topics pertaining to the overview of what Alzheimer’s disease is, the site requires 4 clicks from the user. At this point, the user sees another list of topics. Recommendation: Consider reducing the number of steps required of the user to access important information. For example, the middle page between the Home Page and the list of topics is an unnecessary step. There are too many preliminary steps. Put meaningful choices of content higher in the tree structure.

Most Popular Topics: 1. Exercise for Older Adults 2. Alzheimer’s Disease 3. Balance Problems 4. Prostate Cancer 5. Lung Cancer

Web Site Traffic Oct 1 – June 30 Page Views = 2,375,110 Unique visitors = 266,260

References Craik, F.I.M., and Salthouse, T.A. The Handbook of Aging and Cognition. Mahwah, NJ: Lawrence Erlbaum Associates, Echt, K.V. Designing web-based health information for older adults: Visual considerations and design directives. In R.W. Morrell, ed. Older Adults, Health Information and the World Wide Web, Mahwah, NJ: Lawrence Erlbaum Associates, Morrell, R.W. The application of cognitive theory in aging research. Cognitive Technology, 2 (1997):

References (contd.) Morrell, R. W., Dailey, S. R., & Rousseau, G. K. (2003). Commentary: Applying Research: the NIH Senior Health Project. In N. Charness & K. W. Schaie, (eds), Impact of Technology on Successful Aging (pp ). New York: Springer Publishing. Park, D.C. (1992). Applied cognitive aging research. In F.I.M. Craik & T.A. Salthouse, (Eds.). Handbook of Cognition and Aging. (pp ). Mahwah, NJ: Lawrence Erlbaum Associates. Salthouse, T.A. (1993) Speed Mediation of Adult Age Differences in Cognition. Developmental Psychology, 29,

Visit NIHSeniorHealth at