User Interface
Also known as: UI, graphical user interface, GUI
The visual elements and interaction methods through which a user communicates with a computing system — including buttons, menus, text fields, and layout. Users judge software by its interface.
💡 Intuition
The UI is everything the user sees and touches. A good UI makes the software feel easy and intuitive; a bad UI makes even simple tasks frustrating.
Core Idea
Good UI design follows principles of clarity, consistency, and feedback. The user should always know what's happening and what they can do next.
🔬 Example
🎯 Why It Matters
Users judge software by its interface. Powerful features are worthless if users can't find or understand them.
⚠️ Common Confusion
UI (what it looks like) is not the same as UX (how it feels to use). A beautiful UI can still be frustrating to use.
Related Concepts
Prerequisites
Next Steps
How User Interface Connects to Other Ideas
To understand user interface, you should first be comfortable with input output. Once you have a solid grasp of user interface, you can move on to accessibility.
Go Deeper
Frequently Asked Questions
What is User Interface in CS Thinking?
The visual elements and interaction methods through which a user communicates with a computing system — including buttons, menus, text fields, and layout.
Why is User Interface important?
Users judge software by its interface. Powerful features are worthless if users can't find or understand them.
What do students usually get wrong about User Interface?
UI (what it looks like) is not the same as UX (how it feels to use). A beautiful UI can still be frustrating to use.
What should I learn before User Interface?
Before studying User Interface, you should understand: input output.