That's a fantastic set of foundational questions for HCI.

Understanding these
concepts will perfectly set you up for both the theoretical and conceptual
exam questions.

Here is a structured breakdown of the core elements of Human-Computer

Interaction (HCI).

💻 Human-Computer Interaction (HCI): A Foundation

1. What is HCI?
Human-Computer Interaction (HCI) is a multidisciplinary field concerned
with the design, evaluation, and implementation of interactive computing
systems for human use and with the study of major phenomena surrounding
them.

• The Three Pillars of HCI:

o Human (User): Focuses on user psychology (cognition,
perception, memory), capabilities, limitations, and needs.
o Computer (System): Focuses on the technology, interface,
functionality, hardware, and software.
o Interaction: Focuses on the dialogue between the user and the
computer—how actions are translated into system events and
how system events are communicated back to the user.

Simple Goal: To create systems that are usable, useful, safe, and enjoyable
to use.

2. Importance of HCI
The primary importance of HCI lies in bridging the gap between human needs
and technological capabilities. A system that is technically brilliant but
difficult to use will ultimately fail.
 Focus Area Why HCI is Important

Reduces the time and effort needed for users to complete

Productivity tasks, leading to higher efficiency for individuals and
organizations.

User
Leads to interfaces that are intuitive, satisfying, and
Experience
enjoyable, increasing user adoption and loyalty.
(UX)

Safety & In safety-critical systems (e.g., medical devices, air traffic

Error control), good HCI design minimizes the potential for
Reduction human error and prevents costly or dangerous mistakes.

Training & Intuitive and well-designed interfaces require less initial

Support training and result in fewer support calls, saving the
Costs company money.

Ensures technology is usable by the broadest range of

Accessibility people, including those with disabilities, promoting
equity and inclusion (Universal Design).

3. HCI: Interdisciplinary Field

HCI is not a single science but a highly interdisciplinary field that draws
knowledge and methods from various domains. This is what makes it so rich
and complex.

Discipline Contribution to HCI

Provides the technical methods for building the interface

Computer
and functionality (e.g., algorithms, system design,
Science
graphics).
 Provides models of the human mind (e.g., attention,
Cognitive
memory, problem-solving) to understand how users
Psychology
think and process information.

Social Focuses on how people work and interact in groups (e.g.,

Psychology collaborative systems, organizational impact).

Ergonomics / Focuses on the physical interaction (e.g., keyboard

Human layout, screen size, posture, device comfort) to ensure
Factors physical safety and comfort.

Graphic / Focuses on the aesthetics and presentation of

Visual information (e.g., layout, color, typography) to ensure
Design clarity and appeal.

Provides methods for studying users in their natural

Anthropology
work/life context to understand social, cultural, and
/ Sociology
organizational needs.

4. HCI Scope Contents (What HCI Studies)

The scope of HCI is vast, encompassing the entire lifecycle and context of
interaction. Key contents studied include:

• User Modeling & Theory: Studying human capabilities and applying

predictive models like GOMS, Fitts' Law, and Hick's Law.
• Design Process & Techniques: Utilizing User-Centered Design (UCD),
Prototyping, and Interaction Design principles.
• Interface Paradigms: Studying different ways users interact with
technology, from traditional Graphical User Interfaces (GUIs) to newer
interfaces like:
o Voice User Interfaces (VUIs)
o Gesture-based Interaction
o Virtual and Augmented Reality (VR/AR)
 o Tangible User Interfaces (TUIs)
• Evaluation Techniques: Methods to test and measure usability, such
as Usability Testing, Heuristic Evaluation, and Cognitive
Walkthroughs.
• Contextual Issues: Accessibility, ethical concerns, privacy, and the
impact of technology on society and work.

5. Benefits of HCI (Summary)

The benefits are the results of applying HCI principles and practices.

• For the User:

o Increased Efficiency (faster task completion).
o Higher Satisfaction (more pleasant and less frustrating
experience).
o Reduced Errors and faster recovery when errors occur.
o Improved Accessibility and inclusion.
• For the Business/Organization:
o Reduced Development Costs (by catching errors early in design).
o Increased Sales/Adoption of products.
o Lower Training and Support expenses.
o Competitive Advantage in the market.

HCI Goals

 Safety

 Utility

 Effectiveness

 Efficiency
 Usability

 Appeal

Effectiveness

 The effectiveness of the HCI can be measured by usability

of a computer system by peoples.

 This can be measured by: testing such as speed of

interaction, number of errors from actions, understanding

by the user.

 Another example of measuring the HCI can be: how long

it take for the user to perform a specific task like a speed.

It can be done by testers (more tester more results) that

they will test the system.

Human Computer Interaction

Safety

protecting the users from dangerous conditions and undesirable situations

 Users:

In Nuclear energy plant or bomb-disposal, operators should interact with

computer-
based systems remotely.

 Data:

 prevent user from making serious errors by reducing risk of wrong

keys/buttons being

mistakenly activated.

 Provide user with means of recovering errors.

 Ensure privacy( protect personal information such as habits and address)

and security

(protect sensitive information such as passwords, Visa card numbers).

Human Computer Interaction

Utility

 Utility: extent of providing the right kind of functionality

so that users can do what they need or want to do.

 High Utility: Scientific calculator provides many

mathematical

operations, built-in formulae and is programmable

 Low Utility: Software drawing tool does not allow free-

hand drawing but support polygon shape drawing.

Human Computer Interaction

Efficiency

 Efficiency:

A measure of how quickly users can accomplish their goals or

finish their work using the system.

Example.

Searching a contact number in phone’s contacts

Human Computer Interaction

Appeal

 How well the user likes the system.

 First impression

 Long term satisfaction

WEEk 2

This is a comprehensive set of questions that moves from the basic structure
of HCI into its most important practical methodology: User-Centered Design
(UCD).

Here is a structured explanation covering all these critical points.

1. ⚙️ Components of HCI
HCI is fundamentally defined by the relationship between the two main
entities—the human and the computer—and the activities that link them. The
core components are typically categorized into the following four elements:

1. The User (Human):

a. Focus: Cognitive, perceptual, and physical capabilities and
limitations. This includes memory, attention, problem-solving,
and motor skills.
b. Goal in Design: To accommodate the user's natural way of
thinking and acting (e.g., through mental models and
affordances).
2. The Computer (System/Tool):
a. Focus: Hardware (input/output devices, processing power,
display) and Software (application logic, operating system).
b. Goal in Design: To respond to the user's input efficiently and
present information clearly.
3. The Interaction:
a. Focus: The dialogue between the user and the computer,
facilitated by the User Interface (UI). It includes input (mouse
click, voice command) and output (screen display, sound).
b. Goal in Design: To make the communication efficient, error-free,
and satisfying.
4. The Context:
a. Focus: The environment (physical, social, and organizational) in
which the interaction takes place. Is the user on a noisy bus, in a
control room, or working collaboratively?
b. Goal in Design: To ensure the system is appropriate for the work
environment and the user's current goals/tasks.
2. 🖥️ What is a User Interface (UI)?
The User Interface (UI) is the part of a computer system, application, or
device with which a human user interacts. It is the physical and conceptual
space where the interaction component of HCI occurs.

• Definition: The UI includes everything designed into an information

device with which a user may interact, including display screens,
keyboards, a mouse, and the appearance of a desktop or application.
• Purpose: To serve as a bridge between the user and the machine,
translating the user's goals and intentions into system commands and
presenting the system's state and output back to the user.

UI
Component Examples Role
Type

Input Buttons, Text Fields, Allow the user to input data or

Controls Checkboxes, Drop-down Lists commands.

Tabs, Breadcrumbs, Sliders, Allow the user to move around and

Navigational
Pagination locate information.

Progress Bars, Notifications, Provide feedback, status, and

Informational
Tooltips, Icons information to the user.

Visual Layout, Color Scheme, Define the overall aesthetic and

Elements Typography, Graphics clarity of the presentation.

3. 🎯 What is User-Centered Design (UCD)?

User-Centered Design (UCD) is an iterative design philosophy and
process that focuses on placing the user and their needs, wants, and
limitations at the center of the design and development cycle.
 • Key Idea: Instead of designing a product based primarily on technical
feasibility or business requirements alone, the design process is driven
by an explicit understanding of the target users, their tasks, and the
environment they work in.
• ISO Standard: UCD is formally defined by ISO 9241-210 as an approach
to system development that aims to make interactive systems usable.

4. 💡 Why User-Centered Design?

The fundamental reasons for adopting a UCD approach are rooted in both
human factors and business outcomes:

Factor Explanation Result

UCD ensures the product is not only useful Higher user

Usability &
(solves a real problem) but also usable (easy, satisfaction and
Utility
efficient, and satisfying to operate). adoption rates.

Reduced
Finding and fixing usability problems in the
development,
Cost design phase is significantly cheaper than
training, and
Reduction fixing them after the product has been
customer support
released.
costs.

Design decisions are based on user research

Increased product
Reduced and data, not on internal assumptions or
success and Return
Risk guesswork, reducing the risk of product
on Investment (ROI).
failure.

Products that provide a superior User

Stronger market
Competitive Experience (UX) stand out in the market,
position and higher
Advantage building brand loyalty and customer
revenue.
retention.
5. 🔄 User-Centered Design Process
The UCD process is fundamentally iterative, meaning it involves a cycle of
design, testing, and refinement that is repeated until the requirements are
met.

The core steps, based on the ISO standard, are:

Step 1: Understand the Context of Use

• Activity: User Research (Interviews, Surveys, Observation,

Ethnography).
• Goal: Define who the users are, why they are using the product (goals),
what they are doing (tasks), and where they are doing it
(environment/context).
• Output: User Personas, Empathy Maps, Contextual Inquiry reports.

Step 2: Specify the User Requirements

• Activity: Analysis and Synthesis.

• Goal: Translate the findings from Step 1 into explicit requirements for
the design. These are often expressed as User Stories or functional
requirements focused on user needs.
• Output: Functional Requirements, Usability Goals (e.g., "A new user
should be able to complete a purchase in under 5 minutes").

Step 3: Design Solutions

• Activity: Ideation, Sketching, Prototyping (Low-fidelity to High-fidelity).

• Goal: Develop design ideas that meet the specified requirements. This
includes information architecture, interaction design, and visual
design.
• Output: Wireframes, Mockups, Interactive Prototypes.
Step 4: Evaluate the Design

• Activity: Usability Testing (the most crucial part), Heuristic Evaluation,

Cognitive Walkthroughs.
• Goal: Test the design solutions from Step 3 with real users to measure
their performance against the requirements from Step 2.
• Output: Usability Test Report detailing identified issues and
recommendations.

The process then loops: The feedback from Step 4 is used to refine the
requirements or directly improve the design solution, starting the cycle again
at Step 1 or 3.

6. 📝 Example of User-Centered Design

A classic, simple example of UCD is the redesign of an ATM (Automated Teller
Machine) interface.

UCD Phase Action Taken Design Outcome

Researchers observe users at User Pain Point: The card is

Understand an old ATM. They note users dispensed after the cash, leading
Context often forget their card inside to forgetfulness due to goal
the machine. satisfaction.

Design Requirement: The card

must be returned to the user
Specify Requirement: Minimize the risk
before the transaction is fully
Requirements of a user forgetting their card.
complete (e.g., before cash is
dispensed).

The interface is redesigned so

the first output is the card, and
Design Final Design: Card-first
the user must remove it to
Solution dispensing sequence.
proceed to the cash dispensing
step.
 Usability tests confirm a
Evaluate Result: A more usable and safer
significant decrease in
Design experience.
forgotten cards.

7. ✅ Advantages & ❌ Disadvantages of UCD

Category Advantages (Benefits) Disadvantages (Challenges)

Saves Money: Reduces Time & Cost (Upfront): Requires significant

Cost &
the need for costly post- time and resource investment in research
Risk
launch redesigns. and testing initially.

Scope Creep: User research may uncover a

Higher Usability: Results
Product vast number of needs, making it hard to
in intuitive, efficient, and
Quality prioritize and stick to the original project
satisfying products.
scope.

Competitive Edge: Stakeholder Buy-in: Convincing

Increases customer management or stakeholders to prioritize
Business
satisfaction, loyalty, and user needs over technical or business
brand reputation. shortcuts can be difficult.

Ambiguous Requirements: Sometimes,

User Empathy: Ensures
User users cannot articulate their needs or their
the product solves real
Focus stated needs conflict with their actual
problems for real people.
behavior.

Week 4
This is an excellent final set of topics! The concepts of Cognition and
Input/Output Channels form the crucial "Human" part of Human-Computer
Interaction, providing the necessary theory to understand why the design
principles we discussed work.

Here are comprehensive notes covering these two areas for your exam
preparation:
🧠 Section 1: Cognition in HCI
Cognition refers to the processes by which humans think, learn, remember,
and solve problems. Understanding these processes is fundamental because
effective interface design must align with how the human mind works,
minimizing cognitive strain and maximizing efficiency.

A. Core Cognitive Processes

Process Definition HCI Implication (Conceptual)

Selectively
Design Implication: Use visual hierarchy (size,
focusing on one
color, contrast) to draw attention to critical
Attention source of
information and minimize unnecessary clutter
information while
(Aesthetic and Minimalist Design).
ignoring others.

Interpreting and
Design Implication: Ensure high contrast and
understanding
readable typography. Use different
Perception sensory input
colors/sounds appropriately (e.g., red for errors)
(seeing, hearing,
to aid quick interpretation.
touching).

Encoding, storing, Design Implication: Focus on Recognition over

and retrieving Recall (Heuristic 6). Provide frequent reminders,
Memory
knowledge and historical data, and clear labels so users don't
information. have to remember complex commands or paths.

Design Implication: Interfaces should be

Acquiring new
consistent and built on familiar metaphors so
Learning knowledge and
that past experience can be easily transferred to
skills.
the new system.

Working towards a Design Implication: Break down complex tasks

Problem goal when the path into smaller, manageable steps (e.g., using
Solving to that goal is not wizards or clear progressive disclosure) to
immediately clear. reduce cognitive load.
Understood. I will synthesize the concepts from your teacher's notes into clear, organized
points, avoiding comparison and focusing purely on defining and explaining each element.

📝 HCI Notes: Cognition and Information Processing

These notes cover the fundamental modes of human cognition and the
structured model of how humans process information.

1. Modes of Cognition
Human interaction with systems operates in two distinct cognitive modes:
Experiential and Reflective.

A. Experiential Mode

• Definition: A state of focused engagement where a user perceives,

acts, and reacts to events effectively without conscious thought or
effort.
• Characteristics:
o Automatic and intuitive.
o Based on immediate sensory input and rapid pattern recognition.
o Used for highly practiced or familiar tasks.
• Examples:
o Driving a car (for an experienced driver).
o Fluent reading.

B. Reflective Mode

• Definition: A conscious mode of cognition that involves deep thinking,

planning, comparing, and making complex decisions.
• Characteristics:
o Requires deliberate attention and mental effort.
o Used for learning new skills, analyzing problems, and evaluating
outcomes.
• Examples:
 o Planning a travel itinerary.
o Solving a complex programming bug.
o Evaluating feedback from a system.

2. Human Information Processing (HIP) Model

The HIP model views the human mind as an information processor, breaking
down complex tasks into a sequence of mental operations.

A. Information Processing Analysis

This conceptual tool helps trace the mental steps involved in a task that
requires reflection and memory retrieval.

• Goal: To identify and sequence the discrete mental operations required

to complete a task.
• Example (Retrieving a friend's phone number):
o Identifying the friend's Name.
o Retrieving the meaning of words (comprehension).
o Understanding the meaning of the set of words given in the
exercise (task formulation).
o Retrieve the number from memory (accessing Long-Term
Memory).
o Generate plan and formulate the answer (Motor
planning/execution).

B. The Simplified HIP Sequence

The core process involves three main stages, detailing the journey of
information from input to action.

1. Encoding (Perceptual Processor):

a. The user receives sensory input from the environment (e.g.,
seeing a notification).
 b. The information is translated into an internal mental
representation (code).
2. Comparison / Response Selection (Cognitive Processor):
a. The encoded information is compared against stored knowledge
(Memory) and the current goal.
b. A decision is made on the appropriate action or response.
3. Response Execution (Motor Processor):
a. The selected response is translated into motor commands (e.g.,
moving the mouse, pressing a key).

C. The Extended Model (The Role of Memory and Attention)

The full model recognizes that the sequential stages are supported by
memory and filtered by attention.

• How Information is Perceived: Governed by the Perceptual

Processors (Visual, Auditory), which handle the initial encoding of
sensory input.
• How Information is Attended To: Governed by Attention, which acts
as a filter to select the relevant sensory input to pass along to the
cognitive stage.
• How Information is Processed and Stored in Memory:
o Memory (Short-Term/Working and Long-Term) is continually
accessed during the Comparison / Response Selection stage.
o Working Memory holds the information currently being thought
about (limited capacity).
o Long-Term Memory stores the user's knowledge, skills, and past
experiences, which is critical for making informed decisions.
👂 Section 2: Input and Output Channels
This section addresses the physical methods through which humans and
computers exchange information. These are often called the Human Sensory
and Motor Channels.

A. Human Output: The Motor Channels

This covers how the human body acts upon the system.

Motor
Action HCI Relevance
Channel

Arm, hand, and

Relevance: Directly related to Fitts' Law. Design
Limb finger movements
controls to minimize reaching distance and time.
Movement (e.g., reaching for
The keyboard is the primary limb output device.
a mouse, typing).

Relevance: Eyes move faster than limbs.

Shifting gaze, Designers use principles like the Gutenberg
Eye
focusing, and Diagram or F-Pattern to optimize visual scanning
Movement
scanning. and place important items where the eye naturally
lands.

Relevance: Key for Voice User Interfaces (VUIs).

Vocal commands
Speech HCI focuses on recognition accuracy, language
and dictation.
model training, and handling background noise.

B. Human Input: The Sensory Channels

This covers how the human body receives information from the system.

1. Visual Channel (Sight)

• Input: Text, images, color, motion, graphics (the display).

• HCI Focus: Display Characteristics (resolution, color depth,
brightness) and Presentation Clarity (typography, layout, color
palette).
 • Conceptual Issue: Understanding limits like color blindness and
ensuring adequate contrast.

2. Auditory Channel (Sound)

• Input: Alerts, spoken feedback, system sounds, music.

• HCI Focus: Sounds must be informative and non-annoying. Used for
critical alarms (must be distinct and loud) and feedback (e.g., a "ding"
on a successful action).
• Conceptual Issue: Too many or non-informative sounds lead to
auditory fatigue and distraction.

3. Haptic/Tactile Channel (Touch)

• Input: Feedback received through the skin (e.g., vibration, pressure,

temperature).
• HCI Focus: Haptic Feedback (vibration on a phone or game controller)
is used to confirm input, provide a notification without visual
distraction, or enhance immersion.
• Conceptual Issue: Design must consider ergonomic factors, such as
the size and shape of input devices (keyboard, mouse, phone).

📚 Summary for Exam Preparation

To successfully answer the four questions (2 Conceptual, 2 Theory-Based),
organize your knowledge:

Question
Topics to Master Key Concepts & Models
Type

HCI Importance, UCD

Usability (3 Es), Norman's 6 Principles,
Process, Design Principles,
Conceptual Nielsen's 10 Heuristics, Mental
Evaluation Methods,
Models, Cognitive Load (Extraneous).
Cognition.
 Human Performance Fitts' Law (Distance/Size), Hick's Law
Theory-
Models, Input/Output (Choices), GOMS (Goals, Operators,
Based
Channels, GOMS. Methods, Selection Rules).

Final Tip: For theory questions, be prepared to define the theory and give a
practical HCI example of its application (e.g., Fitts' Law is why the "New
Mail" button is big and in the corner).

Would you like to review any of the mathematical formulas (like Fitts' Law) or
the evaluation methods in more detail?

Week 5

That's a smart request. Adding the specific characteristics like duration and
capacity makes these memory types excellent material for detailed theory
questions.

Here is an expanded explanation of the Sensory Memory types, focusing on

the quantitative aspects from a cognitive psychology perspective (Model
Human Processor context).

🧠 Expanded Notes: Types of Sensory Memory

Sensory memory is the initial, ultra-brief storage stage of information
processing. Its primary purpose is to hold sensory input just long enough for
the Perceptual Processor to select and encode the necessary details into
Working Memory.

1. Iconic Memory (Visual Sensory Store)

Characteristic Detail

Sensory
Visual (Sight)
Channel
 Nature of Pre-categorical. Stores a near-perfect, unprocessed, high-capacity
Storage image of the visual field.

Very Brief ($\sim 0.2 \text{ to } 0.5 \text{ seconds}$). Information

Duration
fades almost instantly unless actively attended to.

Very High / Essentially Unlimited. It holds a full snapshot of the

Capacity
entire visual scene presented.

Dictates the necessary speed of visual feedback. If a status

HCI message or graphic disappears in less than $200 \text{ ms}$, the
Relevance user may not have time to fully perceive it. The persistence of vision
allows for smooth video and animations.

2. Echoic Memory (Auditory Sensory Store)

Characteristic Detail

Sensory
Auditory (Sound).
Channel

Nature of Temporal. Stores an "echo" of the sound, which is crucial because

Storage sound is perceived sequentially over time.

Longer ($\sim 2 \text{ to } 4 \text{ seconds}$). This longer duration

Duration is necessary to string together continuous auditory inputs, like
words in a sentence, and comprehend them.

Moderate. Sufficient to hold a short burst of sound (e.g., a few

Capacity
words).

Allows users to track the flow of spoken instructions or comprehend

HCI system alerts that occur in quick succession. A delay in the system's
Relevance auditory response can cause the user to miss the sound's meaning
entirely, as the echoic trace will have faded.

3. Haptic Memory (Tactile Sensory Store)

Characteristic Detail
 Sensory
Haptic/Tactile (Touch and pressure).
Channel

Nature of Pressure and Kinesthetic. Holds the sensation of a physical

Storage interaction.

Intermediate ($\sim 1 \text{ to } 2 \text{ seconds}$). Longer than

Duration
iconic memory, but shorter than echoic.

High, but localized. Limited by the area of the skin involved (e.g.,
Capacity
the fingertip).

Explains why users can confirm a button press via vibration (haptic
feedback) even if their eyes are focused elsewhere. The memory of
HCI
the "click" persists briefly, allowing the cognitive processor to
Relevance
register the action. Essential for good design in mobile interfaces
and controllers.

LTM

From notes too