Mobile App Design Mobile App Design 4 â Questions and Answers
Question 1: What is the purpose of 'safe area insets' in iOS mobile design?
- To define the minimum padding between UI elements
- To avoid placing critical content behind the notch, home indicator, or status bar (Correct answer)
- To restrict touch input to a defined region of the screen
- To create a buffer zone between ads and organic content
Correct answer: To avoid placing critical content behind the notch, home indicator, or status bar
Safe area insets define regions where content won't be obscured by hardware features like the notch or the home indicator bar.
Question 2: Which of the following best describes 'atomic design' as applied to mobile UI component libraries?
- Building each screen independently without reusing components
- A methodology that breaks UI into atoms, molecules, organisms, templates, and pages (Correct answer)
- Designing for the smallest screen size first, then scaling up
- Using single-color flat icons throughout the interface
Correct answer: A methodology that breaks UI into atoms, molecules, organisms, templates, and pages
Atomic design structures UI components hierarchically from basic atoms (buttons, labels) up to full page templates.
Question 3: In a mobile app, what is the main advantage of using vector icons over raster images?
- Vector icons load faster from a CDN
- Vector icons scale to any resolution without pixelation (Correct answer)
- Raster images are not supported on Android
- Vector icons support animation by default
Correct answer: Vector icons scale to any resolution without pixelation
Vector icons are resolution-independent, ensuring crisp rendering on all screen densities from standard to high-DPI displays.
Question 4: What user research method involves observing users interact with a prototype to identify usability issues?
- Heuristic evaluation
- Moderated usability testing (Correct answer)
- Card sorting
- A/B testing
Correct answer: Moderated usability testing
Moderated usability testing has a facilitator observe and ask follow-up questions as participants complete tasks with a prototype.
Question 5: Which layout strategy ensures a mobile UI adapts fluidly to different screen sizes without fixed breakpoints?
- Fixed-width grid
- Fluid/flexible grid with percentage-based columns (Correct answer)
- Pixel-perfect layout locked to 375pt width
- 12-column grid with fixed 8pt gutters
Correct answer: Fluid/flexible grid with percentage-based columns
A fluid grid uses percentage-based column widths so the layout stretches or compresses proportionally across screen sizes.
Question 6: What is 'dark pattern' in mobile app UX design?
- Using dark mode color themes to improve readability
- A UI trick that manipulates users into unintended actions that benefit the business (Correct answer)
- The process of shadowing background elements behind a modal
- Designing high-contrast interfaces for accessibility
Correct answer: A UI trick that manipulates users into unintended actions that benefit the business
Dark patterns are deceptive UI techniquesâlike hidden unsubscribe buttons or confusing togglesâthat trick users into actions they didn't intend.
Question 7: What does 'density-independent pixel' (dp or dip) achieve on Android devices?
- It locks the layout to a 160 dpi baseline so elements appear the same physical size across different screen densities (Correct answer)
- It compresses images to save storage space on the device
- It defines the number of pixels per inch for the display hardware
- It sets a minimum font size for accessibility compliance
Correct answer: It locks the layout to a 160 dpi baseline so elements appear the same physical size across different screen densities
dp units abstract physical pixels so that a 48dp button appears the same physical size on both low-density and high-density Android screens.
Mobile App Design Mobile App Design 4
What is the purpose of 'safe area insets' in iOS mobile design?