Human-Computer Interaction

Intermediate

Human-Computer Interaction (HCI) is a multidisciplinary field that studies how people design, evaluate, and interact with computer systems and technologies. Drawing from computer science, cognitive psychology, design, and social sciences, HCI focuses on understanding the relationship between human users and the digital systems they use. The field examines everything from the physical ergonomics of input devices to the cognitive processes involved in navigating complex software interfaces, with the ultimate goal of creating technology that is effective, efficient, and satisfying to use.

The origins of HCI trace back to the 1980s, when personal computing began placing interactive systems into the hands of everyday users rather than trained specialists. Pioneering researchers such as Stuart Card, Thomas Moran, and Allen Newell developed foundational models like the GOMS (Goals, Operators, Methods, and Selection rules) framework to predict and evaluate user performance. The field expanded significantly with the rise of graphical user interfaces, the World Wide Web, and mobile computing, each new paradigm demanding fresh approaches to design and evaluation. Landmark contributions like Ben Shneiderman's Eight Golden Rules and Jakob Nielsen's usability heuristics became essential guides for practitioners.

Today, HCI encompasses a vast range of topics including user experience (UX) design, accessibility, natural language interfaces, gesture-based interaction, virtual and augmented reality, and ethical considerations in algorithm-driven systems. Modern HCI researchers employ methods ranging from controlled laboratory experiments and eye-tracking studies to ethnographic field research and large-scale A/B testing. As computing becomes increasingly embedded in everyday objects through the Internet of Things and as artificial intelligence reshapes how users interact with systems, HCI remains a critical discipline for ensuring that technology serves human needs, values, and capabilities.

Practice a little. See where you stand.

Ready to practice?5 minutes. No pressure.

Take the Quiz Learn First

Quiz

Reveal what you know — and what needs work

Adaptive Learn

Responds to how you reason, with real-time hints

Start here

Flashcards

Build recall through spaced, active review

Cheat Sheet

The essentials at a glance — exam-ready

Glossary

Master the vocabulary that unlocks understanding

Learning Roadmap

A structured path from foundations to mastery

Book

Deep-dive guide with worked examples

Key Concepts

The extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency, and satisfaction in a specified context of use, as defined by ISO 9241.

Example

A banking app that allows users to transfer funds in three taps with clear confirmation messages demonstrates high usability, while one requiring users to navigate seven menus and remember account codes does not.

An iterative design framework in which the needs, wants, and limitations of end users are given extensive attention at each stage of the design process, from requirements gathering through prototyping and evaluation.

Example

A hospital designing a new electronic health records system interviews nurses, doctors, and administrative staff to understand their workflows before writing any code, then tests prototypes with those same users.

A property of an object or interface element that suggests how it can be used. Originally coined by psychologist James Gibson and adapted for design by Don Norman, affordances signal possible actions to the user.

Example

A button that appears raised and three-dimensional on a screen affords clicking, while a flat line of text with no visual cue does not clearly afford interaction even if it is technically clickable.

An internal representation that a user holds about how a system works. When a user's mental model matches the system's actual behavior, interaction is intuitive; mismatches lead to errors and frustration.

Example

Users expect that dragging a file to the trash icon will delete it. If a system instead archives the file when dragged to trash, the mismatch between the mental model and actual behavior causes confusion.

A usability inspection method in which evaluators examine an interface and judge its compliance with recognized usability principles (heuristics), such as Jakob Nielsen's ten usability heuristics.

Example

A UX team reviews a new e-commerce checkout flow against Nielsen's heuristics and identifies that the system lacks clear error messages when a credit card number is entered incorrectly, violating the 'help users recognize, diagnose, and recover from errors' heuristic.

The design of products, devices, services, or environments so that they are usable by people with the widest range of abilities, including those with visual, auditory, motor, or cognitive disabilities.

Example

A website provides alt text for all images, supports keyboard-only navigation, and uses sufficient color contrast ratios so that users with screen readers or color vision deficiencies can fully interact with the content.

The practice of designing interactive digital products, environments, systems, and services with a focus on how users will interact with them, encompassing the behavior and responses of the system over time.

Example

When designing a music streaming app, an interaction designer specifies that swiping left on a song should add it to a queue, with a smooth animation and a brief confirmation toast providing feedback.

The total amount of mental effort being used in working memory during interaction with a system. Interfaces that impose excessive cognitive load lead to errors, slower performance, and user fatigue.

Example

A tax preparation tool that presents all 50 fields on a single page overwhelms users with cognitive load, whereas a wizard-style interface that groups related fields across sequential steps reduces the mental burden.

The overall experience a person has when interacting with a product or system, encompassing not only usability but also emotional responses, perceived value, and the broader context of use before, during, and after interaction.

Example

Two flight booking websites may have identical functionality, but one that provides clear progress indicators, reassuring confirmations, and a visually pleasing design delivers a superior user experience.

One concept at a time.

Explore your way

Choose a different way to engage with this topic — no grading, just richer thinking.

Explore your way — choose one:

Explore with AI →

Curriculum alignment— Standards-aligned

Grade level

Grades 9-12College+

Learning objectives

•Apply usability heuristics and cognitive load theory to evaluate and improve user interface designs across platforms
•Design user research studies using contextual inquiry, think-aloud protocols, and A/B testing for evidence-based design decisions
•Analyze accessibility standards including WCAG guidelines and assistive technology requirements to create inclusive digital experiences
•Evaluate emerging interaction paradigms including voice interfaces, gesture recognition, and augmented reality for user experience innovation

Recommended Resources

This page contains affiliate links. We may earn a commission at no extra cost to you.

Books

The Design of Everyday Things

by Don Norman

Don't Make Me Think

by Steve Krug

About Face: The Essentials of Interaction Design

by Alan Cooper, Robert Reimann, David Cronin, and Christopher Noessel

Designing the User Interface: Strategies for Effective Human-Computer Interaction

by Ben Shneiderman, Catherine Plaisant, Maxine Cohen, Steven Jacobs, and Niklas Elmqvist

The Elements of User Experience

by Jesse James Garrett

Courses