Mobile App Design Mobile App Design MCQ 4 — Questions and Answers
Question 1: A designer is choosing between a modal dialog and a bottom sheet to confirm a destructive action. Which is more appropriate and why?
- Bottom sheet, because it is less disruptive to the flow
- Modal dialog, because it demands attention and blocks background interaction (Correct answer)
- Inline alert, because it keeps the user in context
- Toast notification, because it auto-dismisses after confirmation
Correct answer: Modal dialog, because it demands attention and blocks background interaction
A modal dialog is appropriate for destructive or critical confirmations because it interrupts the flow and requires an explicit decision before proceeding.
Question 2: What is 'content-first' design in mobile app development?
- Designing the database schema before the UI
- Starting design with real content to shape layout and hierarchy decisions (Correct answer)
- Showing a content loading screen before the main UI renders
- Prioritizing text content over images to reduce data usage
Correct answer: Starting design with real content to shape layout and hierarchy decisions
Content-first design uses actual content—not lorem ipsum—to guide layout, typography, and hierarchy decisions from the start.
Question 3: Which of the following is a key characteristic of a 'flat design' visual style in mobile apps?
- Heavy use of drop shadows and bevels to simulate 3D surfaces
- Minimalistic UI with little to no use of gradients or shadows (Correct answer)
- Extensive use of photorealistic textures and skeuomorphic elements
- Blurred background layers beneath floating content
Correct answer: Minimalistic UI with little to no use of gradients or shadows
Flat design removes decorative effects like shadows and gradients, using solid colors, simple shapes, and clear typography instead.
Question 4: When should a designer use a 'snackbar' (toast notification) instead of an alert dialog?
- When the action is irreversible and critical
- When communicating a brief, non-critical message that doesn't require user input (Correct answer)
- When displaying a list of error messages after a form submission
- When asking the user to grant a sensitive permission
Correct answer: When communicating a brief, non-critical message that doesn't require user input
Snackbars communicate brief, low-priority messages and auto-dismiss, making them ideal for confirmations like 'Message sent' that need no response.
Question 5: What does 'responsive design' mean specifically in the context of a mobile app (not a website)?
- The app responds to API calls within 200ms
- The layout adapts to different screen sizes, orientations, and densities (Correct answer)
- The app uses server-side rendering for faster initial load
- The UI animates in response to every user interaction
Correct answer: The layout adapts to different screen sizes, orientations, and densities
Responsive mobile design means the app's layout and content reflow correctly across different device sizes, pixel densities, and orientations (portrait/landscape).
Question 6: What is the purpose of using 'empty states' in a mobile app?
- To display a loading spinner when data is unavailable
- To guide users on what to do when no content exists yet (Correct answer)
- To indicate the app has crashed and needs to be restarted
- To show a privacy policy before the user can proceed
Correct answer: To guide users on what to do when no content exists yet
Empty states inform users why no content appears and provide a clear call-to-action to help them populate the screen or understand next steps.
Question 7: In user interface design, what does 'visual hierarchy' primarily control?
- The order in which screens appear in the app navigation
- The relative importance of elements communicated through size, color, and placement (Correct answer)
- The z-index layering of overlapping UI components
- The sequence in which animations play during a screen transition
Correct answer: The relative importance of elements communicated through size, color, and placement
Visual hierarchy guides the user's eye by using size, color, contrast, and spacing to signal which elements are most important.
Mobile App Design Mobile App Design MCQ 4
A designer is choosing between a modal dialog and a bottom sheet to confirm a destructive action.
Which is more appropriate and why?