Mobile App Design Mobile App Design 5 — Questions and Answers
Question 1: Which type of mobile navigation pattern hides menu items behind a hamburger icon, expanding them on tap?
- Tab bar navigation
- Drawer navigation (Correct answer)
- Segmented control
- Pagination dots
Correct answer: Drawer navigation
Drawer navigation (often triggered by a hamburger icon) slides in a panel of navigation options from the side of the screen.
Question 2: In mobile typography, what is 'dynamic type' (iOS) primarily designed to support?
- Animating text during screen transitions
- User-defined text size preferences for improved accessibility (Correct answer)
- Automatically selecting the best font weight for the screen brightness
- Generating placeholder text in design prototypes
Correct answer: User-defined text size preferences for improved accessibility
Dynamic Type allows users to set a preferred text size in iOS Settings, and apps that adopt it scale their fonts accordingly.
Question 3: What is 'feature creep' and why is it harmful in mobile app design?
- A bug where features appear at random locations on screen
- The gradual addition of unplanned features that complicate the UX and bloat the app (Correct answer)
- A technique to reveal advanced features to power users over time
- An animation style that makes new features visually prominent
Correct answer: The gradual addition of unplanned features that complicate the UX and bloat the app
Feature creep results from continuously adding features beyond the core use case, which clutters the UI and degrades the user experience.
Question 4: Which usability heuristic (Nielsen) states that users should not have to wonder whether different words, situations, or actions mean the same thing?
- Error prevention
- Consistency and standards (Correct answer)
- Recognition rather than recall
- Aesthetic and minimalist design
Correct answer: Consistency and standards
Nielsen's 'Consistency and standards' heuristic means that platform conventions and terminology should be uniform so users don't face ambiguity.
Question 5: When designing an empty state for a mobile app, what is the best practice?
- Show a blank white screen to minimize distractions
- Provide an illustration, a brief explanation, and a clear call-to-action to guide the user (Correct answer)
- Display a loading spinner until content is available
- Redirect the user automatically to the settings screen
Correct answer: Provide an illustration, a brief explanation, and a clear call-to-action to guide the user
A well-designed empty state uses visuals and a CTA to orient users and encourage them to take the next step rather than feeling lost.
Question 6: What is the main goal of conducting a 'cognitive walkthrough' during mobile app design evaluation?
- To measure app performance under heavy load
- To evaluate whether a new user can intuitively complete tasks by stepping through the UI as a novice would (Correct answer)
- To document all possible user flows for developer handoff
- To assess the visual consistency of the design system
Correct answer: To evaluate whether a new user can intuitively complete tasks by stepping through the UI as a novice would
A cognitive walkthrough simulates a new user's thought process step-by-step to identify where they might get confused or stuck.
Question 7: Which approach best reduces 'form abandonment' on a mobile checkout or sign-up flow?
- Adding more fields to collect comprehensive data upfront
- Breaking the form into multiple short steps with a progress indicator (Correct answer)
- Using CAPTCHA on every field to prevent bot submissions
- Displaying all validation errors only after the user submits the form
Correct answer: Breaking the form into multiple short steps with a progress indicator
Multi-step forms with progress indicators lower cognitive load per screen and show users how much is left, reducing abandonment.
Mobile App Design Mobile App Design 5
Which type of mobile navigation pattern hides menu items behind a hamburger icon, expanding them on tap?