Graduate School of Library and Information Science LIS 753 Universal Usability Issues By: Yijun Gao Jan 30, 2015.

Slides:



Advertisements
Similar presentations
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 2 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 2: Planning.
Advertisements

1 CS 501 Spring 2002 CS 501: Software Engineering Lecture 11 Designing for Usability I.
Universal Accessibility in Web Survey Design: Practical Guidelines for Implementation 2010 FedCASIC Conference March 18, 2010 Holly H. Matulewicz ● Jeff.
Universal Design CMDS March 2010 L. Peña. What is Universal Design (UD)? “Universal Design is an approach to the design of all products and environments.
Learning about software Interfaces.  In this lab, you will examine  Excel Spreadsheet Interface  Access Database Interface  You will also learn about.
INTD 51 sustainable environments
Universal Design The Principles.
Usability presented by the OSU Libraries’ u-team.
What is Universal Design?
Copyright © 2003 Bolton Institute Dept. of Computing and Electronic Technology - Multimedia Integration and Applications Lecture 5: Design and Prototype.
Usability and Accessibility in BME Design Thomas Yen Ph.D Biomedical Engineering Dept. University of Wisconsin-Madison.
Center on Postsecondary Education and Disability, University of Connecticut, UDI Project 1 Unit 2. Universal Design.
Universal Design Products and Environments for All Jocelyn Freilinger MLA.
Everyday inclusive Web design: an activity perspective CS575 MADHAVI L NIDAMARTHY.
Planning and Designing a Website Session 8. Designing a Website Like all technical artefacts a website needs to be carefully planned and designed to be.
Establishing Guidelines for Access of STEM Resources Online Wade Kellard Center on Access Technology, RIT. RIT Undergraduate Research Symposium 8/10/12.
Website Content, Forms and Dynamic Web Pages. Electronic Portfolios Portfolio: – A collection of work that clearly illustrates effort, progress, knowledge,
Electronic Communication and Web Accessibility Workshop.
Debi Orton, Co-Chair NYS Forum IT Accessibility Committee.
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Flash Domain 2 KellerAdobe CS5 ACA Certification Prep Flash Domain 2: Identifying Rich Media.
Requirements-definition User analysis
Designing in the Dark A Collaborative Project. I am so Lucky! At UTC, I am part of the SoTL community AKA the Faculty Fellows At UTC, I am part of the.
Week 2 Web Site Design Principles. 2 Design for the Computer Medium Craft the look and feel Make your design portable Design for low bandwidth Plan for.
Build a Free Website1 Build A Website For Free 2 ND Edition By Mark Bell.
ACCESS IS MORE THAN BRICK AND MORTAR: THE BASICS OF WEB SITE ACCESSIBILITY.
WEB DESIGN FOR CHILDREN AND YOUNG ADULT LIBRARIES Ross J. Todd School of Communication, Information and Library Studies Rutgers, the State University of.
School of Computing Dublin Institute of Technology Ciarán O’Leary Damian Gordon.
Laurie Ray PT, PhD NC DPI Consultant for Physical Therapy, Medicaid and Liaison for Adapted Physical Education Universal Design for Learning.
1 Usability and accessibility of educational web sites Nigel Bevan University of York UK eTEN Tenuta support action.
Object-Oriented Software Engineering Practical Software Development using UML and Java Chapter 7: Focusing on Users and Their Tasks.
Interface Design Natural Design. What is natural design? Intuitive Considers our learned behaviors Naturally designed products are easy to interpret and.
An Overview 1 Pamela Harrod, DMS 546/446 Presentation, March 17, 2008.
How People with Disabilities Access the Web Web Design – Sec 2-5 Part or all of this lesson was adapted from the University of Washington’s “Web Design.
PBA Front-End Programming Universal Usability. Two aspects of usability in web design – Enabling the typical user to accomplish her task as efficiently.
Usability and Accessibility CIS 376 Bruce R. Maxim UM-Dearborn.
INTRO TO USABILITY Lecture 12. What is Usability?  Usability addresses the relationship between tools and their users. In order for a tool to be effective,
Designing & Testing Information Systems Notes Information Systems Design & Development: Purpose, features functionality, users & Testing.
UNIVERSAL DESIGN AND DISTANCE EDUCATION Megan A. Conway, Ph.D. & Thomas H. Conway, M.B.A. Center on Disability Studies, University of Hawaii at Manoa WELCOME!

1 3132/3192 User Accessibility © University of Stirling /3192 User Accessibility 2.
Multimedia and the Web.
Chung Sik, Kim Universal Design Term Project.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
AT Approach AT Definitions AT Assessment AT Accessibility AT Adaptability and Personalization.
Different Types of HCI CLI Menu Driven GUI NLI
Website Design, Development and Maintenance ONLY TAKE DOWN NOTES ON INDICATED SLIDES.
Universal Design Products and Environments for All Jocelyn Freilinger MLA Associate ASLA.
IT323 - Software Engineering 2 1 Tutorial 3.  Suggest ways in which the user interface to an e-commerce system such as an online stores might be adapted.
Learning Aim C.  Once the website is complete, you should test it using the test plan you created at the design stage.
Learning Aim B.  In this section, you will consider the resources necessary for designing your website.  You will also think about any constraints that.
Guidelines and Principles UNIVERSAL DESIGN & UNIVERSAL DESIGN FOR LEARNING 1.
PRINCIPLES OF UNIVERSAL DESIGN: Usable learning environments for all students.
1 Web Site Usability Motivations of Web site visitors include: –Learning about products or services that the company offers –Buying products or services.
Accessibility is not boring or difficult. It’s the right thing to do. Benjy Stanton.
Web Accessibility. Why accessibility? "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect."
Universal Design In Computer Science Damian Gordon.
SIE 515 Universal Design Lecture 9.
Chapter 10 Multimedia and the Web.
Web & accessibility resources
How People with Disabilities Access the Web
Designing Information Systems Notes
Define phase Interview the client to understand goals, audience, content, design, and delivery requirements. Organize and outline interview information.
SY DE 542 User Testing March 7, 2005 R. Chow
Web Programming– UFCFB Lecture 3
Lakeshore Public Schools
Technological Design, Third Edition
Web Standards and Accessible Design.
Accessible / Universal Design
Название доклада.
Accessibility.
Presentation transcript:

Graduate School of Library and Information Science LIS 753 Universal Usability Issues By: Yijun Gao Jan 30, 2015

What is “Usability” I As a measure of effectiveness, it describes how effective tools and information sources are in helping us accomplish tasks. The more usable the tool, the better we are able to achieve our goals. Help us overcome physical limitations by making us stronger, faster, and more sharp- sighted. Can also be frustrating or disabling.

What is “Usability” II In designing web sites we must reduce functional limitations through design. Try to improve the quality of life for more people, with the help of universal usability Bad usability: either because it is poorly designed or because its design does not take into account our needs

Web Accessibility Initiative Universal Usability Includes *** Accessibility + Usability + Universal Design Web Accessibility Initiative promotes best practices and tools that make the web accessible to people with disabilities. Accessible designs can be accomplished using current and future web technologies. The more usable the website, the better we feel about using it, the more likely it is that we will return to the site. (Loyalty matters!)

Quantitative v.s. Qualitative Different ways to judge a design’s effectiveness Quantitative usability metrics: how quickly we complete tasks and how many errors we make in the process (use numbers to describe!) “Learnability”: how quickly we learn to use a tool & how well we remember how to use it the next time Qualitative measures: how much satisfaction we derive in using a website (to describe verbally)

User-Centered Design Methods Starting from: task analysis, then: focus groups, and user testing to understand user needs and refine designs based on user feedback. Determining: what functionality users want in a product and how they will use it. (Touch Screen) Design, testing, and refinement cycle: make sure users like and will be successful using our design. Our system must be: easy to learn and use by a diversity of users, platforms, and usage contexts.

Universal Design Incorporates access requirements into design, rather than providing separate designs for the handicapped Less costly: anticipating a diverse user population often have unanticipated benefits… For example, curb cuts in sidewalks are intended to help mobility- and vision-impaired users, but many others benefit, including people making deliveries, pushing a stroller, or riding a bike.

Universal Design Principles Principle One: Equitable Use Provide the same means of use for all users: identical whenever possible; equivalent when not. For example: An online book can be made larger, smaller, colored, copied, printed, read aloud. The flexibility of the web provides an excellent opportunity to design for “same means of use.”

Principle Two: Flexibility in Use The web users have choice regarding platform, software, and settings (Mac or PC) Users can view web pages without images or in a variety of layouts and typefaces. (I disabled Flash to avoid ads ) The same page can be accessed on a cell phone or printed on paper. Thus, the page must be: responsive

Principle III: Simple & Intuitive Use Design must be: easy to understand, regardless of the user’s experience, knowledge, language skills, or current concentration level. Eliminate unnecessary complexity and arrange information consistent with its importance. Simplicity and direct access to salient features and information is an effective design strategy. Bad: Much of the page given over to organizational identity, advertising, and navigation…(example?)

Principle Four: Perceptible Info. Use different modes (pictorial, verbal, tactile) for redundant presentation of essential info. and provide compatibility with a variety of techniques or devices used by people with sensory limitations. Text on web pages is machine-readable and can be adapted to different contexts. For instance, text is accessible to people who can’t see because software can read text aloud. Alt-text for images, captions for spoken audio, and audio descriptions for video files.

Universal Usability Guidelines Designers need to “support a wide range of technologies, to accommodate diverse users, and to help users bridge the gap between what they know and what they need to know.” (Ben Shneiderman) It’s important to think about universal usability as a goal and not an outcome. Why? See notes below

Moving beyond “typical” user We are NOT working for a “typical” user Universal usability accounts for users of all ages, experience levels, and physical or sensory limitations. Users vary widely in their technical circumstances: in screen size, network speed, browser versions, and specialized software such as screen readers for the visually impaired. Each of us inhabits multiple points on the spectrum, points that are constantly shifting as our needs and contexts change…

User control Design from a fixed environment will exclude some users. In the web environment, users have control over their environment. --- Manipulate browser settings --- To display text at a size --- They find comfortable for reading

Keyboard functionality Interaction is crucial component Users navigate and interact with links, forms, and other elements of the web interface. For universal usability nowadays, these actionable elements must be workable from the keyboard or touch screen for the mobile users Not all users use mouse or touch screen: make actionable elements workable via the keyboard to ensure that the interactivity of the web is accessible

Usability In Design Process T he best method: a combination of design best practices and familiar web layout conventions + developed in consultation with users at each stage. Involving users in the development process helps us understand user requirements, which allows us to make informed design decisions more effectively.

Web Analytics---very important Collects metrics about users: --- Operating system & browser used --- Screen resolution / Size --- Page users visited before landing ours --- Defining the audience for our web site. --- Why users visit our site, --- What they hope to find --- What they actually checked/clicked --- expert or novice, young or old. Must work with interview, survey, field study

Identifying Target Audience A group of users critical to the success of our site. They may share common interests, but they are not likely to share access requirements. Some may be experts and others first-time users. Some may be have low or no vision, and others may have mobility or dexterity issues. The same person may access site on a laptop, PC, or smartphone. Although we target a certain audience, others will come. (see notes below)

Do NOT Exclude Users Even if our data show that only 2% of our users use a specific brand of browser, don’t using technology to exclude those users. It’s bad business to exclude anyone from access to your information and services, and there is no way to place a value on those users who you have excluded. Our next major donor might be one of the 2% we turned away…You never know