Mobile App Design Basic 3 — Questions and Answers
Question 1: What is 'onboarding' in the context of mobile app design?
- The process of integrating backend APIs
- The user experience of being introduced to an app's features for the first time (Correct answer)
- The app store submission process
- Setting up push notification permissions
Correct answer: The user experience of being introduced to an app's features for the first time
Onboarding is the flow that introduces new users to an app's value, core features, and required setup steps.
Question 2: Which color contrast ratio does WCAG 2.1 AA require for normal text on mobile to meet accessibility standards?
- 2.5: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 text to ensure readability for users with visual impairments.
Question 3: What does 'skeleton screen' refer to in mobile app UI design?
- A dark-mode wireframe template
- A placeholder layout shown while content is loading (Correct answer)
- An error state when the app crashes
- A low-fidelity prototype for testing
Correct answer: A placeholder layout shown while content is loading
Skeleton screens display a gray placeholder mimicking the content layout while data loads, reducing perceived wait time.
Question 4: What is the purpose of a 'floating action button' (FAB) in Material Design?
- To open the navigation drawer
- To represent the single most important action on a screen (Correct answer)
- To show notifications to the user
- To access app settings
Correct answer: To represent the single most important action on a screen
The FAB promotes the primary action of a screen, such as composing a new message or adding a new item.
Question 5: What is 'haptic feedback' in mobile app design?
- Audio cues that confirm user actions
- Tactile vibrations that provide physical confirmation of interactions (Correct answer)
- Visual animations triggered by user input
- Color changes that indicate interactive elements
Correct answer: Tactile vibrations that provide physical confirmation of interactions
Haptic feedback uses device vibrations to give users a physical confirmation of taps, swipes, or system events.
Question 6: In mobile UX, what does 'empty state' design address?
- App behavior when the battery is critically low
- What the screen looks like when there is no content to display (Correct answer)
- The default state before any user customization
- A blank loading screen with no skeleton UI
Correct answer: What the screen looks like when there is no content to display
Empty state design provides helpful guidance or illustrations when a screen has no data, preventing user confusion.
Question 7: Which principle does 'Fitts's Law' help designers apply in mobile UI?
- Reducing the number of steps to complete a task
- Making frequently used targets larger and closer to the user's starting position (Correct answer)
- Grouping related items together visually
- Ensuring consistent color use across the app
Correct answer: Making frequently used targets larger and closer to the user's starting position
Fitts's Law states that the time to reach a target depends on its size and distance, so important elements should be large and easy to reach.
What is 'onboarding' in the context of mobile app design?