Lindenberg, Neerincx Pemberton, Van Dijk CHI20001 Usability Techniques for Web-based Services Diversity and Technology.

Slides:

Advertisements

Similar presentations

Map of Human Computer Interaction

Advertisements

Web technologies Session 2. Slide 2. 1 Objectives for session 2  To develop participants’ knowledge, skills and understanding of web-page design  To.

Universal Web Design Final Presentation Greg Lanier April 15, 2003.

TNO Human Factors Kampweg 5 / P.O. Box ZG Soesterberg, The Netherlands Phone: Universal accessibility Anita.

UI Standards & Tools Khushroo Shaikh.

1 Accessibility CSSE 376, Software Quality Assurance Rose-Hulman Institute of Technology April 16, 2007.

7M701 1 User Interface Design Sommerville, Ian (2001) Software Engineering, 6 th edition: Chapter 15

Engineering Design for Educational Interfaces Nathan Balasubramanian Nick Joseph Jodi Kiefer Isaac Sanders.

INTRODUCTION. Concepts HCI, CHI Usability User-centered Design (UCD) An approach to design (software, Web, other) that involves the user Interaction Design.

User Interface Design Process Gabriel Spitz. User-Interface design Steps/Goals Understand who are the users and what do they do Articulate how will users.

Object-Oriented Analysis and Design LECTURE 8: USER INTERFACE DESIGN.

Web Design Process CMPT 281. Outline How do we know good sites from bad sites? Web design process Class design exercise.

User Interface Design Process Lecture # 6. CS Structure  Understand the User Interface  Design the User Interface  Evaluate the User Interface.

Human Interface Engineering1 Main Title, 60 pt., U/L case LS=.8 lines Introduction to Human Interface Engineering NTU Seminar Amy Ma HIE Global Director.

User Interface Design Process Gabriel Spitz. User-Interface design Steps/Goals.

Aurora: A Conceptual Model for Web-content Adaptation to Support the Universal Accessibility of Web-based Services Anita W. Huang, Neel Sundaresan Presented.

Designing Learning Objects Designing Learning Objects Designing Learning Objects 1.

Ciarán O’Leary Wednesday, 23 rd September Ciarán O’Leary School of Computing, Dublin Institute of Technology, Kevin St Research Interests Distributed.

Ch. 9 Design guidance and design rationale Ch. 10 Interaction Design

GUI: Specifying Complete User Interaction Soft computing Laboratory Yonsei University October 25, 2004.

The Internet Writer’s Handbook 2/e Web Accessibility Writing for the Web.

1 WEB Engineering Introduction to Electronic Commerce COMM1Q.

Accessible Learning Research Presentation TERI JUNGE.

COMM1PCOMM1P Alan Woolrych Accessibility 9 COMM1P9COMM1P9 SCET MSc EC/ECA © Alan Woolrych 2001 Introduction Accessibility “Making Content Available to.

System Design: Designing the User Interface Dr. Dania Bilal IS582 Spring 2009.

Donk, Lindenberg, Neerincx, Pemberton CHI20001 Specification Techniques.

User interface design. Recap OOD is an approach to design so that design components have their own private state and operations Objects should have constructor.

CSC 480 Software Engineering Lecture 19 Nov 11, 2002.

10 Usability Heuristics for User Interface Design.

Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN Application.

Software Engineering Chapter 16 User Interface Design Ku-Yaw Chang Assistant Professor Department of Computer Science and Information.

Website Accessibility. What is Website Accessibility? Making information on the internet usable and understandable for EVERYONE, including those with.

An Overview 1 Pamela Harrod, DMS 546/446 Presentation, March 17, 2008.

Heuristic evaluation Functionality: Visual Design: Efficiency:

Defining Accessibility. This PowerPoint will cover the following topics: – Defining Accessibility – Universal Design – Principles of Accessible Design.

Usability Techniques for Web-based Services Diversity and Technology.

UI Style and Usability, User Experience Niteen Borge.

Usability Techniques for Web-based Services Diversity and Technology.

Chapter 9 Design guidance and design rationale. UIDE Chapter 9 Sources of Design Guidance Standards Standards –User interface standard Design Guidelines.

Why do we need good user interfaces?. Goals of User Interfaces Usable – how much effort to do a task? – example: often-used buttons easier to find – example:

Date or reference Web Accessibility - an introduction Patrick H. Lauke ISI presentation - 22/11/2004.

Web Content Development IS Dr. Ravi Kuber Accessible Web Design.

Copyright 2006 John Wiley & Sons, Inc. Chapter 1 - Introduction HCI: Designing Effective Organizational Systems Dov Te’eni Jane Carey Ping Zhang.

Initial literature survey M. Shuaib Karim Institute of Software Technology and Interactive Systems Vienna University of Technology – Austria.

Special Needs in the Online Environment By Tammy McMullen.

Yonglei Tao School of Computing & Info Systems GVSU Ch 7 Design Guidelines.

Adaptive User Interface Modelling for Web-environments T – Antti Martikainen

Kara Pharris Web Designer Site Improvements & the Usability Project Concepts for usable navigation, functionality and presentation.

1 Reference Model for Evaluating Intelligent Tutoring Systems Esma Aimeur, Claude Frasson Laboratoire HERON Informatique et recherche opérationnelle Université.

Guidelines and Principles UNIVERSAL DESIGN & UNIVERSAL DESIGN FOR LEARNING 1.

PRINCIPLES OF UNIVERSAL DESIGN: Usable learning environments for all students.

Universal Design The 7 Principles. Equitable Use The design is marketable to people with diverse abilities.

Design Evaluation Overview Introduction Model for Interface Design Evaluation Types of Evaluation –Conceptual Design –Usability –Learning Outcome.

6. (supplemental) User Interface Design. User Interface Design System users often judge a system by its interface rather than its functionality A poorly.

William H. Bowers – Conceptual Design and Architecture Torres 11.

Web Accessibility. Why accessibility? "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect."

SIE 515 Universal Design Lecture 9.

Characteristics of Graphical and Web User Interfaces

PRINCIPLE I. PROVIDE MULTIPLE MEANS OF REPRESENTATION

Midterm in-class Tuesday, Nov 6

Web Content Accessibility Beata M. Ofianewska (DG COMM) 7 December 2006 December 2006 COMM C2.

Website Accessibility

CIS 210 Systems Analysis and Development

Chapter 15 User Interface Design

Usability Techniques Lecture 13.

International University of Japan

From compliance to usability

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.

Interface Design Easy to learn? Easy to use? Easy to understand?

Accessible / Universal Design

Presentation transcript:

Lindenberg, Neerincx Pemberton, Van Dijk CHI20001 Usability Techniques for Web-based Services Diversity and Technology

Lindenberg, Neerincx Pemberton, Van Dijk CHI20002 Universal Accessibility Design for All

Lindenberg, Neerincx Pemberton, Van Dijk CHI20003 General Principles Vanderheiden (1997) Use: equitable, flexible, simple and intuitive. Perceptible information and error tolerance. Low physical effort and appropriate size and space for approach.

Lindenberg, Neerincx Pemberton, Van Dijk CHI20004 Guidelines for Elderly Czaja (1997) Contrast, screen glare, object size Minimal info, consistent location, group Highlight, color discrimination, key label Clear icons, practice Minimal demands on memory Consistency, simplicity (e.g. online help)

Lindenberg, Neerincx Pemberton, Van Dijk CHI20005 Web Content Guidelines (W3C) Auditory/visual alternatives/not color alone Markup and style sheets Natural language, tables, pages User control, access of embedded UIs Device independence, interim solutions W3C technologies, context information Clear navigation and simple documents

Lindenberg, Neerincx Pemberton, Van Dijk CHI20006 Conclusions Guidelines are available A coherent, complete, well-founded and practical set is lacking Techniques for application of the guidelines are scarce => Cognitive engineering framework

Lindenberg, Neerincx Pemberton, Van Dijk CHI20007 Cognitive Engineering (1) empirical summative analysis design empirical formative analytical formative Assessment Specification implementation flow of spec/assesstask/processflow of iteration

Lindenberg, Neerincx Pemberton, Van Dijk CHI20008 practical theory effectiveness, efficiency and satisfaction objectives Web-service users, goals, info/ support needs and use context specification Cognitive Engineering (2) assessment data/ info task or process

Lindenberg, Neerincx Pemberton, Van Dijk CHI20009 Practical Cognitive Theory Factors that affect Web-navigation: Spatial ability for mental modeling Memory capacity for task-set switching Situation awareness during interaction

Lindenberg, Neerincx Pemberton, Van Dijk CHI Theoretical and Empirical Based User Requirements for Elderly

Lindenberg, Neerincx Pemberton, Van Dijk CHI Web-Navigation Performance

Lindenberg, Neerincx Pemberton, Van Dijk CHI Spatial Ability Mental rotation task => spatial representation

Lindenberg, Neerincx Pemberton, Van Dijk CHI Memory Capacity => scheduler and goal creation memory task

Lindenberg, Neerincx Pemberton, Van Dijk CHI News Products Introduction FacilitiesDepartments PeopleProjects Request for information Situation Awareness => multi-media, context and goal refinement categorise task

Lindenberg, Neerincx Pemberton, Van Dijk CHI Transform User Requirements into Navigation Support for Elderly

Lindenberg, Neerincx Pemberton, Van Dijk CHI Analysis Map user requirements on current support functions Prioritize according to “Web-service objectives” Estimate implementation costs => synthesize support concepts

Lindenberg, Neerincx Pemberton, Van Dijk CHI Design and Implementation Three support functions: categorizing landmarks history map navigation assistant

Lindenberg, Neerincx Pemberton, Van Dijk CHI Evaluation Three usability measures: effectiveness efficiency satisfaction

Lindenberg, Neerincx Pemberton, Van Dijk CHI Example Satisfaction Results

Lindenberg, Neerincx Pemberton, Van Dijk CHI Conclusions Individualization of Web-interfaces is needed to realize “Universal Accessibility” Design for all results in adaptive interfaces (no “boring uniformity”) Elderly users need more navigation support