UX Design 4 — Questions and Answers
Question 1: What is a 'design token' in the context of design systems?
- A license key for design software
- A named variable storing design values like colors and spacing (Correct answer)
- A type of user research artifact
- An interactive prototype element
Correct answer: A named variable storing design values like colors and spacing
Design tokens are named entities that store visual design attributes (like color or spacing values) so they can be shared across platforms consistently.
Question 2: When evaluating contrast ratios for accessibility, what minimum ratio does WCAG AA require for normal body text?
- 2:1
- 3:1
- 4.5:1 (Correct answer)
- 7:1
Correct answer: 4.5:1
WCAG AA requires a minimum contrast ratio of 4.5:1 for normal-sized text to ensure readability for users with low vision.
Question 3: What does 'negative space' (white space) accomplish in UI design?
- Reduces the amount of content visible
- Improves readability and focuses attention on key elements (Correct answer)
- Decreases loading speed
- Limits color usage
Correct answer: Improves readability and focuses attention on key elements
Negative space separates elements and reduces visual noise, making layouts easier to scan and key content easier to find.
Question 4: Which layout pattern places the most important content and navigation at the top-left of the screen?
- Z-pattern
- F-pattern (Correct answer)
- Radial layout
- Card layout
Correct answer: F-pattern
The F-pattern reflects how users scan text-heavy pages, focusing on the top and left side before skimming down the left margin.
Question 5: A designer is creating an e-commerce checkout flow. Which approach best reduces cart abandonment?
- Add more product recommendations during checkout
- Use a multi-step form with progress indicators (Correct answer)
- Display all form fields on a single scrollable page
- Remove the back button to commit users
Correct answer: Use a multi-step form with progress indicators
A multi-step checkout with progress indicators reduces overwhelm and helps users understand where they are in the process.
Question 6: What is the primary difference between UX design and UI design?
- UX is for web, UI is for mobile
- UX focuses on the overall experience and flow; UI focuses on visual and interactive elements (Correct answer)
- UI designers conduct user research; UX designers code
- They are identical disciplines
Correct answer: UX focuses on the overall experience and flow; UI focuses on visual and interactive elements
UX design addresses the entire user journey and problem-solving, while UI design focuses on the look, feel, and interactive details of the interface.
Question 7: In Figma, what is the purpose of 'auto layout'?
- It automatically generates color palettes
- It creates frames that resize dynamically based on content (Correct answer)
- It writes CSS code for developers
- It conducts accessibility audits
Correct answer: It creates frames that resize dynamically based on content
Auto layout in Figma allows frames to grow or shrink automatically as content changes, making responsive design and component creation more efficient.
UX Design 4
What is a 'design token' in the context of design systems?