Lessons from Our Usability Studies with Older Adults

Slides:



Advertisements
Similar presentations
3.01D Design Multimedia Presentations
Advertisements

Introduction to Multimedia Adeyemi Adeniyi Bsc, MCP MCTS
Literacy-Technology Links By Stephen Jamieson, South Shore Regional School Board Literacy Mentor Aug
1 Web Usability and Age Thomas S. Tullis Ann Chadwick-Dias Human Interface Design Department,
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Feb 26, 2004.
CM143 - Web Week 11 Accessibility Priority Checkpoints.
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.
Problemsolving 2 Problem Solving: Designing a website solution Identifying how a solution will function Taking into account the technical constraints a.
Interface Analysis Report
1 Designing Need-based Internet Web Sites in Counseling and Career Services James P. Sampson, Jr. Florida State University Copyright 2002 by James P. Sampson,
Unit 8.2 / Lesson 1 / presentation1a Web Elements.
The Internet Writer’s Handbook 2/e Web Accessibility Writing for the Web.
Web Designing By Bhupendra Ratha, Lecturer School of Library & Information Science D.A.V.V., Indore.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
1 Usability and accessibility of educational web sites Nigel Bevan University of York UK eTEN Tenuta support action.
Cipro.co.za content pages look & feel | usability | navigation redesign © Copyright Rob Cowie 2009 live demo | home page:
HTML PROJECT #1 Project 1 Introduction to HTML HTML Project 1: Introduction to HTML 2 Vocabulary Internet service provider (ISP) A company that has a.
Website St. Augustine A Technical Viewpoint Deja Vu anyone?
Heuristic evaluation Functionality: Visual Design: Efficiency:
Usability Testing & Web Design by Alex Andujar. What is Usability? Usability measures the quality of a user's experience when interacting with a Web site,
Meetings Lesson 6 Documentation The main documentation for meetings are an agenda and minutes.
Tips for Conducting Usability Studies with Older Adults Thomas S. Tullis, Ph.D. Senior Vice President Human Interface Design Fidelity Investments
Teachers Discovering Computers Integrating Technology and Digital Media in the Classroom 5 th Edition Let’s Review Lesson 2! Who Wants to Be a Computer.
Copyright © 2012 W3C (MIT, ERCIM, Keio) BAD: Before and After Demo Shadi Abou-Zahra W3C Web Accessibility Initiative (WAI)
Development and Design of Multimedia. Planning Your Title 1)Develop the concept or idea – a multimedia project starts with an idea that supports a vision.
Multimedia and the Web.
Accessibility : Designing the Interface and Navigation The Non-Designer’s Web Book Chapter 7 Robin Williams and John Tollett Presented by Sherie Loika.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
HTML Concepts and Techniques Fourth Edition Project 1 Introduction to HTML.
Computer-based Media Language Elements Understanding how we communicate through media Stewart.C. (2007). Media: New Ways and Means. John Wiley & Sons:
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
Unit 13- Web Design P1-Explain the intended uses and features of two different websites. M1-Review how the features in two websites improve presentation,
Learning Aim C.  Once the website is complete, you should test it using the test plan you created at the design stage.
29 Copyright © 2009, Oracle. All rights reserved. Administering the Oracle Business Intelligence Presentation Catalog.
Unit 13 – Website Development FEATURES OF WEBSITES.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
Learning Aim A.  Websites are constructed on many different features.  It can be useful to think about these when designing your own websites.
Copyright © Terry Felke-Morris Web Development & Design Foundations with HTML5 8 th Edition CHAPTER 5 KEY CONCEPTS 1 Copyright ©
Basic concepts of web design
Section 6.1 Section 6.2 Write Web text Use a mission statement
Creating a Flash Web Site
Chapter 10 Multimedia and the Web.
Project 1 Introduction to HTML.
Investigating User Interfaces
Instructions and Procedures
Web-based structures, links and testing
Techniques, Tools and Resources for Making WordPress Website WCAG 2
Chapter 1 Introduction to HTML.
Software Quality Assurance
iPad Accessibility Features (IOS operating System)
Understand Windows Forms Applications and Console-based Applications
Web Design and Development
Creating Accessible Electronic Content
Web Development & Design Foundations with HTML5 8th Edition
Lecture 8 Customer Interface.
Design of Hypermedia Applications
Web and presentation software
HTML HYPERTEXT MARKUP LANGUAGE.
Web Development Life Cycle from Beginning to End…and BEYOND!
G061 - Tailored Interfaces
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Introduction UI designer stands for User Interface designer. UI designing is a type of process that is used for making interfaces in the software or the.
User interface design.
Software Quality Assurance
Pilot Study - May 2, 2006 Owen Otto Dave Hong Kelly Snow Tim Dennis
How To Make Accessible Word Documents
Introduction to Web Application Design
Elements of Effective Web Design
Web Development Life Cycle from Beginning to End…and BEYOND!
E-learning Projects Overview
Presentation transcript:

Lessons from Our Usability Studies with Older Adults Thomas S. Tullis, Ph.D. Senior Vice President Human Interface Design Fidelity Investments tom.tullis@fmr.com Seminar on Older Users and the Web GSA & AARP Washington, DC July 20, 2004

Our Studies Conducted an initial usability study with many users over a wide range of ages. Asked all users to do the same tasks using the same prototype. Carefully observed where the older users encountered problems or otherwise did things differently from the younger users. Made changes to the prototype to address the issues older users had. Retested with a new group of users.

Results: Study 1 Older users had significantly more problems. 10 20 30 -4.00 -3.00 -2.00 -1.00 0.00 1.00 2.00 3.00 4.00 10 20 30 40 50 60 70 80 90 Age (in years) Usability Index (higher is better) Older users had significantly more problems.

Observation #1 “Cautious clicking” Video clip Older users tended to adopt a more cautious interaction style on the web, particularly with regard to clicking on links or buttons. Video clip Changes we made as a result of this: More explicit wording of links Use of more “action words” in links (e.g., changing “Accounts” to “View Accounts”)

Observation #2 Clicking on non-links Video clip Older users were much more likely to try clicking on items like bullets, headings, and other graphical elements that were not links. Video clip Changes we made as a result of this: Making bullets, headings, and graphical elements “hot” whenever appropriate. Using consistent visual treatment of links with highlighting on mouseover.

Observation #3 Confusion with technical terminology Video clip Older users were less likely to understand certain technical terms or jargon (e.g., home, window, login). Video clip Changes we made as a result of this: Eliminate technical terms when possible. Simplify other terms. Make definitions available.

An Example from Fidelity.com Today 2003

Observation #4 Reading more Video clip Older users were more likely to read text on web pages, including instructions, disclaimers, legalese, etc. Video clip Changes we made as a result of this: Simplify pages. Use clear and concise writing. Eliminate unnecessary text.

Results: Studies 1 and 2 Overall Usability Index -5.00 -4.00 -3.00 -2.00 -1.00 0.00 1.00 2.00 3.00 4.00 10 20 30 40 50 60 70 80 90 Age (in years) Performance Z-Score Study 1 Study 2 Linear (Study 1) Linear (Study 2) Performance improved significantly for everyone!

Some Future Directions Better ways of helping users understand what a link will do before clicking on it. Interactive natural-language assistance (“chat” with a virtual rep). Better ways of using audio to help users with low vision. Easier and more secure ways of authenticating.