Design Theory UX and UI Design Fundamentals 2 — Questions and Answers
Question 1: What is a 'user flow' in UX design?
- The speed at which a page loads
- The path a user takes through a product to complete a task (Correct answer)
- A streaming video in a UI
- The navigation bar at the top of a website
Correct answer: The path a user takes through a product to complete a task
A user flow maps the sequence of steps a user follows to complete a specific goal within a product.
Question 2: What is the difference between a prototype and a wireframe?
- They are exactly the same thing
- Wireframes are static structural layouts; prototypes simulate interactive behavior (Correct answer)
- Prototypes are lower fidelity than wireframes
- Wireframes are only used for mobile; prototypes for web
Correct answer: Wireframes are static structural layouts; prototypes simulate interactive behavior
Wireframes show static layout and structure; prototypes add interactivity to simulate real product behavior for testing.
Question 3: What is 'information architecture' in UX design?
- The physical layout of a design office
- Organizing and structuring content for easy navigation and understanding (Correct answer)
- The code architecture of a web app
- Using architectural metaphors in UI design
Correct answer: Organizing and structuring content for easy navigation and understanding
Information architecture (IA) is the practice of organizing, structuring, and labeling content to support usability and findability.
Question 4: What does WCAG stand for in digital design?
- Web Content Accessibility Guidelines (Correct answer)
- Web Color and Graphics Association
- Web Creative Agency Group
- Website Construction and Governance
Correct answer: Web Content Accessibility Guidelines
WCAG (Web Content Accessibility Guidelines) are international standards for making digital content accessible to people with disabilities.
Question 5: What is 'usability testing' in UX design?
- Checking if the code runs without bugs
- Observing real users attempting tasks to identify design problems (Correct answer)
- Testing a design on multiple devices for visual consistency
- A client review of the final design
Correct answer: Observing real users attempting tasks to identify design problems
Usability testing involves observing real users attempting tasks with a product to uncover friction points and design flaws.
Question 6: What is the 'hamburger menu' in mobile UI design?
- A fast-food-themed UI pattern
- A three-line icon that opens a hidden navigation menu (Correct answer)
- A menu featuring three levels of hierarchy
- A scrollable card-based layout
Correct answer: A three-line icon that opens a hidden navigation menu
The hamburger menu is a three-horizontal-line icon (☰) used in mobile design to hide and reveal navigation menus.
What is a 'user flow' in UX design?