UX and Interface Design
The concepts behind designing interfaces that people can actually use — from visual fundamentals to accessibility and usability testing.
- Reading time
- ~15 min (+9 min optional)
- Level mix
- 8 beginner · 1 intermediate
A user interface is a contract between software and the people who use it. Get it right and the software feels obvious; get it wrong and users blame themselves for the designer’s mistakes. This path covers the foundational ideas: what makes an interface good, how to design for all users, how to build a coherent visual language at scale, and how to test whether your design actually works.
It’s aimed at engineers who touch frontend code and want a vocabulary for the design decisions they encounter, as well as designers who want a structured way into the field.
Roadmap
Loading progress...
What interfaces are
The surface where a person and a computer meet — what users see, touch, hear, and act on.
The discipline of shaping how a person feels and what they can do when using a product, system, or service.
A user interface built from visual elements you point at and manipulate — windows, icons, menus, pointers — as opposed to typing commands.
A text-based user interface where you type commands and read text output — small, fast, scriptable, and the default for system administration and development.
Designing for everyone
Designing software that people with diverse abilities — visual, auditory, motor, cognitive — can use effectively.
Designing at scale
A shared, documented set of reusable UI components, patterns, and guidelines that keeps a product's interface consistent and lets teams build faster.
- Usability TestingOptional
Watching real people attempt real tasks with a product to discover where they struggle — the most direct way to find out whether a design actually works.
Input and interaction
- Touch InterfaceOptional
An interface operated by touching the screen directly with fingers — using taps, swipes, and gestures instead of a mouse and keyboard — the dominant way people interact with phones and tablets.
- Keyboard ShortcutOptional
A key combination that triggers a command directly, letting experienced users work faster than navigating menus — a classic trade-off between discoverability and efficiency.