Designing INTERACTIVE SYSTEMS

1
DESIGNING
INTERACTIVE SYSTEMS
Can tho University (CTU),
University of New Brunswick (UNB)
Phạm Thị Xuân Lộc
8-9/2009
2
2
PART I
PART I
Essential Interactive
Essential Interactive
System Design
System Design
3
3
PART I
PART I
•
•
Goal: design an interactive systems
Goal: design an interactive systems
–
–
Are enjoyable to use
Are enjoyable to use
–
–
Do useful things
Do useful things

–
–
Enhance the lives of the people using them
Enhance the lives of the people using them
•
•
This design should be human
This design should be human
-
-
centred
centred
•
•
Designers should put people than
Designers should put people than
technology at the centre of the design
technology at the centre of the design
process
process
4
4
PART I (2)
PART I (2)
•
•
In the days of the Web:
In the days of the Web:
–
–

E
E
-
-
commerce: immediacy
commerce: immediacy
–
–
Issues of usability: critical to e
Issues of usability: critical to e
-
-
commerce
commerce
•
•
This part provide a guide to the essence
This part provide a guide to the essence
of the human
of the human
-
-
centred of interactive
centred of interactive
system
system
5
5
PART I (3)
PART I (3)

•
•
Chapter 1.
Chapter 1.
Designing interactive systems: A
Designing interactive systems: A
fusion of skills
fusion of skills
•
•
Chapter
Chapter
2. People, activities, context and
2. People, activities, context and
technologies: A framework for designing
technologies: A framework for designing
interactive systems
interactive systems
•
•
Chapter
Chapter
3. Principles and practice of
3. Principles and practice of
interactive systems design
interactive systems design
•
•
Chapter
Chapter

4. Case study: The Home
4. Case study: The Home
Information Centre (HIC) 1
Information Centre (HIC) 1
6
6
Chapter 1:
Chapter 1:
Designing
Designing
interactive systems
interactive systems
:
:
A
A
fusion
fusion
of
of
skills
skills
7
7
Chapter 1
Chapter 1
•
•
1.1 The variety of interactive systems
1.1 The variety of interactive systems

•
•
1.2 The concerns of interactive systems
1.2 The concerns of interactive systems
design
design
•
•
1.3 Being digital
1.3 Being digital
•
•
1.4 The skills of the interactive systems
1.4 The skills of the interactive systems
designer
designer
•
•
1.5 Why being human
1.5 Why being human
-
-
centred is
centred is
important
important
8
8
Chapter 1 (2)
Chapter 1 (2)

Designing
Designing
interactive systems
interactive systems
Developing
Developing
High quality
interactive systems
interactive systems
High quality
products
products
Fit
Fit
People
Their way
of living
9
9
Chapter 1 (3):
Chapter 1 (3):
Knowledges received
Knowledges received
•
•
Understanding
Understanding
the
the
basic concepts

basic concepts
of
of
interactive systems design
interactive systems design
•
•
Understanding the
Understanding the
importance of being
importance of being
human
human
-
-
centred
centred
in the design
in the design
•
•
Understanding the
Understanding the
historical background
historical background
to the subject
to the subject
•
•
Understanding the

Understanding the
skills and knowledge
skills and knowledge
needed for a interactive systems designer
needed for a interactive systems designer
10
10
1.1 The variety of interactive systems
1.1 The variety of interactive systems
Designing
Designing
interactive
interactive
systems
systems is concerned
with many types of
product
Designing
Designing
interactive systems
interactive systems
Designing
Designing
Environment
of communication
and interaction
for devices
and people
Interactive products
Interactive systems

and products for
The home Communities
Games
Work
Web sites
Software
systems
Digital
cameras
MP3 players
Application
for telephones
11
11
1.2 The concerns of interactive
1.2 The concerns of interactive
systems design
systems design
•
•
The interactive systems design covers a very
The interactive systems design covers a very
wide of activities:
wide of activities:
–
–
Designers work on both hardware and
Designers work on both hardware and
software
software

⇒
⇒
product design
product design
–
–
Designers produce a piece of software
Designers produce a piece of software
running:
running:
•
•
On a computer
On a computer
•
•
On a programmable device
On a programmable device
•
•
Over the Internet
Over the Internet
⇒
⇒
system design
system design
/
/
service design
service design

12
12
Keys concern
Keys concern
of interactive
of interactive
systems design
systems design
Interactive
system
Design
Technologies
People
Activities
& contexts
13
13
Design
Design
Representation
Representation
Engineering
design
Creation
Creation
Artistic design
Design as
craft
14
14

Design
Design
•
•
Creative process:
Creative process:
–
–
Produce sketches and outlines
Produce sketches and outlines
–
–
Discuss with clients before formalizing a
Discuss with clients before formalizing a
blueprint
blueprint
•
•
Representation:
Representation:
–
–
Produce and evaluate various designs of:
Produce and evaluate various designs of:
•
•
Page layout
Page layout
•
•

Colour scheme
Colour scheme
•
•
Graphics
Graphics
•
•
Overall structure
Overall structure
15
15
requirements
Solutions
Design
Design
16
16
work with
shape
medium
Design
Design
17
17
Conscious activity
Social activity
Design
Design
18

18
People and technologies
People and technologies
Interactive
systems
information
display
transmit
store
transform
Interactive
systems
Systems
Devices
People’s actions
respond
19
19
People and technologies
People and technologies
Device
Device
Device
Device
Embedded in the building
Device
Device
Worn
by
people

Device
Device
Device
carried
20
20
People and
People and
technologies
technologies
Exclude
things
which
do not
process
info
Interactive systems
21
21
People and technologies
People and technologies
-
-
Dumb
Dumb
-
-
Rigid
Rigid
-

-
Insensitive to change
Insensitive to change
-
-
Unimaginative
Unimaginative
-
-
Constrained to make
Constrained to make
consistent decisions
consistent decisions
-
-
Creative
Creative
-
-
Compliant
Compliant
-
-
Attentive to change
Attentive to change
-
-
Resourceful
Resourceful
-

-
Able to make flexible
Able to make flexible
decisions based on context
decisions based on context
People
People
-
-
centred
centred
-
-
Precise
Precise
-
-
Orderly
Orderly
-
-
Undistractible
Undistractible
-
-
Unemotional
Unemotional
-
-
Logical

Logical
-
-
Vague
Vague
-
-
Disorganized
Disorganized
-
-
Distractible
Distractible
-
-
Emotional
Emotional
-
-
Illogical
Illogical
Machine
Machine
-
-
centred
centred
Machine characters
Machine characters
People characters

People characters
View
View
Adapted from Norman (1993), p.224
22
22
User interface
User interface
User
interface
Internal system
•
•
Design an interactive system
Design an interactive system
⊇
⊇
design user interface
design user interface
23
23
Being human
Being human
-
-
centred
centred
•
•
Putting people first to support people and

Putting people first to support people and
for people to enjoy
for people to enjoy
–
–
Thinking about what people want to do rather
Thinking about what people want to do rather
than the technology can do
than the technology can do
–
–
Designing new ways to connect people to
Designing new ways to connect people to
people
people
–
–
Involving people in the design process
Involving people in the design process
–
–
Designing for diversity
Designing for diversity
24
24
Human
Human
-
-
Computer Interaction (HCI)

Computer Interaction (HCI)
Human-
centred
design
HCI
primary discipline
25
25
HCI
HCI
Cognitive
psychology
Theoritical
base
Design
approach
Software
engineering
drew
on
HCI
Early
1980’s