CSCI 102 Intro to IT B Autumn 2002 Introduction to HCI Lecturer Gene Awyzio 3.117 (02) 4221 4090 [email protected].

CSCI 102 Intro to IT B

Autumn 2002

Introduction to HCI Lecturer

Gene Awyzio3.117

(02) 4221 [email protected]

Overview

• Designing for maximum usability is the goal of design

• History of interactive system design provides paradigms for usable designs

• Principles of usability are more general means of understanding usability

Introduction

• Concerns– How can an interactive system be

developed to ensure its usability?– How can the usability of an interactive

system be demonstrated or measured?

• Approaches– Paradigms for usability

• examples of successful interactive techniques

– Principles for usability• theoretically driven from psychological,

computational and sociological knowledge

Historical perspective on interactive system designHistorical perspective on interactive system design

• Time-sharing– 40s and 50s – explosive technological growth– 60s – need to channel the power

• J.C.R. Licklider at ARPA• single computer supporting multiple users• Video Display Units• more suitable medium than paper

– 1962 – Sutherland's Sketchpad– Computers for visualizing and manipulating data– One person's contribution could drastically change

the history of computing

• Time-sharing– 40s and 50s – explosive technological growth– 60s – need to channel the power

• J.C.R. Licklider at ARPA• single computer supporting multiple users• Video Display Units• more suitable medium than paper

– 1962 – Sutherland's Sketchpad– Computers for visualizing and manipulating data– One person's contribution could drastically change

the history of computing

X_

X_

Principles to Support Usability

Principles to Support Usability

• A structured presentation of general principles to apply during design of an interactive system.

• Learnability– the ease with which new users can begin effective

interaction and achieve maximal performance

• Flexibility– the multiplicity of ways the user and system

exchange information

• Robustness– the level of support provided the user in determining

successful achievement and assessment of goal-directed behaviour

• A structured presentation of general principles to apply during design of an interactive system.

• Learnability– the ease with which new users can begin effective

interaction and achieve maximal performance

• Flexibility– the multiplicity of ways the user and system

exchange information

• Robustness– the level of support provided the user in determining

successful achievement and assessment of goal-directed behaviour

X_

X_

Common Interface Design Mistakes

Common Interface Design Mistakes

• Controls. • Questions • Visual elements• Use of colour• Terminology• Error messages• Tabbed Dialogs• Metaphors• Globalisation

• Controls. • Questions • Visual elements• Use of colour• Terminology• Error messages• Tabbed Dialogs• Metaphors• Globalisation

X_

X_

ControlsControls

• Controls represent the means by which the user communicates with the application

• The quality of the communication depends on two aspects of the controls: – The appropriateness of the control for the task – The consistency of the rules under which the control

operates.

• Select the wrong tool for the job, or change the rules under which the tool operates, and you will create problems for your users. Here are some examples...

• Controls represent the means by which the user communicates with the application

• The quality of the communication depends on two aspects of the controls: – The appropriateness of the control for the task – The consistency of the rules under which the control

operates.

• Select the wrong tool for the job, or change the rules under which the tool operates, and you will create problems for your users. Here are some examples...

X_

X_

ControlsControls

X_

X_

ControlsControls

X_

X_

ControlsControls

X_

X_

Questions/IntelligenceQuestions/Intelligence

X_

X_

Questions/IntelligenceQuestions/Intelligence

X_

X_

Visual ElementsVisual Elements

X_

X_

Visual ElementsVisual Elements

X_

X_

Visual ElementsVisual Elements

X_

X_

Use of ColourUse of Colour

X_

X_

Use of ColourUse of Colour

X_

X_

TerminologyTerminology

X_

X_

TerminologyTerminology

X_

X_

TerminologyTerminology

X_

X_

Error MessagesError Messages

X_

X_

Error MessagesError Messages

X_

X_

Tabbed DialogsTabbed Dialogs

X_

X_

Tabbed DialogsTabbed Dialogs

X_

X_

Tabbed DialogsTabbed Dialogs

X_

X_

MetaphorsMetaphors

X_

X_

MetaphorsMetaphors

X_

X_

X

MetaphorsMetaphors

X_

X_

GlobalisationGlobalisation

X_

X_

GlobalisationGlobalisation

X_

X_