MODULE 1

Introduction to HCI and Usability

Human-Computer Interaction (HCI) is the broad, interdisciplinary field studying
how people use and interact with technology, while Usability is a core goal and
measure within HCI, focusing specifically on how easy, effective, and satisfying a
system is for users to achieve their goals, encompassing aspects like learnability,
efficiency, and user satisfaction. HCI provides the "how" and "why," drawing from
psychology, design, and computer science, to build systems, while usability
provides the "how well," ensuring those systems are user-friendly and meet human
needs.
Human-Computer Interaction (HCI)
Definition: The study, design, and evaluation of interactive computing systems for
human use, bridging the gap between human cognitive abilities and computer
capabilities.
Goals: To create systems that are safe, efficient, effective, usable, accessible, and
appealing, improving user experience (UX).
Disciplines Involved: Computer Science, Psychology, Design, Engineering,
Human Factors, Cognitive Science.
Usability
Definition: A quality attribute that assesses how easy user interfaces are to use, as
defined by ISO 9241 as effectiveness, efficiency, and satisfaction in achieving
goals.
Key Principles (ISO 9241):
Effectiveness: Users can perform tasks accurately and completely.
Efficiency: Users can perform tasks quickly with minimal effort.
Satisfaction: The experience is pleasant and acceptable.
Usability Attributes: Learnability (ease for new users), Memorability (ease for
returning users), Error Prevention, and Satisfaction.
The Relationship
HCI is the umbrella field that seeks to understand users and design technology.
Usability is a primary outcome and evaluation metric of successful HCI.
You use HCI principles (like user research) to achieve high usability (easy-to-use
interfaces).
Application of HCI in different domains
It includes the design and development of application. These application includes
desktop application, websites and mobile apps. These application are used in
different domains it includes healthcare, banking, education, networking and many
more.
Health care
Patients have so many options now a days. They can buy medicines online and
book appointments with doctor just with the help of mobile application.
Augmented Reality(AR) and Virtual Reality(VR) are now transforming surgical
process, previously it was very risky. Now doctor can use 3D animations to
visualize the process. It can be used to train new surgeons.
Education
Now students can understand any concept more easily. There are so many
resources available on internet now a days. Class room teaching are now very
interesting with the help of smart classes. AR/VR can really help students to
visualize any concept very easily. Students have option to study online.
During COVID-19 students couldn't able to go outside their home. In this situation
they have option to study online.
Banking
Now common people don't need to wait in long queues of bank. They can get
banking solution right at their home using Net banking or Mobile banking. These
application also provides user a secure environment to avoid cyber crimes.
Networking
Networking is very easy now a days. It includes social media networking and
business networking. Now it is very easy for us to connect and share thoughts with
anyone. It streamlines the process of finding jobs.
Components of Interaction
The core components of Human-Computer Interaction (HCI) are the User,
the Task, the Interface, and the Context; they form a loop where users perform
tasks using interfaces within specific environments, all studied to create user-
friendly, efficient, and satisfying technology. Key elements within these
components include the user's goals, cognitive abilities, the interface's design
(input/output), the physical/social environment (context), and the system's
underlying functionality.
Core Components
The User: The individual or group interacting with the system, defined by their
needs, abilities (cognitive, physical), experience, and goals.
The Task: The specific goal or activity the user wants to achieve with the system,
driving the interaction.
The Interface (Tools/System): The bridge between user and computer, including
input devices (keyboard, touch), output (screen, audio), visual elements (icons,
layout), and overall system functionality.
The Context: The environment (physical, technological, social) where the
interaction occurs, influencing behavior and design choices (e.g., noise, workplace
politics, device type).
Key Principles & Elements within Components
Input/Output Channels: Humans perceive via sight, sound, touch; computers use
visual displays, audio, haptics (feedback).
Interaction Types: GUIs, command lines (CLIs), voice (VUIs), touch, and natural
(gestures).
Design Principles: Mapping, consistency, feedback, visibility, constraints,
affordances (clues to use), and mental models (user's understanding).
Organizational Factors: Workplace, training, and politics.
Usability & Accessibility: Ensuring ease of use, efficiency, safety, and access for
all users.
By understanding these interconnected components, HCI aims to design systems
that are usable, useful, and provide a positive user experience, making technology
more intuitive and effective.
Ergonomics Designing Interactive systems
Ergonomics in designing interactive systems is about fitting the system to the
human, optimizing comfort, efficiency, and safety by considering physical
(anthropometry, posture), cognitive (mental workload, perception), and
environmental factors (lighting, noise) to reduce fatigue, strain, and errors,
ensuring systems are usable, effective, and enjoyable for diverse users. It
integrates Human-Computer Interaction (HCI) principles to create user-centric
digital experiences, from workstation setups to interface layouts.
Key Aspects of Ergonomic Design:
Physical Ergonomics: Designing for the body's physical capabilities and
limitations.
Workstation Setup: Proper chair height, screen distance (65-75cm),
keyboard/mouse positioning for neutral wrists, back support.
Interface Controls: Size, placement, and feedback of buttons/controls to match
hand movements and reduce strain.
Device Design: Keyboards and mice that fit natural hand shapes.
Cognitive Ergonomics: Matching system design to human mental processes
(perception, memory, attention).
Information Display: Clear, organized, and perceptibly coded information (colors,
icons) to reduce cognitive load.
Simplicity & Consistency: Uniform interfaces and logical layouts reduce learning
curves and errors.
Feedback: Timely and clear responses to user actions.
Environmental Ergonomics: Adapting the surrounding conditions.
Lighting: Adjusting brightness to prevent eye strain.
Noise: Minimizing disruptive background noise.
Temperature/Humidity: Maintaining comfortable levels.
Goals in Interactive Systems:
Enhance Performance: Improve user speed and accuracy.
Reduce Effort/Fatigue: Minimize physical and mental strain, musculoskeletal
disorders, and eye fatigue.
Increase Satisfaction: Make systems more desirable and enjoyable.
Improve Safety: Prevent accidents and long-term health issues.
Application in Design:
Ergonomics guides the design of everything from software interfaces (intuitive
menus, color use) to physical devices (touchscreens, control panels) and
environments (VR setups, control rooms). It ensures technology serves human
needs, rather than forcing humans to adapt to poorly designed technology.

Understanding Users cognition and cognitive frameworks

Understanding user cognition involves studying mental processes (attention,
memory, perception, problem-solving) and applying cognitive frameworks
(like Mental Models, Dual Process Theory, or External Cognition) to design
intuitive systems that match how people think, reducing cognitive load and
improving usability by leveraging existing knowledge and simplifying complex
tasks. These frameworks help designers bridge the gap between system functions
and human capabilities for a better user experience.
Key Aspects of User Cognition
Attention: How users focus and filter information.
Perception: How users interpret sensory input from interfaces.
Memory: Short-term (working) vs. long-term, and the power of recognition over
recall.
Problem-Solving & Decision-Making: How users navigate challenges and make
choices.
Learning: How users acquire and internalize knowledge about systems.
Important Cognitive Frameworks
Mental Models: A user's internal, simplified understanding of how a system
works, built from experience; good design aligns with these.
Dual Process Theory (Systems 1 & 2): System 1 (fast, intuitive) for quick
decisions and System 2 (slow, deliberate) for complex problems; designs should
cater to both.
External Cognition: Views cognition as supported by external tools,
representations, and the environment, reducing internal memory load (e.g., clear
labels, intuitive layouts).
Norman's Theory of Action/Gulfs: Focuses on the "gulf of execution" (can I do
it?) and "gulf of evaluation" (did it work?) to create clear action cycles.
Why It Matters for Design (HCI/UX)
Intuitive Interfaces: Designs that leverage users' existing mental models feel
natural and easy to use.
Reduced Cognitive Load: Minimizing the mental effort required, especially for
memory and complex steps, makes systems more efficient.
Support for Limitations: Acknowledging human limits (like short-term memory)
helps create forgiving and effective designs.
Predicting Behavior: Frameworks help predict how users will react, allowing
designers to anticipate errors and support user goals.
User Centered approaches
User-Centered Approaches (UCA) in Human-Computer Interaction (HCI)
are design philosophies and processes that place the user at the core, focusing on
their needs, behaviors, and context to create usable, accessible, and satisfying
products, involving iterative research (interviews, testing), prototyping, and
continuous user feedback throughout the entire development lifecycle, ensuring the
product adapts to the user, not the other way around.
Core Principles
Focus on Users: Understand users' goals, tasks, environments, and limitations
(cognitive, physical) deeply.
Early & Continuous User Involvement: Engage real users from concept to
deployment via research, testing, and feedback.
Iterative Design: Cycle through design, prototype, test, and refine until usability
goals are met.
Holistic Experience: Consider the entire user journey and context, not just the
interface.
Data-Driven Decisions: Base choices on user research and testing data, not just
assumptions.
Accessibility: Design for a broad range of users, including those with disabilities.
Key Steps in a UCD Process
Understand Context & Users: Identify users, their needs, goals, and the
environment (e.g., age, tech skills, location).
Specify Requirements: Define detailed system requirements based on user needs
(features, usability).
Design Solutions: Create prototypes (sketches, wireframes, mockups) iteratively.
Evaluate Designs: Test prototypes with users to gather feedback and identify
issues.
Implement & Iterate: Develop the product, then continue evaluating and refining
it post-launch.
Techniques & Methods
User Research: Interviews, surveys, observations, contextual inquiry.
Prototyping: Low-fidelity (paper) to high-fidelity (interactive).
Usability Testing: Observing users interacting with the product to find pain
points.
Personas & Scenarios: Fictional user profiles and usage stories.
Task Analysis: Breaking down user tasks to understand steps and potential
difficulties.
Benefits
Increased usability, satisfaction, and adoption.
Reduced development costs by catching issues early.
Better accessibility for diverse users.
Products that truly solve real user problems.
Usability goals and measures, Universal Usability

Usability goals focus on Efficiency, Effectiveness, Learnability, Satisfaction, Error

Prevention, and Accessibility, measured by task time/errors (performance) or user
ratings (preference). Universal Usability extends this by aiming for designs usable
by all people (diverse abilities, tech, culture), requiring flexible, adaptive interfaces
that accommodate varied hardware, software, and user needs, ensuring broad
inclusion beyond typical users.

Usability Goals & Measures

These are the core objectives for making a product easy to use.
Efficiency: Minimize time/effort for tasks.
Measures: Task completion time, clicks/steps.
Effectiveness: Users successfully complete goals accurately.
Measures: Task success rate, accuracy.
Learnability: Easy for new users to learn.
Measures: Time to first successful task, ease of learning surveys.
Satisfaction: Positive user experience.
Measures: User satisfaction surveys, qualitative feedback.
Error Prevention & Recovery: Prevent mistakes, help users fix them.
Measures: Number/severity of errors, recovery time.
Consistency: Uniform design/behavior.
Measures: Heuristic evaluation, design audits (less quantitative).
Universal Usability
This concept broadens usability to include everyone, addressing vast user diversity
and technological differences.
Core Idea: Design products usable by the widest range of people, regardless of
age, ability, culture, or tech access.
Key Aspects:
Diversity: Accounts for physical, cognitive, cultural, and emotional differences.
Technology Variety: Supports different devices, software, and slow network
speeds.
Adaptability: Interfaces that transform to fit user needs (e.g., high contrast,
keyboard access).
Goals: Make services accessible to over 90% of all households, bridging
knowledge gaps.
How: Involving diverse users in design, focusing on flexibility, control, and error
tolerance.
Key Difference
Usability: How well a user can use a product.
Universal Usability: How well all diverse users can use a product
across all contexts.
Diverse Cognitive and Perceptual abilities
Diverse cognitive and perceptual abilities in HCI involve how users perceive (see,
hear, feel) and cognitively process (attend, remember, learn, decide) information
from interfaces, crucial for designing systems that match human strengths like
selective attention and memory (short-term/working, long-term) while managing
cognitive load, accommodating diverse users (age, ability), and supporting
processes like problem-solving to create intuitive, efficient, and accessible
experiences.
Key Perceptual Abilities in HCI
Sensing: Using sight (visual hierarchy, icons), hearing, touch to take in interface
data.
Interpretation: Making sense of sensory input (e.g., recognizing a button).
Proprioception: Sense of body position, influencing physical interaction.
Key Cognitive Abilities & Processes in HCI
Attention: Focusing on relevant parts, filtering distractions (e.g., visual salience).
Memory:
Sensory Memory: Brief storage of raw sensory data.
Working/Short-Term Memory: Holding information for immediate use (limited
capacity).
Long-Term Memory: Storing knowledge and patterns (schemas).
Learning: Acquiring skills to use the interface.
Problem-Solving & Decision-Making: Navigating, troubleshooting, choosing
actions.
Designing for Diversity & Load
Cognitive Load: Balancing task difficulty (intrinsic) with interface complexity
(extraneous) to avoid overload.
User Diversity: Designing for varying ages, cultures, physical/cognitive strengths
(e.g., motor skills, memory differences).
Mental Models: How users mentally structure the system, influenced by prior
experience.
Practical HCI Applications
Usability Testing: Using methods like cognitive walkthroughs to see if new users
can perform tasks.
Information Architecture: Organizing content logically to aid memory and
attention.
Feedback & Cues: Providing clear visual/auditory signals to guide users.
Personality differences, Cultural and International diversity
Personality differences, cultural diversity, and international variations interact
significantly, showing that while basic traits (like the Big Five) have universal
elements, their expression, emphasis, and even prevalence are shaped by culture,
leading to different values (individualism vs. collectivism), communication styles
(direct vs. indirect), and regional clusters (e.g., friendly Midwest vs. creative West
in the US). International diversity brings these variations together, highlighting
how cultural backgrounds influence how people see the world, behave in groups,
and express emotions, impacting everything from work to relationships.
Key Interactions & Examples:
Individualism vs. Collectivism: Western cultures often emphasize independence
(individualism), leading to more competitive, self-reliant traits, while many
Asian/African/South American cultures value group harmony (collectivism),
fostering empathy and group focus (allocentric traits).
The Big Five in Cultures: Traits like Openness, Conscientiousness, Extraversion,
Agreeableness, and Neuroticism appear globally, but their intensity differs; for
example, Europeans might score higher on Neuroticism, while East Asians score
lower on Extraversion.
Regional Clusters: Even within a single country like the U.S., distinct personality
clusters exist (e.g., creative West, friendly South/Midwest, stressed Northeast).
Cultural Values & Traits: Hofstede's dimensions show links, like higher Power
Distance correlating with more Conscientiousness and less Agreeableness, and
Individualism with Extraversion, demonstrating culture's effect on traits.
Communication Styles: Directness (saying "no") versus indirectness (saying
"maybe") varies, creating potential misunderstandings across cultures.
Impact of International Diversity:
Rich "Stew": Diverse nations become richer mixes of traditions, languages, and
perspectives, influencing national character.
Workplace Dynamics: Globalized workplaces see people from varied
backgrounds, requiring understanding of different cultural approaches to tasks,
hierarchy, and self-expression.
Universal vs. Specific: While core personality aspects are universal, culture
shapes their expression, leading to unique cultural syndromes (like "tightness") and
variations in how traits manifest.
Users with disabilities- Older Adult users and Children
In Human-Computer Interaction (HCI), designing for older adults and children
involves addressing specific physical, cognitive, and social needs, moving beyond
deficits to focus on empowerment, using inclusive methods like large fonts/high
contrast for seniors and simpler interfaces for kids, while recognizing children's
unique learning curves and older adults' varied abilities (e.g., vision/hearing loss,
motor changes), often through adaptive technologies and user-centered research.
Older Adults in HCI
Challenges: Age-related decline in vision (contrast sensitivity), hearing, fine motor
skills (arthritis, tremor), memory, and processing speed.
Design Solutions:
Visual: High contrast, large fonts, simple layouts, customizable text sizes.
Motor: Larger touch targets, simple gestures, voice control, stylus support.
Cognitive: Clear, consistent navigation, fewer steps, reduced cognitive load.
Social: Affective computing for loneliness, family-managed remote features (e.g.,
photo frames).
Research Focus: Moving from deficit-based models to inclusive, empowering
designs, involving them as co-designers.
Children in HCI
Challenges: Developing motor control, attention, literacy, and understanding
abstract concepts; varying cognitive levels.
Design Solutions:
Interaction: Gesture, touch, voice, and gaze tracking.
Content: Interactive, game-based, age-appropriate, often using simplified
interfaces.
Accessibility: Text-to-speech, alternative communication (AAC) devices for
diverse needs.
Research Focus: Creating playful, engaging, and developmentally appropriate
interfaces that foster learning and exploration.
Disabilities (General HCI Considerations)
Inclusive Design: Techniques like text-to-speech, scanning, haptics, and eye-
tracking benefit a wide range of users, including seniors and children, creating
"curb cuts" for digital accessibility.
Adaptation: Interfaces that adapt to individual contexts and user abilities (e.g.,
personalized care technology) are crucial.
Research Gap: While HCI helps, more evidence is needed on the actual long-term
impact of these technologies for people with disabilities, guiding future research
toward more equitable access.
Guidelines, Principles and Theories
Guidelines, principles, and theories provide frameworks for designing usable,
effective, and enjoyable digital experiences, focusing on user-centered
design, consistency, feedback, error prevention, user control, and reducing
cognitive load. Key theories involve understanding user psychology (like Norman's
Affordances), while established principles (like Shneiderman's Golden Rules,
Nielsen's Heuristics) offer actionable rules, guiding designers to create intuitive
systems for diverse users, making them easy to learn, efficient, and satisfying.
Key Principles & Guidelines
Consistency & Standards: Use similar elements and actions throughout the
interface to reduce learning.
Visibility of System Status: Keep users informed about what's happening
(feedback).
Match System & Real World: Use familiar language and concepts.
User Control & Freedom: Allow users to undo actions and exit easily.
Error Prevention & Handling: Design to stop errors, and when they happen,
make recovery simple.
Recognition over Recall: Make options visible; don't force users to remember
information.
Flexibility & Efficiency: Support novice and expert users with shortcuts and
customizability.
Aesthetic & Minimalist Design: Focus on essential information, avoiding clutter.
Support for Memory: Reduce short-term memory load (e.g., by grouping related
items).
Foundational Theories & Concepts
Cognitive Load Theory: Minimizing mental effort for users.
Norman's Design Principles: Emphasizing discoverability, feedback, and
conceptual models (e.g., affordances, signifiers).
Shneiderman's Golden Rules: Actionable rules for interface design.
Nielsen's Heuristics: Ten usability principles for heuristic evaluation (e.g., user
control, consistency, error prevention).
Information Foraging Theory: How users seek information (like birds foraging
for food).
Goals of HCI & Usability
Effectiveness: Can users achieve their goals?
Efficiency: How quickly can they do it?
Learnability: How easy is it to learn and re-learn?
Memorability: Can users remember how to use it after time away?
Satisfaction: Is the experience pleasant and rewarding?
Accessibility: Can users with disabilities use it?