User interface (UI) design focuses on how a product looks and is laid out — buttons, colours, typography. User experience (UX) design focuses on how a product feels to use — is it intuitive, efficient, and satisfying? Good design follows principles like consistency (similar elements behave the same way throughout), simplicity (removing unnecessary clutter), and clarity (making interactive elements obviously clickable).
Example
A well-designed app puts its most important button (like "Submit") in a consistent, obvious place on every screen, uses recognisable icons, and avoids cluttering the screen with too many options at once — all of which reduce the mental effort needed to use it.
Key terms
UI (User Interface):
The visual layout and appearance of a product.
UX (User Experience):
How intuitive, efficient and satisfying a product feels to use.
Consistency:
Design elements behaving the same way throughout a product.
Questions
1. UI design focuses on:
How a product looks and is laid out
Only the code behind a product
Only marketing
Only pricing
2. UX design focuses on:
How a product feels to use
Only the colour scheme
Only the company logo
Only advertising
3. Consistency in design means:
Similar elements behave the same way throughout
Every screen looks completely different
Buttons randomly change function
Colours change every time you click
4. Simplicity in design means:
Removing unnecessary clutter
Adding as many features as possible to every screen
Making everything as complicated as possible
Using no colours at all
5. Clarity in design helps users:
Understand what is clickable or interactive
Get confused about what to do
Ignore the interface entirely
Avoid using the product
6. UI stands for:
User Interface
Universal Internet
User Information
Unified Interaction
7. UX stands for:
User Experience
Universal Exchange
User Extension
Unified Export
8. Why is consistency important across different screens of an app?
It means users don't have to relearn how things work on each screen
Consistency always makes apps boring and unusable
Users prefer every screen to work completely differently
Consistency has no effect on usability
9. A cluttered screen with too many options at once typically:
Makes a product harder and more confusing to use
Always improves the user experience
Has no effect on usability
Is the best practice for UI design
10. Placing the most important button in a consistent location across screens mainly helps:
Users find and use it quickly without searching
Confuse users intentionally
Slow down the app's performance
Remove the need for the button entirely
11. User-centred design means designers should prioritise:
What best serves the end user's needs
Only what looks visually impressive with no function
Ignoring how real people will use the product
Only the designer's personal preferences
12. Recognisable icons (like a trash can for delete) improve UX because they:
Let users quickly understand a function without reading text
Always confuse users more than plain text
Have no relationship to usability
Are only used for decoration
13. Why might a designer test a product with real users before launching it?
To identify usability problems that the design team might not notice themselves
User testing has no value in the design process
Only developers should ever test a product
Testing always guarantees zero problems
14. A confusing checkout process on a shopping app is primarily an example of:
Poor UX design
Good UI design
Excellent database design
A cybersecurity issue only
15. Why can a product have great UI (visually appealing) but still have poor UX?
Looking good doesn't guarantee the product is easy or satisfying to actually use
UI and UX always mean exactly the same thing
A visually appealing product is always easy to use
UX has no relationship to how a product functions
16. Why do UX designers often create user personas (fictional representative users) during the design process?
To help design decisions focus on real user needs and goals, not assumptions
Personas have no practical use in design
Personas are only used for marketing, never design
Every user is identical, so personas are unnecessary
17. A/B testing (showing two design versions to different user groups) helps UX designers by:
Providing real data on which design performs better with actual users
Always guaranteeing the more colourful design wins