You are on page 1of 23

01 8

Y 2
UL
• J
Week 1 | Lecture Session 1

IG N
E
Basic definitions and conceptsS
N D
in T IO
A C
Interaction Design
I NT E R
L •
T E A CSS-MOOCs supported by

P
National Programme on Technology Enhanced Learning (NPTEL)

N Abhishek Shrivastava, PhD


Department of Design IIT Guwahati
1
Interaction Design | NPTEL July 2018 | Abhishek Shrivastava (PhD) Department of Design, IIT Guwahati
What is an • Interface is derived from;
01 8
Interface? Y 2
L
• latin “inter” = “between”
• latin “facies” = “surface”
• J U
• a surface between two surfaces
IG N
ES
N D
T IO
A C
E R
I NT
L •
T E
N P
2
Interaction Design | NPTEL July 2018 | Abhishek Shrivastava (PhD) Department of Design, IIT Guwahati
What is an • Interface;
01 8
Interface? Y 2
L
• “a surface between two surfaces”

• J U
IG N
ES
N D
T IO
A C
E R
I NT
L • • How do we understand an Interface in a

T E more specific way?


N P
3
Interaction Design | NPTEL July 2018 | Abhishek Shrivastava (PhD) Department of Design, IIT Guwahati
What is an
01 8
Interface? Y 2
UL
• J
IG N
ES
N D
T IO
A C
E R
I NT
L •
T E
N P
4
Interaction Design | NPTEL July 2018 | Abhishek Shrivastava (PhD) Department of Design, IIT Guwahati
What is an
01 8
Interface? Y 2
UL
• J
IG N
ES
N D
T IO
A C
E R
I NT
L •
T E • It is the Earth
N P • Representation of the earth
5
Interaction Design | NPTEL July 2018 | Abhishek Shrivastava (PhD) Department of Design, IIT Guwahati
What is an
01 8
Interface? Y 2
UL
• J
IG N
ES
• Earth;
N D • Version of Earth

T I O
• Mass 5.972 * 10^24 kg • Multiple screen sizes

A C
R
• Handheld
• Diameter 12,742 km
T E
N
• Location independent

• I
E L • Manipulation

PT
N 6
Interaction Design | NPTEL July 2018 | Abhishek Shrivastava (PhD) Department of Design, IIT Guwahati
What is an
01 8
Interface? Y 2
UL
• J
IG N
ES
N D
T IO
• Is it possible to drive a car by simply using its engine?

NO
A C
E R
I NT
L • • Black boxes- Machine and the human

T E • Inability to connect

N P
7
Interaction Design | NPTEL July 2018 | Abhishek Shrivastava (PhD) Department of Design, IIT Guwahati
What is an
01 8
Interface? Y 2
UL
• J
IG N
ES
N D
T IO
• Is it possible to drive a car now?

A C
E RYES
I NT
L •
T E • Machine — Interface — Human

N P • Ability to connect
8
Interaction Design | NPTEL July 2018 | Abhishek Shrivastava (PhD) Department of Design, IIT Guwahati
What is an • A double-sided layer standing between
01 8
Interface? two distinctly different things
Y 2
UL
• J
• It builds up through the representation
I G N
of surfaces
E S
N D
T IO
A C
E R
I NT
L •
T E
N P
9
Interaction Design | NPTEL July 2018 | Abhishek Shrivastava (PhD) Department of Design, IIT Guwahati
What is an • Each side designed to face its mating
01 8
Interface? medium
Y 2
U L
• J
• Helps the two sides “connect to each
other” or to “join”IG
N
E S
N D
T IO
A C
E R
I NT
L •
T E
N P
10
Interaction Design | NPTEL July 2018 | Abhishek Shrivastava (PhD) Department of Design, IIT Guwahati
What is an • In summary;
01 8
Interface? Y 2
L
– A user interface is a specific kind of interface in

• J U
which a human being can interact with a man-
made object in a way thatN
G
is reasonable for both.

S I
D E
IO N Balentine, B. Its better to be a good machine than a bad person (2007).

C T
R A
T E
• I N
E L
PT
N 11
Interaction Design | NPTEL July 2018 | Abhishek Shrivastava (PhD) Department of Design, IIT Guwahati
What is an Side facing machine Side facing user
01 8
Interface? • Inputs and
Y
• Functions, controls,2
U L
outputs in an
• J
information displays

appropriate
IG Netc.

ES • Convenience “ease of
manner
N D
T IO use” and performance

A C of the user

E R
I NT User Interface
L •
T E
N P
12
Interaction Design | NPTEL July 2018 | Abhishek Shrivastava (PhD) Department of Design, IIT Guwahati
What is Interaction as Reciprocity
01 8
Interaction? • mutual or reciprocal action or influence
Y 2
UL
• J
I G N
E S
– “The relation between two or more relatively

D
independent things or systems of change which
advance,N
T IO hinder, limit, or otherwise affect one

A Canother” — Dictionary of Philosophy and Psychology, 1901

E R
I NT
L •
T E
N P
13
Interaction Design | NPTEL July 2018 | Abhishek Shrivastava (PhD) Department of Design, IIT Guwahati
What is Interaction as Man-Machine Communication
01 8
Interaction? – The decade 1960s
Y 2
UL
• J
N
– “Man-Computer Symbiosis” J.C.R. Licklider, 1960

IG

ES
Problem solving through “thinking along with the

N
computer”
D
T IO – Let the computer help in the formulation of the ‘solution’

A C
E R – Symbiotic relationship between a user and the computer

I NT

– Real time exchange of information between the user and

E L the computer

PT
N
• Command-line interfaces to Graphic User Interfaces

14
Interaction Design | NPTEL July 2018 | Abhishek Shrivastava (PhD) Department of Design, IIT Guwahati
What is
01 8
Interaction? Y 2
UL
• J
IG N
ES
N D
T IO
A C
R
E ‘Sketchpad’ by Evan Sutherland, 1963
I NT
L •
T E • User-Computer communicating is “real-time”

N P • Through line drawings using a light pen


15
Interaction Design | NPTEL July 2018 | Abhishek Shrivastava (PhD) Department of Design, IIT Guwahati
What is
01 8
Interaction? Y 2
UL
• J
IG N
ES
N D
T IO
A C
R
E ‘X-Y position indicator for a display system’ by Douglas
I NT
L • Engelbart, 1965

T E • Mouse

N P • Replaced “Light Pen”

16
Interaction Design | NPTEL July 2018 | Abhishek Shrivastava (PhD) Department of Design, IIT Guwahati
What is
01 8
Interaction? User performs
Y 2
action
UL
• J
IG N
ES
N State D Real time
man-machine Computer

T IO presented communication senses action

A C
E R
I NT
L • System state

E
changes

PT
N Human Computer Interaction 17
Interaction Design | NPTEL July 2018 | Abhishek Shrivastava (PhD) Department of Design, IIT Guwahati
What is “ Interaction design is about creating artefacts
01 8
Interaction
that are computationally empowered to
Y 2
U L
provide interactive capability. The artefacts
Design? J
are designed to be used (or•experienced) by

I G N
E S
people. We call this the use activity (or

N D
experience activity) that surrounds the

T IO
artefact, in which the designed artefact is a

A C resource for carrying out the activity. “

E R
I NT
L •
T E
P
Morgan, T.P. Theories and practice in Interaction design. 2006

N 18
Interaction Design | NPTEL July 2018 | Abhishek Shrivastava (PhD) Department of Design, IIT Guwahati
What is “Interaction designers strive to create useful
01 8
Interaction
and usable products and services. Following
Y 2
U L
the fundamental tenets of user-centered
Design? • J
N
design, the practice of interaction design is

S I G
grounded in an understanding of real users—

D E
their goals, tasks, experiences, needs, and

IO
wants.N “

CT
R A
T E
• I N
E L
PT Interaction Design Association, Accessed Aug 2015

N 19
Interaction Design | NPTEL July 2018 | Abhishek Shrivastava (PhD) Department of Design, IIT Guwahati
What is “Interaction design is the definition and design
01 8
Interaction
of the behaviour of the artefacts,
Y 2
U L
environments and systems, as well as the
Design? • J
N
formal elements that communicate that
behaviour.
S I G
D E
Interaction design seeks first to plan and

IO N
T
describe how things behave and then as

A C necessary to describe the most effective form


E R
I NT to communicate those behaviours.“

L •
T E
P
Cooper,A & Reimann, R. About face 2.0: The essentials of interaction design (2003)

N
IxD was first coined by Bill Moggridge, and Bill Verplank in 1980s

20
Interaction Design | NPTEL July 2018 | Abhishek Shrivastava (PhD) Department of Design, IIT Guwahati
01 8
Y 2
L
“ Interaction design is about “Interaction designers strive to “Interaction design is the
creating artefacts that are create useful and usable
J U
definition and design of the


N
computationally empowered products and services. behaviour of the artefacts,

IG
to provide interactive Following the fundamental environments and systems,
capability. The artefacts are

ES
tenets of user-centered as well as the formal
designed to be used (or
D
design, the practice of

N
elements that communicate

O
experienced) by people. We interaction design is grounded that behaviour.
call this the use activity (or
T I in an understanding of real Interaction design seeks first to
experience activity) that
A C users—their goals, tasks, plan and describe how

E R
surrounds the artefact, in experiences, needs, and things behave and then as

I NT
which the designed artefact is wants. “ necessary to describe the


a resource for carrying out most effective form to

E L
the activity. “ communicate those

PT behaviours.“

N 21
Interaction Design | NPTEL July 2018 | Abhishek Shrivastava (PhD) Department of Design, IIT Guwahati
01 8
Y 2
L
“ Interaction design is about “Interaction designers strive to “Interaction design is the
creating artefacts that are create useful and usable
products and services. Following J U
definition and design of the


N
computationally empowered behaviour of the artefacts,

IG
to provide interactive the fundamental tenets of user- environments and systems,
capability. The artefacts are

ES
centered design, the practice as well as the formal

D
designed to be used (or of interaction design is elements that communicate
experienced) by people. We

ION
grounded in an understanding that behaviour.

T
call this the use activity (or of real users—their goals,
Interaction design seeks first to
experience activity) that
A C tasks, experiences, needs, and
plan and describe how

R
wants. “

E
surrounds the artefact, in things behave and then as

I NT
which the designed artefact is necessary to describe the


a resource for carrying out most effective form to

E L
the activity. “ communicate those

PT behaviours.“

N 22
Interaction Design | NPTEL July 2018 | Abhishek Shrivastava (PhD) Department of Design, IIT Guwahati
Interaction Design
01 8
Y 2
L
“ Interaction design is about “Interaction designers strive to “Interaction design is the
creating artefacts that are create useful and usable
products and services. Following J U
definition and design of the

• Design
N
computationally empowered behaviour of the artefacts,

IG
to provide interactive the fundamental tenets of user- Decisions
environments and systems,

S
Understanding
centered design, the practice

E
capability. The artefacts are as well as the formal
ofusers is design
crucial
D
designed to be used (or interaction is Clarity
elements that of
communicate
Goal driven design
experienced) by people. We

ION
grounded in an understanding thatcommunication
behaviour.

T
call this the use activity (or ofScenarios ofgoals,
real users—their use Interaction design seeks first to

C
Mapping tech and tasks, experiences, needs, and

A
experience activity) that plan and describe how
human capabilities
R
wants. “

E
surrounds the artefact, in things behave and then as

I NT
which the designed artefact is Planned
necessary to describe the


a resource for carrying out mostexecution
effective formof
to the

E L
the activity. “ tasks supported
communicate those

PT by the
behaviours.“ Interface

N 23
Interaction Design | NPTEL July 2018 | Abhishek Shrivastava (PhD) Department of Design, IIT Guwahati

You might also like