Interaction Media & Communication, Department of Computer Science, Queen Mary University of London THE INFLUENCE.

Slides:



Advertisements
Similar presentations
Literacy-Technology Links By Stephen Jamieson, South Shore Regional School Board Literacy Mentor Aug
Advertisements

USABILITY & ACCESSIBILITY IN WEB CONFERENCING TOOLS: A SIDE-BY-SIDE COMPARISON Accessing Higher Ground, 2009.
V0.1 Inclusive and Accessible Application Design June 21, 2012.
Lync, the New Generation of Office Communication: Are You Ready to Give Up with Your Office Phone? Hadi Rangin Information Technology Accessibility & Collaboration.
Introduction to Web Accessibility. What is Web Accessibility Web accessibility means that people with disabilities can use the Web Disabilities including.
Jesper Kjeldskov & Jan Stage Department of Computer Science Aalborg University Denmark New Techniques for Usability Evaluation of Mobile Systems.
CM143 - Web Week 11 Accessibility Priority Checkpoints.
© Lethbridge/Laganière 2001 Chapter 7: Focusing on Users and Their Tasks1 7.1 User Centred Design (UCD) Software development should focus on the needs.
Everyday inclusive Web design: an activity perspective CS575 MADHAVI L NIDAMARTHY.
Understanding End User Role in PDF Accessibility Brad Hodges, AFB Consulting Pete De Vasto, Adobe Systems.
Website Content, Forms and Dynamic Web Pages. Electronic Portfolios Portfolio: – A collection of work that clearly illustrates effort, progress, knowledge,
Aligning Theory with Practice How to Use Bloom’s Taxonomy Table EDTEC 572.
NSW Curriculum and Learning Innovation Centre Tinker with Tinker Plots Elaine Watkins, Senior Curriculum Officer, Numeracy.
Getting Started with Expression Web 3
Alternative Views of the Web Jon Gunderson, Ph.D. Division of Rehabilitation-Education Services University of Illinois at Urbana/Champaign.
Microsoft Wang Li, Wang Yini, Li YIcheng.  This is a presentation about Microsoft Windows7 guidelines  Wang Li K8wali00  Li Yicheng K8liyi00  Wang.
The Internet Writer’s Handbook 2/e Web Accessibility Writing for the Web.
Quality Matters Web Accessibility Standard Amy Kinsel, June 2, 2010.
WEB ACCESSIBILITY & CQ MEETING STANDARDS & MAKING ACCESS FOR ALL.
MERLOT’s Peer Review Report Composed from reports by at least two Peer Reviewers. Description Section Provides the pedagogical context (i.e. learning goals,
Website Accessibility Testing. Why consider accessibility People with disabilities – Visual, Hearing, Physical, Cognitive (learning, reading, attention.
COMPUTER ASSISTED / AIDED LANGUAGE LEARNING (CALL) By: Sugeili Liliana Chan Santos.
Chapter 3 Multimedia Skills
STEPS IN THE WEB DESIGN PROCESS A 5 minute presentation on the latest Ideas and methods.
MULTIMEDIA DEFINITION OF MULTIMEDIA
Daniel Njuguna – IT Officer/ Adaptive Technology Trainer Kenya Society For The Blind Accessibility in ICT’s.
Applying cognitive load theory to the design of web-based instruction 指導教授 : 陳 明 溥 研 究 生 : 許 良 村 Feinberg, S. & Murphy, M. (2000). Applying cognitive load.
WEB ACCESSIBILITY. WHAT IS IT? Web accessibility means that people with disabilities can use the Web. Web accessibility encompasses all disabilities that.
A Case Study of Interaction Design. “Most people think it is a ludicrous idea to view Web pages on mobile phones because of the small screen and slow.
+ A11y assessment Lisa Liskovoi. + WCAG POUR some accessibility sugar on me Perceivable – Can I see it? Hear it? Feel it? Operable – Can I scroll it?
School of something FACULTY OF OTHER Facing Complexity Using AAC in Human User Interface Design Lisa-Dionne Morris School of Mechanical Engineering
CMPS 435 F08 These slides are designed to accompany Web Engineering: A Practitioner’s Approach (McGraw-Hill 2008) by Roger Pressman and David Lowe, copyright.
Media Literacy. Purpose To gain an understanding for the role that media plays in our lives To be able to analyze various forms of media text To make.
Multimedia and the Web.
User Interface Components Lecture # 5 From: interface-elements.html.
Storyboard, Design, Layout.  Create storyboards  Decide upon navigation  Prepare short page summaries.
Lesson 3-Multimedia Skills. Overview Members of a multimedia team. Roles and responsibilities in a multimedia team.
Conceptual Model Design Informing the user what to do Lecture # 10 (a) Gabriel Spitz.
Computer-based Media Language Elements Understanding how we communicate through media Stewart.C. (2007). Media: New Ways and Means. John Wiley & Sons:
Lesson 8: Navigation. Overview  The manner in which you display your web site’s navigation is crucial to its overall usability.  Users need a clear.
Interactive history. To provide a visually attractive and interactive timeline of the major scientific discoveries throughout history.
The Accessible Social Computing Policy Jude Pineda CMPT480 December 5, 2015.
Cs413_design02.ppt GUI Design The User Controls Navigation Traditional GUI design the designer can control where the user can go gray out menu options.
WHY DO YOU NEED IT? What is a wireframe?. A wireframe is… A wireframe is a simple visual guide to show you what a Web page would look like. Wireframes.
William H. Bowers – Specification Techniques Torres 17.
Avaya.com Usability Test Findings and Recommendations March 22, 2002 Steve Ellis - Avaya.
Multimedia Industry Knowledge CUFGEN01A Develop And Apply Industry Knowledge CUFMEM08A Apply Principles Of Instructional Design To A Multimedia Product.
Learning Aim A.  Websites are constructed on many different features.  It can be useful to think about these when designing your own websites.
Design Evaluation Overview Introduction Model for Interface Design Evaluation Types of Evaluation –Conceptual Design –Usability –Learning Outcome.
IMPROVING THE HUMAN TECHNOLOGY INTERFACE NURSING INFORMATICS CHAPTER 4 1.
Adaptivity, Personalisation and Assistive Technologies Hugh Davis.
SIE 515 Universal Design Lecture 9.
Testing Native Mobile Apps
Chapter 10 Multimedia and the Web.
Investigating User Interfaces
Everyday inclusive Web design: an activity perspective
User Interface Components
Web Development A Visual-Spatial Approach
Kanban Task Manager SharePoint Editions ‒ Introduction
Designing Information Systems Notes
Web Accessibility Technology should be usable to everyone regardless of their individual characteristics.
Introduction to Web Accessibility
Web Design and Development
Creating Accessible Electronic Content
Web Content Accessibility Beata M. Ofianewska (DG COMM) 7 December 2006 December 2006 COMM C2.
Tomás Murillo-Morales and Klaus Miesenberger
Building your class website
CIS 376 Bruce R. Maxim UM-Dearborn
Week: 09 Human-Computer Interaction
Accessible Forms Gaby de Jongh, IT Accessibility Specialist
Presentation transcript:

Interaction Media & Communication, Department of Computer Science, Queen Mary University of London THE INFLUENCE OF SCREEN READERS ON WEB COGNITION Tony Stockman & Oussama Metatla Queen Mary, University of London

Interaction Media & Communication, Department of Computer Science, Queen Mary University of London OVERVIEW Examine implications of SR technology for web cognition Report findings from survey and study of collaborative web use Propose draft taxonomy of errors in collaborative web interaction Examine potential role of non-speech sound in addressing identified problems

Interaction Media & Communication, Department of Computer Science, Queen Mary University of London FEATURES OF SR WEB INTERACTION Default linear model of page presentation No ambient representation of location on page No representation of spatial layout No immediate indication of information density Little to assist formulation of mental model of page

Interaction Media & Communication, Department of Computer Science, Queen Mary University of London CURRENT FUNCTIONALITY Focus: Jaws, WE and VO. Cursor key navigation – strength and weakness of analogy with other apps Other mechanisms: By listing of navigating forward/back between links, headers, frames, tables, forms, text elements, markers etc. Forms mode

Interaction Media & Communication, Department of Computer Science, Queen Mary University of London OVERVIEWS Important but often under supported/neglected Typically lists no. of links, frames, headers, and forms with reminder of related hot keys

Interaction Media & Communication, Department of Computer Science, Queen Mary University of London CURRENT NON-SPEECH SOUND Jaws schemes Window-eyes events VoiceOver defaults

Interaction Media & Communication, Department of Computer Science, Queen Mary University of London VoiceOver Embedded in OS Factors in switching Group v. DOM mode navigation Overview followed by interaction model Non-speech sound more “visible”

Interaction Media & Communication, Department of Computer Science, Queen Mary University of London IMPLICATIONS FOR COGNITION AND INTERACTION Hindered by linear navigation EG pageing through search results Hot keys and markers help, but ignore density of info and spatial layout - consequences for collaboration Overviews neglect spatial layout, ordering and esthetics, Tables are navigable but lack overviews

Interaction Media & Communication, Department of Computer Science, Queen Mary University of London DESCRIBING WEB PAGES Employed widely known pages Characteristics of sighted descriptions: Relatively short but covering main features Column layouts, colours, mood, style, pictures, emotional response to message Characteristics of VI descriptions: Longer, more factual and granular, more focus on function and usability Conclusion: the two groups approach web tasks from widely differing contexts

Interaction Media & Communication, Department of Computer Science, Queen Mary University of London COLLABORATIVE TASKS Involved pairs of sighted and visually impaired users Both could read the web pages used One gave instructions while the other performed the task The tasks involved: Simple information searches Comparisons of data values Navigating pages and filling forms

VISUALLY IMPAIRED INSTRUCTOR These tasks were performed generally quite straightforwardly VI user was generally familiar with sites Sighted users perspective generally compensated for difference in views of each user Sources of problems: Screen-reader’s focus unavailable to sighted user Sighted user referring to spatial layout unavailable to screen- reader Interaction Media & Communication, Department of Computer Science, Queen Mary University of London

SIGHTED INSTRUCTOR Substantially more problems: Point in task unclear because screen-reader focus unavailable to sighted user Sighted references to spatial layout CAPTCHEs Non-standard form controls Column headers not spoken on forms Dynamic updating of form fields Interaction Media & Communication, Department of Computer Science, Queen Mary University of London

TOWARDS A TAXONOMY OF COLLABORATIVE ERROR 1 Location disconnects Layout disconnects Missing objects Navigation disconnects Contextual disconnects Interaction Media & Communication, Department of Computer Science, Queen Mary University of London

TOWARDS A TAXONOMY 2 Affordance disconnects Modal disconnects Hollistic disconnects Multi-focus disconnects Esthetics disconnects Interaction Media & Communication, Department of Computer Science, Queen Mary University of London

NON-SPEECH AUDIO Audio is inexpensive and widely used Screen-readers only gradually adopting limited non-speech sound, eg forms and progress bars Growing body of knowledge on how to design and use ( Range of techniques that could be examined as part or whole solutions to problems described Interaction Media & Communication, Department of Computer Science, Queen Mary University of London

Monitoring for dynamic changes The structure of Earcons could for EG reflect object type and nature of update Ambient sound might convey esthetics and/or interaction mode Auditory icons might signal affordance open/closed Spatial sound might convey overall layout, density, locations of users NON-SPEECH AUDIO 1 Interaction Media & Communication, Department of Computer Science, Queen Mary University of London

NON-SPEECH AUDIO 2 Example of non-speech auditory overviews compared with speech, more like a glance Spearcons for typical radio button options Crucial to avoid auditory overload, masking etc. Interaction Media & Communication, Department of Computer Science, Queen Mary University of London

CONCLUSIONS Speech-only model struggles to convey rich web content and enable increasingly complex interactions This is highlighted by gap in first impressions of common web pages Cross modal web collaboration os subject to a range of disconnects due to differences in presentation and interaction Non-speech audio is an under-used mechanism that, with careful design, could help to address some of the issues sited Interaction Media & Communication, Department of Computer Science, Queen Mary University of London