Human computer Interaction Lectures 2020
WEEK 1 INTRODUCTION AND BASIC HCI CONCEPTS > H1
Mini lecture - What is interaction design?
Interaction design – a new design discipline
Around 1700 first design
Around 1980 first computerial design
Product design ≠ interaction design
Product design
• Shape
• Material
• Ergonomy
• Asthetics
Interaction design
• Shape
• Material
• Ergonomy
• Asthetics
• Input user
• Response system
• Communication between users
Definition book
“Designing interactive products to support the way people communicate and interact
in their everyday and working lives.”
Deze definitie focust alleen maar op interactie tussen mensen terwijl je ook als
gebruiker interactie hebt met bijvoorbeeld een app en niks deelt met anderen.
Definition interaction design foundation
“Interaction Design is the design of interactive products and services in which a
designer’s focus goes beyond the item in development to include the way users will
interact with it.”
Deze definitie focust ook op interactie van gebruiker.
Interaction design is about … interactions (duh)
• Designing the interaction between user and product
• Designing the interaction and communication between people
Designing good interactions
Good interaction design ensures that a product/service:
, • Usefulness > enhances/augments the way people work, communicate &
interact
• Effectiveness > supports people in achieving goals and their activities
• Usability > is easy to use
• User experience > is enjoyable to use
Good or bad design?
Smart breadtoaster, connected to an application which shows when your bread is
ready. Wouldn’t be nessacery for everyone but it could be usefull for someone who is
deaf. We can never say a design is good or bad for just one person. This is the
reason why we do research to get to know the needs of users.
Interaction design requires multidisciplinarity
• Hardware
• Software
• Design
• Business
• Manufacturing
• Strategy
• Marketing
• Users
o Behaviour
o Cognition
o Emotions
o Communication
Mini lecture - What is (new) media?
‘Interactive products’
What is a medium?
Common domain specific definitions:
• Art: Materials and techniques used by an artist to produce art
• Biology: Materials in which life (e.g., bacteria) can be sustained
• Physics: Materials through which waves and energy propagate
• Communications: Outlets and tools used to store and deliver information or
data
,Shannon – weaver model of communication 1948
This model is used to explain how communication between humans can be
conceptualized. You (sender) want to say something (message) to a friend (receiver).
The medium is whatever you used to deliver or store the data between the sender
and receiver for example a phone. Feedback is the response from your friend.
Not only for interpersonal communication but also in marketing where the sender is a
company.
Sterling (1995 - 2001) – dead media
“The tragic and inevitable end of most (if not all) media”
Dead media - Media that are obsolete or have been forgotten.
Examples: Victorian phenakistoscopes, 80’s video games and home computers,
stereopticon, Protean View, Zogroscope, Polyorama Panoptique, Frith's
Cosmoscope, Knight's Cosmorama, Ponti's Megalethoscope, Rousell's
Graphoscope, Wheatstone's stereoscope, the polyphon, pianola, and viewmaster.
Media archeology: The dead media project
, Old media
Old media – Forms of analogue, rather than digital, media that are still in use.
Examples: Television, radio, newspapers, …
Old media still in use are often supplemented with ‘new’ media
Dead and old media
- Dead and old media is to mass media, not one on one
communication
- No possibility for feedback or only indirect
- Old media are supplemented with new media
Botler (2000) – remediation
Remediation > the integration of features of an old medium into a new medium.
Examples: Film uses text comparable to theatre, computer games use narratives
from films, news websites use layouts comparable to newspapers.
The content of media remains the same. We still have the same needs but they are
with a different form of media.
New media
New media – New media are forms of media that are native to computers, are
computational, and rely on computers for redistribution – digital.
Examples: Smart phones, computers, virtual worlds, computer games,
human-computer interface, social robots, voice interfaces, virtual assistances,
interactive museum installations, smart homes… – and so on.
⮚ Key aspect: high level of interaction
Shannon weaver model – new media
- Smartphone application is medium
WEEK 1 INTRODUCTION AND BASIC HCI CONCEPTS > H1
Mini lecture - What is interaction design?
Interaction design – a new design discipline
Around 1700 first design
Around 1980 first computerial design
Product design ≠ interaction design
Product design
• Shape
• Material
• Ergonomy
• Asthetics
Interaction design
• Shape
• Material
• Ergonomy
• Asthetics
• Input user
• Response system
• Communication between users
Definition book
“Designing interactive products to support the way people communicate and interact
in their everyday and working lives.”
Deze definitie focust alleen maar op interactie tussen mensen terwijl je ook als
gebruiker interactie hebt met bijvoorbeeld een app en niks deelt met anderen.
Definition interaction design foundation
“Interaction Design is the design of interactive products and services in which a
designer’s focus goes beyond the item in development to include the way users will
interact with it.”
Deze definitie focust ook op interactie van gebruiker.
Interaction design is about … interactions (duh)
• Designing the interaction between user and product
• Designing the interaction and communication between people
Designing good interactions
Good interaction design ensures that a product/service:
, • Usefulness > enhances/augments the way people work, communicate &
interact
• Effectiveness > supports people in achieving goals and their activities
• Usability > is easy to use
• User experience > is enjoyable to use
Good or bad design?
Smart breadtoaster, connected to an application which shows when your bread is
ready. Wouldn’t be nessacery for everyone but it could be usefull for someone who is
deaf. We can never say a design is good or bad for just one person. This is the
reason why we do research to get to know the needs of users.
Interaction design requires multidisciplinarity
• Hardware
• Software
• Design
• Business
• Manufacturing
• Strategy
• Marketing
• Users
o Behaviour
o Cognition
o Emotions
o Communication
Mini lecture - What is (new) media?
‘Interactive products’
What is a medium?
Common domain specific definitions:
• Art: Materials and techniques used by an artist to produce art
• Biology: Materials in which life (e.g., bacteria) can be sustained
• Physics: Materials through which waves and energy propagate
• Communications: Outlets and tools used to store and deliver information or
data
,Shannon – weaver model of communication 1948
This model is used to explain how communication between humans can be
conceptualized. You (sender) want to say something (message) to a friend (receiver).
The medium is whatever you used to deliver or store the data between the sender
and receiver for example a phone. Feedback is the response from your friend.
Not only for interpersonal communication but also in marketing where the sender is a
company.
Sterling (1995 - 2001) – dead media
“The tragic and inevitable end of most (if not all) media”
Dead media - Media that are obsolete or have been forgotten.
Examples: Victorian phenakistoscopes, 80’s video games and home computers,
stereopticon, Protean View, Zogroscope, Polyorama Panoptique, Frith's
Cosmoscope, Knight's Cosmorama, Ponti's Megalethoscope, Rousell's
Graphoscope, Wheatstone's stereoscope, the polyphon, pianola, and viewmaster.
Media archeology: The dead media project
, Old media
Old media – Forms of analogue, rather than digital, media that are still in use.
Examples: Television, radio, newspapers, …
Old media still in use are often supplemented with ‘new’ media
Dead and old media
- Dead and old media is to mass media, not one on one
communication
- No possibility for feedback or only indirect
- Old media are supplemented with new media
Botler (2000) – remediation
Remediation > the integration of features of an old medium into a new medium.
Examples: Film uses text comparable to theatre, computer games use narratives
from films, news websites use layouts comparable to newspapers.
The content of media remains the same. We still have the same needs but they are
with a different form of media.
New media
New media – New media are forms of media that are native to computers, are
computational, and rely on computers for redistribution – digital.
Examples: Smart phones, computers, virtual worlds, computer games,
human-computer interface, social robots, voice interfaces, virtual assistances,
interactive museum installations, smart homes… – and so on.
⮚ Key aspect: high level of interaction
Shannon weaver model – new media
- Smartphone application is medium
