Module 1: Introduction to Human–Computer Interaction (HCI)
Course: Human–Computer Interaction 1
Module Overview
This module introduces students to the fundamental concepts of Human–Computer Interaction (HCI). It
focuses on understanding how humans interact with computers and why designing user-friendly systems
is essential. The discussion emphasizes real-life experiences, everyday technologies, and the importance
of usability in digital systems. This module serves as the foundation for succeeding topics in
Human–Computer Interaction.
Learning Objectives
At the end of this module, students should be able to:
● Define Human–Computer Interaction
● Identify the components of HCI
● Explain the importance of HCI in everyday technology
● Differentiate between good and bad interaction design
● Recognize the goals of Human–Computer Interaction
● Relate HCI concepts to real-life situations
1. Introduction to Human–Computer Interaction
Technology is a constant part of daily life. From smartphones and laptops to ATMs and online platforms,
people interact with computer systems regularly. However, not all interactions are smooth or enjoyable.
Some systems are easy to use, while others cause confusion and frustration. Human–Computer
Interaction focuses on understanding these experiences and improving the way people interact with
technology.
Human–Computer Interaction, commonly referred to as HCI, is the field of study that examines how
people use computer systems and how these systems are designed to support effective interaction. It
goes beyond technical functionality and emphasizes usability, accessibility, and user satisfaction.
2. Definition of Human–Computer Interaction
Human–Computer Interaction is the study of the design, evaluation, and implementation of interactive
computing systems for human use. It aims to ensure that computer systems are usable, efficient, and
responsive to the needs of users.
A system may be powerful and technologically advanced, but if users cannot understand how to use it,
the system fails from an HCI perspective. Therefore, HCI focuses on making technology user-centered
rather than system-centered.
3. Components of Human–Computer Interaction
Human–Computer Interaction consists of three main components: the human, the computer, and the
interaction.
3.1 Human
The human component refers to the user of the system. Users differ in age, experience, skills, physical
abilities, and cognitive abilities. Humans have limitations such as memory constraints, attention span, and
perception challenges. HCI takes these human factors into account to design systems that are easy to
learn and use.
3.1.1Examples of the Human Component
● A senior citizen struggling to read small text on a mobile banking app due to poor font size.
● A student making mistakes during online registration because the instructions are unclear.
● A first-time user needing guidance when using a new learning management system.
These examples show that users have different abilities and experiences, which must be considered in
system design.
3.2 Computer
In HCI, the term computer includes any digital device or system that responds to user input. This includes
desktop computers, laptops, smartphones, tablets, kiosks, ATMs, and web or mobile applications. Any
system that allows user interaction is considered part of HCI.
3.2.1 Examples of the Computer Component
● A smartphone used for messaging, online payments, and navigation.
● An ATM that allows users to withdraw cash and check balances.
● A self-service kiosk in a fast-food restaurant for placing orders.
All these systems are considered “computers” in HCI because they respond to user input.
3.3 Interaction
Interaction refers to the communication between the human and the computer. This includes actions such
as clicking, typing, swiping, touching, and speaking. Effective interaction allows users to perform tasks
naturally and efficiently, while poor interaction leads to confusion and errors.
3.3.1 Examples of Interaction
● Tapping icons on a smartphone screen.
● Swiping left or right to browse photos.
● Typing a username and password during login.
● Receiving a confirmation message after submitting an online form.
Interaction shows how communication happens between the user and the system.
4. Importance of Human–Computer Interaction
Human–Computer Interaction is important because technology is designed for people. If systems are
difficult to use, users become frustrated and may stop using them altogether. Poor interaction design can
result in errors, wasted time, reduced productivity, and loss of trust in technology.
In critical systems such as healthcare, banking, and transportation, poor HCI design can lead to serious
consequences. HCI ensures that systems are safe, reliable, and accessible, allowing users to interact
with confidence.
4.1 Examples Showing the Importance of HCI
● An online exam system that automatically saves answers prevents data loss.
● A hospital system with confusing buttons may cause staff to enter incorrect data.
● A poorly designed booking website may cause users to abandon their reservation.
These examples highlight why good interaction design is essential.
5. Everyday Applications of HCI
HCI can be observed in many everyday activities. Examples include unlocking smartphones, navigating
social media applications, ordering food online, using online learning platforms, and performing digital
transactions. Each of these systems is designed with user interaction in mind.
When users find an application easy and enjoyable to use, it is usually because the system follows good
HCI principles such as clarity, simplicity, and feedback.
6. Good and Bad Interaction Design
6.1 Good Interaction Design
Good interaction design allows users to complete tasks easily and efficiently. It provides clear instructions,
logical navigation, visible feedback, and error prevention. Users feel comfortable and confident when
interacting with well-designed systems.
6.1.1 Examples of Good Interaction Design
● A mobile app with clear labels such as “Next,” “Back,” and “Submit.”
● A website that highlights errors and explains how to fix them.
● An application that provides visual feedback after a button is clicked.
Good interaction design helps users feel confident and in control.
6.2 Bad Interaction Design
Bad interaction design creates confusion and frustration. It may include unclear buttons, complex steps,
poor error messages, and lack of feedback. These issues make systems difficult to use and reduce user
satisfaction.
6.2.1 Examples of Bad Interaction Design
● Buttons with unclear icons and no labels.
● Forms that erase all data after a small mistake.
● Systems that show error messages without explanations.
These designs frustrate users and reduce system usability.
7. Goals of Human–Computer Interaction
The primary goals of HCI are to create systems that are:
● Effective – users can complete tasks accurately
● Efficient – tasks can be completed with minimal effort
● Safe – /errors are minimized and recovery is possible
● Easy to learn – new users can use the system quickly
● Satisfying – users have a positive experience
Balancing these goals leads to successful and user-friendly systems.
7.1 Examples Related to HCI Goals
● Effectiveness: A student successfully submits an assignment online.
● Efficiency: A user completes online payment in just a few steps.
● Safety: A system asks for confirmation before deleting files.
● Learnability: A new user understands an app without training.
● Satisfaction: Users enjoy using an app because it is simple and responsive.
8. Professionals Who Use HCI
Human–Computer Interaction is applied by various professionals, including software developers, system
analysts, UI/UX designers, and IT practitioners. Understanding HCI helps professionals design systems
that meet user needs and improve overall user experience.
9. Summary
Human–Computer Interaction focuses on making technology usable, efficient, and human-centered. By
understanding how users interact with systems, designers and developers can create better digital
experiences. This module provides the foundation for exploring usability, user experience, and interaction
design in future lessons.
Reflection Activity: Analyzing Real-World Interaction
Problems
Students are encouraged to reflect on their personal experiences with technology and apply basic
Human–Computer Interaction concepts discussed in this module.
Each student must identify one system, application, or digital platform that they personally find
difficult, confusing, or frustrating to use. This may include mobile applications, websites, school systems,
online forms, kiosks, or any digital service they have experienced.
Students should briefly describe the system and explain:
● What the system or application is used for
● Which part of the system causes difficulty or confusion
● Why the interaction is frustrating or ineffective
● How the problem affects the user experience