SlideShare a Scribd company logo
Foundation of
Human Computer
Interaction
By Sanie Bautista
Cagayan State University
Aparri Campus
Learning Objectives
1. Explain the foundations of HCI.
2. Distinguish the principles behind human-machine interaction.
3. Show when human factors first became an issue in computer hardware and software
design.
At the end of the lesson, the students should be able to:
Human: Individual user, a group of users working together, a sequence of
users in an organization
Computer: Desktop computer, large-scale computer system, Pocket PC,
embedded system
User interface: Parts of the computer that the user contacts with
Interaction: Usually involve a dialog with feedback & control throughout
performing a task
What is HCI?
Human-Computer Interaction (HCI) is a field of study focusing
on the design of computer technology and the interaction
between humans (the users) and computers.
What is HCI?
The primary goals of HCI are:
Usability: Ensuring systems are easy to use, efficient, and accessible.
User satisfaction: Designing systems that are enjoyable and reduce
frustration.
Effectiveness: Enabling users to achieve their objectives accurately.
Accessibility: Making technology usable for people with varying abilities.
Safety: Minimizing risks during interaction, particularly in critical systems
like healthcare or aviation.
What are the goals of HCI?
1. Graphical User Interfaces (GUIs): Desktop operating systems like
Windows or macOS.
2. Voice Assistants: Alexa, Siri, or Google Assistant.
3. Touch Interfaces: Smartphones, tablets, and kiosks.
4. Virtual Reality (VR): Immersive gaming or training simulations.
5. Wearable Technology: Smartwatches or fitness trackers.
6. Assistive Technologies: Screen readers for visually impaired users or
voice-controlled devices for mobility-impaired users.
Examples of HCI?
✓ In the past, computers were expensive & used by technical people only
✓ Now, computers are cheap and used by non-technical people (different
backgrounds, needs, knowledge, skills)
✓ Computer and software manufacturers have noticed the importance of
making computers “user-friendly”: easy to use, save people time, etc.
How to achieve “user-friendliness” in computer design?
Why HCI?
The Human
✓ the central character in any
discussion of interactive systems
✓ the user, the one whom computer
systems are designed to assist
✓ the requirements of the user
should therefore be our first
priority
1
The Human Factor
Displays
Controls
Sensors
Responders
Machine
State
Human
Brain
Interface Computer
Vision is the most dominant sense in HCI, as most interfaces rely on visual
elements such as text, images, colors, and icons. Users process
information through graphical user interfaces (GUIs) and visual feedback.
Examples:
• Graphical User Interfaces (GUIs
• Augmented Reality (AR) & Virtual Reality (VR)
• Color Contrast & Accessibility
a. Vision
Touch enhances interaction through tactile feedback, allowing users to feel
responses from digital devices.
Examples:
• Smartphone Haptics
• Touchscreens & Gesture Control
• Wearable Tech
b. Touch (Haptic Feedback)
Sound is used in HCI for feedback, alerts, and hands-free interaction.
Examples:
• Voice Assistants
• Auditory Alerts
• Screen Readers
c. Hearing (Auditory Perception)
Though less common in HCI, smell can be used in immersive experiences,
such as VR.
Examples:
• VR Experiences
• Medical Training Simulations
d. Smell (Olfactory Perception)
Taste is rarely used in mainstream HCI, but research explores how digital
devices can simulate taste experiences.
Examples:
Digital Taste Simulators
Food Industry Applications
e. Taste (Gustatory Perception)
a. Sensory Memory
b. Short-Term (Working) Memory
c. Long-Term Memory
2. Memory
A. Sensory Memory
Stores brief impressions of stimuli (visual, auditory, tactile).
Critical for UI responsiveness—delays can disrupt perception.
Example: Visual persistence in animations (e.g., smooth transitions in UI).
a. Sensory Memory
Holds information for a few seconds to minutes.
Example:
Remembering a verification code or navigation menu choices.
b. Short-Term (Working) Memory
Stores knowledge, skills, and past experiences.
Affects learnability and recall of UI elements.
Example:
Users recall familiar icons (e.g., floppy disk for "Save").
c. Long-Term Memory
Thank you!

More Related Content

PPTX
HCI First Lecture.pptx
PPT
HCI_01.ppt
PPTX
HCI : Activity 1
PPTX
Human computer interaction Semester 1
PPT
chap-01 HCI.ppt
PPTX
human computer interaction Lecture 1.ppt
PPTX
Human computer interaction -Input output channel
PDF
Introduction to Human-Computer Technology
HCI First Lecture.pptx
HCI_01.ppt
HCI : Activity 1
Human computer interaction Semester 1
chap-01 HCI.ppt
human computer interaction Lecture 1.ppt
Human computer interaction -Input output channel
Introduction to Human-Computer Technology

Similar to Foundation of Human-Computer Technology. (20)

DOCX
Human computer interaction by Atheer
PPTX
Human computer Interaction12133545 .pptx
PDF
HCI.pdf
PPTX
Introduction to Human Computer Interaction
PPTX
Human_Computer_Interaction_HCI_Presentation.pptx
PPTX
Human-Computer Interaction between human and computer (HCI).pptx
PPTX
HCI CH-1.pptx
PPTX
hci lecture notes pt.pptx
DOCX
HCI handouts 1.docx
PPTX
Human And Computer Interaction Communication Skills
PPTX
Human Computer Interaction Lecture Notes
PPTX
Human Computer Interaction Lecture Notes
PDF
Human Computer Interaction (HCI)
PPTX
Chapter 3 principles of hci
PDF
Psychology Human Computer Interaction
PPTX
Ubitous computing ppt
PPTX
MODULE 1 Human Computer Interaction. (Engineering)
PDF
Hci activity#1
PPTX
MODULE 1 CSG2003 Hci and there is model 1 ppt.pptx
Human computer interaction by Atheer
Human computer Interaction12133545 .pptx
HCI.pdf
Introduction to Human Computer Interaction
Human_Computer_Interaction_HCI_Presentation.pptx
Human-Computer Interaction between human and computer (HCI).pptx
HCI CH-1.pptx
hci lecture notes pt.pptx
HCI handouts 1.docx
Human And Computer Interaction Communication Skills
Human Computer Interaction Lecture Notes
Human Computer Interaction Lecture Notes
Human Computer Interaction (HCI)
Chapter 3 principles of hci
Psychology Human Computer Interaction
Ubitous computing ppt
MODULE 1 Human Computer Interaction. (Engineering)
Hci activity#1
MODULE 1 CSG2003 Hci and there is model 1 ppt.pptx
Ad

Recently uploaded (20)

PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PPTX
Cloud computing and distributed systems.
PPTX
MYSQL Presentation for SQL database connectivity
PDF
Machine learning based COVID-19 study performance prediction
PDF
cuic standard and advanced reporting.pdf
PDF
NewMind AI Monthly Chronicles - July 2025
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
CIFDAQ's Market Insight: SEC Turns Pro Crypto
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
Modernizing your data center with Dell and AMD
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
Network Security Unit 5.pdf for BCA BBA.
Review of recent advances in non-invasive hemoglobin estimation
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
Encapsulation_ Review paper, used for researhc scholars
Diabetes mellitus diagnosis method based random forest with bat algorithm
Cloud computing and distributed systems.
MYSQL Presentation for SQL database connectivity
Machine learning based COVID-19 study performance prediction
cuic standard and advanced reporting.pdf
NewMind AI Monthly Chronicles - July 2025
Reach Out and Touch Someone: Haptics and Empathic Computing
CIFDAQ's Market Insight: SEC Turns Pro Crypto
Advanced methodologies resolving dimensionality complications for autism neur...
Unlocking AI with Model Context Protocol (MCP)
Modernizing your data center with Dell and AMD
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
Digital-Transformation-Roadmap-for-Companies.pptx
Network Security Unit 5.pdf for BCA BBA.
Ad

Foundation of Human-Computer Technology.

  • 1. Foundation of Human Computer Interaction By Sanie Bautista Cagayan State University Aparri Campus
  • 2. Learning Objectives 1. Explain the foundations of HCI. 2. Distinguish the principles behind human-machine interaction. 3. Show when human factors first became an issue in computer hardware and software design. At the end of the lesson, the students should be able to:
  • 3. Human: Individual user, a group of users working together, a sequence of users in an organization Computer: Desktop computer, large-scale computer system, Pocket PC, embedded system User interface: Parts of the computer that the user contacts with Interaction: Usually involve a dialog with feedback & control throughout performing a task What is HCI?
  • 4. Human-Computer Interaction (HCI) is a field of study focusing on the design of computer technology and the interaction between humans (the users) and computers. What is HCI?
  • 5. The primary goals of HCI are: Usability: Ensuring systems are easy to use, efficient, and accessible. User satisfaction: Designing systems that are enjoyable and reduce frustration. Effectiveness: Enabling users to achieve their objectives accurately. Accessibility: Making technology usable for people with varying abilities. Safety: Minimizing risks during interaction, particularly in critical systems like healthcare or aviation. What are the goals of HCI?
  • 6. 1. Graphical User Interfaces (GUIs): Desktop operating systems like Windows or macOS. 2. Voice Assistants: Alexa, Siri, or Google Assistant. 3. Touch Interfaces: Smartphones, tablets, and kiosks. 4. Virtual Reality (VR): Immersive gaming or training simulations. 5. Wearable Technology: Smartwatches or fitness trackers. 6. Assistive Technologies: Screen readers for visually impaired users or voice-controlled devices for mobility-impaired users. Examples of HCI?
  • 7. ✓ In the past, computers were expensive & used by technical people only ✓ Now, computers are cheap and used by non-technical people (different backgrounds, needs, knowledge, skills) ✓ Computer and software manufacturers have noticed the importance of making computers “user-friendly”: easy to use, save people time, etc. How to achieve “user-friendliness” in computer design? Why HCI?
  • 8. The Human ✓ the central character in any discussion of interactive systems ✓ the user, the one whom computer systems are designed to assist ✓ the requirements of the user should therefore be our first priority 1
  • 10. Vision is the most dominant sense in HCI, as most interfaces rely on visual elements such as text, images, colors, and icons. Users process information through graphical user interfaces (GUIs) and visual feedback. Examples: • Graphical User Interfaces (GUIs • Augmented Reality (AR) & Virtual Reality (VR) • Color Contrast & Accessibility a. Vision
  • 11. Touch enhances interaction through tactile feedback, allowing users to feel responses from digital devices. Examples: • Smartphone Haptics • Touchscreens & Gesture Control • Wearable Tech b. Touch (Haptic Feedback)
  • 12. Sound is used in HCI for feedback, alerts, and hands-free interaction. Examples: • Voice Assistants • Auditory Alerts • Screen Readers c. Hearing (Auditory Perception)
  • 13. Though less common in HCI, smell can be used in immersive experiences, such as VR. Examples: • VR Experiences • Medical Training Simulations d. Smell (Olfactory Perception)
  • 14. Taste is rarely used in mainstream HCI, but research explores how digital devices can simulate taste experiences. Examples: Digital Taste Simulators Food Industry Applications e. Taste (Gustatory Perception)
  • 15. a. Sensory Memory b. Short-Term (Working) Memory c. Long-Term Memory 2. Memory
  • 16. A. Sensory Memory Stores brief impressions of stimuli (visual, auditory, tactile). Critical for UI responsiveness—delays can disrupt perception. Example: Visual persistence in animations (e.g., smooth transitions in UI). a. Sensory Memory
  • 17. Holds information for a few seconds to minutes. Example: Remembering a verification code or navigation menu choices. b. Short-Term (Working) Memory
  • 18. Stores knowledge, skills, and past experiences. Affects learnability and recall of UI elements. Example: Users recall familiar icons (e.g., floppy disk for "Save"). c. Long-Term Memory