Mobile App Design Mobile App Design MCQ 2 — Questions and Answers
Question 1: Which gesture is most appropriate for revealing a hidden navigation drawer in a mobile app?
- Double tap
- Swipe from the left edge (Correct answer)
- Pinch inward
- Long press anywhere
Correct answer: Swipe from the left edge
Swiping from the left edge is the standard gesture to reveal a navigation drawer, as established by Android Material Design guidelines.
Question 2: What is 'progressive disclosure' in mobile UI design?
- Loading content as the user scrolls
- Revealing information gradually as the user needs it (Correct answer)
- Animating UI elements on first launch
- Showing a tutorial overlay on all screens
Correct answer: Revealing information gradually as the user needs it
Progressive disclosure presents only essential information first and reveals more details as the user requests them, reducing cognitive load.
Question 3: What is the recommended minimum contrast ratio for normal body text to meet WCAG AA accessibility standards?
- 2.5:1
- 3:1
- 4.5:1 (Correct answer)
- 7:1
Correct answer: 4.5:1
WCAG AA requires a contrast ratio of at least 4.5:1 for normal text to ensure readability for users with low vision.
Question 4: In mobile app design, what does 'affordance' refer to?
- The cost of developing the app
- A design property that communicates how an element should be used (Correct answer)
- The amount of screen space an element occupies
- The number of user actions needed to complete a task
Correct answer: A design property that communicates how an element should be used
Affordance is a design quality that signals to users how to interact with a UI element, such as a button that looks pressable.
Question 5: Which layout pattern is best suited for apps that require navigating between a small number of top-level destinations?
- Navigation drawer
- Tab bar (Correct answer)
- Accordion menu
- Breadcrumb trail
Correct answer: Tab bar
A tab bar (bottom navigation on Android/iOS) is ideal for 3–5 top-level destinations because all options are always visible and reachable in one tap.
Question 6: What is a 'skeleton screen' used for in mobile app design?
- Displaying an error state when content fails to load
- Showing a wireframe-like placeholder while content is loading (Correct answer)
- Outlining interactive elements for accessibility
- Displaying a stripped-down version of the app on low-end devices
Correct answer: Showing a wireframe-like placeholder while content is loading
Skeleton screens show a grey placeholder mimicking the content layout, reducing perceived wait time during loading.
Question 7: When designing for one-handed phone use, where should primary action buttons be placed?
- Top-left corner
- Top-right corner
- Bottom center or bottom-right area (Correct answer)
- Dead center of the screen
Correct answer: Bottom center or bottom-right area
The bottom portion of the screen is the most reachable area for thumb interaction when using a phone one-handed.
Mobile App Design Mobile App Design MCQ 2
Which gesture is most appropriate for revealing a hidden navigation drawer in a mobile app?