Human Factors and
Cognitive Foundations
Understanding how humans perceive, process, and interact with
technology is fundamental to creating effective interfaces. This module
explores the cognitive and perceptual foundations that shape user
experience.
MODULE 3
Why Human Factors Matter in HCI
The Challenge The Opportunity
Technology evolves faster than human cognition. Our brains By understanding perception, attention, memory, and
haven't changed in thousands of years, but our interfaces cognition, designers can create interfaces that feel intuitive
transform constantly. and effortless.
Successful design bridges this gap by working with—not This knowledge transforms good interfaces into exceptional
against—human capabilities and limitations. experiences that users love.
CHAPTER 1
Human Perception: Our
Window to Digital Worlds
Perception is the process by which we interpret sensory information
from our environment. In HCI, understanding perception helps us design
interfaces that communicate clearly through multiple sensory channels.
The Three Pillars of Perceptual Design
Vision Hearing Touch
Our primary channel for digital Auditory feedback provides crucial Haptic feedback creates physical
interaction. Vision processes color, information without requiring visual connection to digital actions,
shape, motion, and spatial attention, enabling multitasking confirming interactions and
relationships instantaneously. and accessibility. enhancing engagement.
Visual Perception: The Dominant Sense
Over 80% of information processing in humans is visual. Our eyes can distinguish millions of colors and detect motion in
milliseconds. Understanding visual perception is essential for effective interface design.
The human visual system has evolved to quickly identify patterns, detect changes, and focus attention on relevant
information—capabilities that designers must leverage thoughtfully.
Key Principles of Visual Perception
Contrast Sensitivity Color Perception
We perceive differences more easily than absolute Color is processed pre-attentively and conveys
values. High contrast between elements improves meaning instantly. However, 8% of males have color
readability and guides attention to important vision deficiencies, requiring careful color choices.
information.
Motion Detection Spatial Perception
Movement captures attention automatically through We naturally understand spatial relationships and
our peripheral vision. This makes animation powerful hierarchies. Proximity, alignment, and grouping create
but potentially distracting if overused. visual organization without explicit labels.
Gestalt Principles in Interface Design
Gestalt psychology reveals how humans perceive visual elements as
organized patterns rather than isolated components. These principles are
fundamental to creating intuitive layouts.
• Proximity: Elements close together are perceived as related groups
• Similarity: Similar elements are perceived as belonging together
• Continuity: Eyes follow continuous lines and patterns naturally
• Closure: Minds complete incomplete shapes automatically
• Figure-Ground: We distinguish objects from backgrounds
instinctively
Auditory Perception in Interfaces
Sound provides temporal information that vision cannot. Auditory cues
confirm actions, alert users to events, and convey urgency through tone
and rhythm.
Well-designed audio feedback reduces cognitive load by offloading
confirmation from the visual channel, allowing users to focus
attention elsewhere.
Design Considerations for Sound
Purposeful Distinguishable Controllable
Every sound should communicate Different sounds must be clearly Users must have volume control and
specific information—success, error, differentiated to avoid confusion and the ability to disable sounds for
notification, or progress. support quick recognition. accessibility and preference.
Haptic Feedback: Touch in Digital Spaces
The Power of Physical Response
Haptic feedback creates tangible connections between digital
actions and physical sensations. Vibrations, resistance, and texture
provide confirmation without requiring visual or auditory attention.
From mobile phone vibrations to game controller rumble, haptics
enhance immersion and improve interaction confidence.
Multimodal Perception
The most effective interfaces engage multiple senses simultaneously, creating redundant feedback channels that reinforce
understanding and accommodate diverse user preferences.
Visual + Auditory Visual + Haptic Auditory + Haptic
Notification systems combine visual alerts Touchscreens use vibration to confirm Accessibility features combine voice output
with sounds for reliable attention capture. button presses, mimicking physical with vibration patterns for non-visual
feedback. navigation.
CHAPTER 2
Attention: The Bottleneck of
Interaction
Attention is a limited cognitive resource. Understanding how users
allocate attention helps designers create interfaces that respect
cognitive constraints and guide focus effectively.
Types of Attention in HCI
Focused Attention Divided Attention
Concentrated effort on a single task or element. Enables Attempting to process multiple information streams
deep engagement but excludes other stimuli. simultaneously. Effectiveness decreases rapidly with
complexity.
Selective Attention Sustained Attention
Filtering relevant information from irrelevant distractions. Maintaining focus over extended periods. Declines over
Essential for navigating information-rich environments. time without breaks or engagement variation.
The Limits of Attention
Attention is Finite
Humans can consciously attend to only one demanding task at a
time. Multitasking is actually rapid task-switching, which reduces
performance and increases errors.
Interfaces that demand excessive attention create frustration and
cognitive overload, leading to mistakes and abandonment.
Pre-attentive Processing
Certain visual features are processed automatically before conscious attention, typically within 200-250 milliseconds.
Designers can leverage these features for instant communication.
Color Shape
Hue differences are detected instantly, making color Basic shapes like circles, squares, and triangles stand
ideal for categorization and highlighting. out immediately in uniform fields.
Size Motion
Size variations draw attention without requiring Movement captures attention automatically through
conscious processing or search effort. peripheral vision, even during focus elsewhere.
Designing for Attention
01 02 03
Minimize Distractions Establish Visual Hierarchy Chunk Information
Remove unnecessary elements that Use size, color, and position to guide Group related elements together to
compete for attention. Every element attention to the most important reduce the number of items requiring
should serve a clear purpose. information first. attention.
04 05
Provide Clear Focus Indicators Respect Attention Limits
Show users where their attention should be directed, Avoid demanding attention for non-critical notifications or
especially during keyboard navigation. updates during focused tasks.
CHAPTER 3
Memory: Retention and
Recall in Interfaces
Memory limitations profoundly impact how users interact with systems.
Effective design minimizes memory demands through recognition over
recall and consistent patterns.
Types of Memory in HCI
Sensory Memory Long-term Memory
Brief retention of sensory information (200-500ms). Permanent storage with vast capacity. Retrieval depends
Enables continuity of perception across eye movements on encoding quality, repetition, and meaningful
and interactions. associations.
1 2 3
Working Memory
Temporary storage for active processing (15-30
seconds). Extremely limited capacity of 4±1 chunks of
information.
Working Memory: The Cognitive Workspace
Working memory is where conscious thinking happens. It holds
information temporarily while we process, compare, and
manipulate it.
The famous "7±2 rule" has been revised to 4±1 chunks based on
modern research. This means users can actively maintain only 3-5
pieces of information simultaneously.
Interface designs that exceed working memory capacity force
users to constantly refresh their understanding, leading to errors
and frustration.
Reducing Memory Load
1 2
Recognition Over Recall Visible State
Show options rather than requiring users to remember Display current system status and available actions
commands or syntax. Menus are easier than command clearly. Users shouldn't need to remember what mode
lines. they're in.
3 4
Chunking Information Consistent Patterns
Group related items to reduce the number of distinct Reuse familiar conventions so users can apply existing
elements. Phone numbers use dashes to create knowledge rather than learning new behaviors.
memorable chunks.
Long-term Memory and Interface
Learning
Long-term memory stores knowledge, procedures, and experiences.
While its capacity is essentially unlimited, retrieval depends on how
information was encoded and how frequently it's accessed.
Interfaces become easier with practice as users build procedural
memory—the automatic knowledge of how to perform tasks without
conscious thought.
Supporting Long-term Memory
Meaningful Organization Progressive Disclosure
Structure information logically based on user mental Reveal complexity gradually as users build expertise,
models, not system architecture. preventing initial overwhelm.
Consistent Terminology Contextual Help
Use the same words for the same concepts throughout Provide assistance at the point of need to support
to strengthen memory associations. learning without interrupting flow.
CHAPTER 4
Cognitive Load: Managing
Mental Effort
Cognitive load refers to the total mental effort required to use an
interface. Effective design minimizes unnecessary load, preserving
cognitive resources for the user's actual goals.
Three Types of Cognitive Load
Extraneous Load
Unnecessary cognitive effort caused
by poor design. This is what
Intrinsic Load
designers must ruthlessly eliminate.
The inherent complexity of the task
itself. Cannot be eliminated, but can
be managed through task
Germane Load
decomposition.
Productive effort that builds
understanding and skill. Good design
maximizes this beneficial load.
Sources of Extraneous Cognitive Load
Design Problems That Increase Load
• Unclear navigation and hidden functions
• Inconsistent interaction patterns
• Excessive visual clutter and decoration
• Ambiguous labels and confusing terminology
• Forced memorization of complex procedures
• Lack of feedback on system state
• Multiple ways to accomplish the same task
Each of these problems forces users to expend mental effort on
fighting the interface rather than accomplishing their goals.
Strategies to Reduce Cognitive Load
Logical Information Architecture
Simplify Visual Design
Organize content according to user expectations and
Remove decorative elements that don't support task task flows, not internal system logic.
completion. Use whitespace to create breathing room.
Immediate Feedback
Clear Pathways
Confirm actions instantly so users don't waste cognitive
Make the next action obvious at every step. Users should resources wondering if something worked.
never wonder what to do next.
Cognitive Load in Practice
Every choice a designer makes affects cognitive load. The goal isn't
just to make interfaces pretty—it's to make them effortless to use by
aligning with how human cognition actually works.
CHAPTER 5
Mental Models: How Users
Think About Systems
A mental model is an internal representation of how something works.
Users develop mental models based on experience, which may or may
not match how systems actually function.
The Three Models in Interface Design
Implementation Model Design Model Mental Model
How the system actually works How designers intend the system to How users believe the system works.
internally. Built by engineers based be understood. The bridge between Based on experience, metaphors, and
on technical constraints. implementation and users. existing knowledge.
Success happens when the design model effectively translates implementation into something matching users' mental
models.
Characteristics of Mental Models
Incomplete Inconsistent
Users rarely understand complete system functionality. Mental models often contain contradictions that users
They develop simplified explanations that work for their don't notice until forced to confront them.
needs.
Unstable Based on Analogy
Details fade over time without practice. Users forget People understand new systems by comparison to
procedures and need to relearn periodically. familiar concepts—folders, desktops, trash cans.
Aligning Design with Mental Models
Learn Users' Existing Models
Research how users currently think about their tasks. What
metaphors do they use? What expectations do they bring?
Use Familiar Metaphors
Leverage real-world analogies that users already understand. The
desktop metaphor succeeded because it mapped to physical office
spaces.
Be Consistent
Once established, maintain the metaphor throughout. Mixed
metaphors create confusion and violated expectations.
When Mental Models Fail
Mismatches between mental models and system behavior lead to errors, frustration, and abandonment. Common failures include:
Hidden Complexity
Systems expose implementation details that users don't
understand and don't want to understand.
Broken Metaphors
Interface metaphors that don't fully match the real-world
concept they're based on create confusion about behavior.
Inconsistent Patterns
The same action produces different results in different
contexts, violating learned expectations.
Unclear Feedback
Users can't build accurate mental models without clear
information about what actions accomplish.
CHAPTER 6
User Expectations: Design Conventions and
Standards
Users develop expectations through experience with other systems. Violating these expectations—even with "better"
solutions—creates friction and requires additional learning.
Sources of User Expectations
Platform Conventions Web Standards
Operating systems establish standard behaviors for Universal patterns like blue underlined links,
buttons, menus, dialogs, and gestures that users hamburger menus, and search icons have become
expect consistently. expected across websites.
Domain Norms Prior Experience
Specific industries develop specialized conventions— Users expect your application to work like similar
medical, financial, educational interfaces have applications they've used before, especially market
distinct expectations. leaders.
The Power of Consistency
Internal Consistency
Patterns within your interface should be predictable. The same
action should work the same way everywhere in your system.
External Consistency
Your interface should match broader platform and industry
conventions. Innovation should enhance, not replace, familiar
patterns.
When to Break Conventions
Sometimes innovation requires violating expectations—but only when the benefits clearly outweigh the learning cost.
01 02
Identify the Limitation Design a Better Alternative
Clearly articulate why the convention fails to serve users' Create a solution that demonstrably improves the user
needs in your specific context. experience, not just something different.
03 04
Make It Learnable Test Extensively
Provide clear affordances and feedback so users can quickly Validate that users can learn and prefer your approach
understand the new pattern. through rigorous testing with real users.
CHAPTER 7
Human Limitations and
Design Implications
Humans have predictable limitations in perception, cognition, and motor
control. Rather than fighting these constraints, effective design
accommodates and works within them.
Perceptual Limitations
1 2 3
Limited Visual Acuity Color Blindness Aging Vision
Fine details become invisible at 8% of males and 0.5% of females Contrast sensitivity and color
distance or small sizes. Text have color vision deficiencies, most discrimination decline with age,
smaller than 9-10pt becomes commonly red-green confusion. along with ability to focus on near
difficult to read. objects.
Design Response: Use appropriate Design Response: Never rely on Design Response: Provide high
font sizes and ensure sufficient color alone to convey information. contrast, larger default text sizes,
contrast ratios for readability. Use shape, pattern, or text labels as and adjustable display settings.
well.
Cognitive Limitations
Attention Limits Decision Fatigue
Cannot consciously process multiple complex tasks Quality of decisions degrades after making many choices.
simultaneously. Divided attention reduces performance. Each choice consumes cognitive resources.
Design Response: Minimize distractions during critical tasks. Design Response: Reduce unnecessary choices. Provide
Avoid interrupting focused work with non-urgent smart defaults and progressive disclosure.
notifications.
Automation Bias
Working Memory Constraints
Over-reliance on automated systems can lead to
Can hold only 4±1 chunks of information in working memory complacency and failure to notice errors.
at once.
Design Response: Keep humans in the loop for critical
Design Response: Reduce memory demands through decisions with appropriate feedback.
recognition over recall and visible system state.
Motor Control Limitations
Physical interaction with interfaces is constrained by human motor
control capabilities, reaction time, and accuracy.
Fitts's Law Reaction Time
Time to reach a target Simple reactions take ~200ms
increases with distance and minimum. Complex decisions
decreases with target size. requiring thought take
Small, distant buttons are slow considerably longer.
and error-prone.
Fine Motor Control
Precise movements are difficult, especially on touch screens.
Tremors and limited dexterity affect many users.
Designing for Motor Limitations
1 2
Adequate Target Sizes Strategic Placement
Minimum 44x44 pixels for touch targets. Larger is better, Position frequently used controls in easily reachable
especially for frequently used actions. locations. Corners and edges are fastest to reach.
3 4
Forgiving Interactions Multiple Input Methods
Allow undo operations. Confirm destructive actions. Support keyboard, mouse, touch, and voice inputs to
Provide generous click/tap areas around targets. accommodate different abilities and preferences.
Accessibility as Universal Design
Designing for human limitations isn't just about accessibility
compliance—it creates better experiences for everyone. Curb cuts help
wheelchair users but also benefit parents with strollers and delivery
workers with carts.
Interfaces designed for those with the greatest limitations often work
better for all users. High contrast benefits everyone in bright sunlight.
Captions help in noisy environments. Large buttons are easier for
everyone to tap.
Key Design Principles from Human Factors
1 Work with human capabilities, not against 2 Minimize cognitive load at every
them opportunity
Design accommodates perceptual, cognitive, and Every unnecessary element, choice, or complexity
motor limitations rather than expecting users to makes interfaces harder to use.
overcome them.
3 Align with existing mental models and 4 Provide multiple channels of feedback and
expectations input
Leverage what users already know rather than forcing Redundant sensory information accommodates
them to learn new paradigms. different abilities and contexts of use.
Applying Human Factors in Practice
Research Phase Testing Phase
• Study users' existing mental models through interviews • Observe where users struggle with attention or memory
and observation • Identify mismatches between design model and mental
• Identify perceptual and cognitive constraints in your model
specific context • Test with users who have diverse abilities and constraints
• Document common user expectations from similar
systems
Iteration Phase
Design Phase
• Simplify based on cognitive load observations
• Create visual hierarchies that match attentional priorities • Adjust interaction patterns to match user expectations
• Improve accessibility to serve broader range of abilities
• Chunk information to reduce working memory demands
• Use familiar patterns and metaphors as starting points
Human-Centered Design:
The Foundation
Understanding human factors—perception, attention, memory,
cognitive load, mental models, and limitations—forms the essential
foundation for creating effective interfaces.
These principles aren't constraints that limit creativity. They're insights
that guide us toward designs that feel intuitive, effortless, and natural
because they align with how humans actually think and behave.
Key Takeaway: The goal of HCI is not to change humans to fit
technology, but to shape technology to fit humans. By deeply
understanding human capabilities and limitations, we create
interfaces that amplify human potential rather than frustrate it.