Click to edit Master title style

POLYTECHNIC UNIVERSITY OF THE PHILIPPINES

Institute of Technology
• Click to edit Master text styles
Sta. Mesa Manila
• Second level

Human Computer
• Third level
• Fourth level
• Fifth level

Interaction
JONNALYN B. APSAY, LPT
Instructor III
Human Computer Interaction
09/04/2024 2
Click to editLearning
Master titleObjectives
style
• Click to edit Master text styles
At the end
• Second level
of the lesson, the student should be able to:
• Identify the meaning of HCI and its importance to
• Third level
computer user;
• Fourth level
• Fifth level
• Explain the importance of ergonomics and human
factors in HCI;
• Demonstrate the progress and development of HCI over
the past years; and
• Identify the relation of HCI in working environment or
workplace.
09/04/2024 3
Click to edit Master title style
What is HCI
• Click to edit Master text styles
•Human-computer
• Second level interaction (known as
HCI) is a field of study focused on interfaces
• Third level

between
• Fourth level
users and computers.
• Fifth level

•Is a discipline concerned with the design,

evaluation, and implementation of
interactive computing systems for human
use and with the study of major phenomena
around them
09/04/2024 4
Click to edit Master title style
History of HCI
• In to1970s,
• Click thetextstudy
edit Master styles started as a specialization in
• computer
Second level science that transformed into a
• Third level
multifaceted
• Fourth level community of tech professional.
• Fifth level

09/04/2024 https://blog.prototypr.io/the-rise-of-human-computer-interaction-hci-823dd6286e1d
5
ClickImportance
to edit Master of
titleHuman
style Computer
Interaction
• Click to edit Master text styles
•• In our daily
Second level
life:
• In• business
Third level and industry
• Fourth level
• Accessibility
• Fifth level

• Software Success https://www.pngarts.com/explore/61501

• Untrained users

09/04/2024 6
ClickImportance
to edit Master of
titleHuman
style Computer
Interaction
• Click to edit Master text styles
•• In our daily
Second level
life:
• In• business
Third level and industry
• Fourth level
• Accessibility
• Fifth level

• Software Success https://www.pngarts.com/explore/61501

• Untrained users

09/04/2024 7
 Desktop
Click to edit & Mental
Master title style Models
(1980s-1990s)
• Click to
Desktop edit Master text styles
Metaphor
• Second
• Files level displayed as an icon people became used to double-clicking, dragging
and folders
icons •around their displays, losing track of things on their computer interfaces just as they
Third level
do on their• physical
Fourth level
desktop.
• Mental modeling and
• Fifth levelhuman factors engineering were encouraging factors in developing
software.

09/04/2024 https://blog.prototypr.io/the-rise-of-human-computer-interaction-hci-823dd6286e1d
8
 Collaboration
Click to edit Master title&style
Communication
(1990s-early 2000s)
• Click to edit Master text styles
• When computers
• Second level
became known as an instrument for
communication, the explanation of how it will be processed
and • how it
Third level
• Fourth level
will work in the real world could no longer
describe the deeper meaning of computer interaction.
• Fifth level

09/04/2024 9
https://blog.prototypr.io/the-rise-of-human-computer-interaction-hci-823dd6286e1d
 Social
Click to edit Change,
Master titleSocial
style Expression
(mid 2000s-2010s)
• Click to edit Master text styles
•• People
Second level
were encouraged to study the purpose of
technology
• Third level in our living and the paradox of living “alone
together”
• Fourth levelwhen people change their attention to
particular • Fifthdevices
level in social settings.
• Additionally, a holistic approach to design appears,
stressing the intricate relationships between people,
places, and technologies. Pleasure, enjoyment play,
and exploration become essential components of
design.

09/04/2024 10
 Social
Click to edit Change,
Master titleSocial
style Expression
(mid 2000s-2010s)
• Click to edit Master text styles
Ergonomics
• Second level
• is •all about studying people’s
Third level
efficiency
• Fourthin their workplace.
level
• is about• Fifth‘fit level
within a working
environment’ means, the
capability and comfortability of a
person in the working
environment is the main priority
to achieve good performance and
productivity in a working
environment.
https://iea.cc/about/what-is-ergonomics/
09/04/2024 11
Click toChallenges
edit Master titleand
style Problems
• Click to edit Master text stylessymbiosis – The problem of the
1. Human-technology
symbiosis
• Second level of humans by an intelligent environment is
•complicated
Third level and multi-faceted, spreading beyond
technological
• Fourth level limits to a multi-disciplinary strategy to also
address • Fifthmoral,
level societal, and rational compelling problems.
2. Human-environment interaction – It is now used beyond
desk metaphor, beyond the original design of keyboard and
pointer to touch and gestures.
3. Ethics, privacy and security – it has been a major concern
in technology on how they establish new codes of ethics in
fundamentals privacy concerns, online social networks,
healthcare technologies, biometrics, internet of things and
big data, intelligent environments, and cybersecurity.
09/04/2024 12
Click toChallenges
edit Master titleand
style Problems
• Click to edit Master text styles
4.• Second
Well-being,
level
health and eudaimonia – the issue
•are own medical devices and self-tracking, a
Third level
serious
• Fourth levelgame
• Fifth level
for health, ambient assisted living,
and intelligence in healthcare.
5. Accessibility and universal access – HCI and IT
application were supposed to be used on an equal
basis despite of your life, whether a person with
disabilities or older person.
09/04/2024 13
Click toChallenges
edit Master titleand
style Problems
• Click to edit Master text styles
6.• Second
Learning
level
and creativity – Learning how to design
•engaging
Third level systems that are captivating someone’s
interest
• Fourth levelis
• Fifth level
paramount importance.
7. Social organization and democracy – These
issues of sustainability, fairness, active citizen,
participation and equality must be pursued and
discussed.

09/04/2024 14
Click to editComputer
Master title style
Themes
• Click to edit Master text styles
HCI theme
• Second level
• Is• the
Third idea
level that people working with a
computer system should come first.
• Fourth level
Considering • Fifth level their capabilities,
demands, preference on a particular
task should direct the perception of
developers in a way that they design
systems to achieve the ‘fit in’ or
having comfortable using with the
system, they don’t have to change
the way they use it.
09/04/2024 15
Click to edit Master title
Summary style
• Click to edit Master
• Developing text styles can be great for progressive
technology
• Second level
interactive
• Third level
computing systems. It supports people in their
everyday lives and working lives. When technology
• Fourth level
becomes • Fifthmore
level advanced, it’s very challenging for HCI
developers to create applications which are adaptable
and accessible to different kind of users. Studying
ergonomics and human factors, developers can simply
find a solution affecting performance by determining and
analyzing problems and challenges. As a result, a
friendly-user application is further developed.
09/04/2024 16
Click to edit Master title
Referencesstyle
• Click to edit Master
• Interaction text styles
Design: Beyond Human-Computer Interaction
• Second level
6th Edition,
• Third level
John Wiley & Sons 2019
• About Face:
• Fourth level The Essentials of Interaction Design, 4th
• Fifth level
Edition, John Wiley & Sons 2014
• Human – Computer Interaction 3rd Edition, Alan Dix 2014
• Introduction to Human Computer Interaction, Teodoro
Revano & Dr. Charlemagne Lavina 2023
• Essentials of Human Computer Interaction, Dan Michael
Cortez 2021
09/04/2024 17
Click to edit Master title style
• Click to edit Master text styles

Thank you!
• Second level
• Third level
• Fourth level
• Fifth level

[email protected]

09/04/2024 18