Mobile App Design UI Design Principles & Visual Hierarchy 1 — Questions and Answers
Question 1: Which design principle states that elements close to each other are perceived as a group?
- Similarity
- Proximity (Correct answer)
- Continuity
- Closure
Correct answer: Proximity
The Gestalt principle of proximity holds that objects near each other are visually grouped together by users.
Question 2: What is the recommended minimum touch target size for interactive elements in mobile apps according to Apple's Human Interface Guidelines?
- 24x24 pt
- 44x44 pt (Correct answer)
- 32x32 pt
- 60x60 pt
Correct answer: 44x44 pt
Apple's HIG recommends a minimum touch target of 44x44 points to ensure comfortable and accurate tapping.
Question 3: Which color contrast ratio does WCAG 2.1 AA require for normal text on a mobile interface?
- 2:1
- 3:1
- 4.5:1 (Correct answer)
- 7:1
Correct answer: 4.5:1
WCAG 2.1 Level AA requires a minimum contrast ratio of 4.5:1 for normal-sized text.
Question 4: In mobile typography, what is the primary purpose of establishing a type scale?
- To limit font file sizes
- To create consistent visual hierarchy across screens (Correct answer)
- To comply with app store requirements
- To reduce rendering time
Correct answer: To create consistent visual hierarchy across screens
A type scale creates a harmonious set of font sizes that guide users through content hierarchy consistently.
Question 5: Which layout grid system is most commonly used in mobile app design to maintain consistent spacing?
- 12-column grid
- 8pt grid system (Correct answer)
- Golden ratio grid
- Fibonacci grid
Correct answer: 8pt grid system
The 8pt grid system uses multiples of 8 for spacing and sizing, producing clean layouts across different screen densities.
Question 6: What does 'visual weight' refer to in mobile UI design?
- The file size of UI assets
- How much an element draws the user's attention relative to others (Correct answer)
- The physical dimensions of a device
- The load time of a screen
Correct answer: How much an element draws the user's attention relative to others
Visual weight describes how strongly an element attracts the eye based on size, color, contrast, and placement.
Mobile App Design UI Design Principles & Visual Hierarchy 1
Which design principle states that elements close to each other are perceived as a group?