CSE 335 MODULE 2 - USER INTERFACE AND USER EXPERIENCE
N QUESTIONS WITH ANSWERS AND EXPLANATIONS
Question 1. A team chooses Color contrast and non-color cues because Status is communicated only by
subtle red and green text that some users cannot distinguish. Which outcome best justifies that choice?
A. Users can apply accessibility text preferences without losing information or functionality.
B. Non-touch navigation becomes predictable and matches the information hierarchy.
C. Visible context lowers working-memory demand and speeds repeated tasks.
D. Information remains perceivable across low vision, color-vision differences, bright environments, and varying
displays.
Correct Answer: D. Information remains perceivable across low vision, color-vision differences, bright
environments, and varying displays.
Explanation: Information remains perceivable across low vision, color-vision differences, bright environments, and varying
displays. That is the primary value of Color contrast and non-color cues for the stated requirement.
Question 2. A refactor is proposed after reviewers notice that The interface hides needed information and
expects users to remember it across navigation steps. Which named concept is most relevant?
A. Progressive disclosure
B. Visual hierarchy
C. Accessibility labels and semantics
D. Recognition over recall
Correct Answer: D. Recognition over recall
Explanation: Recognition over recall is the most direct match. Expose relevant choices, labels, context, or recent values so
users can recognize information instead of recalling it from memory.
Question 3. A team chooses Loading and progress states because A network-backed screen appears
frozen during uncertain delays. Which outcome best justifies that choice?
A. A zero-data condition becomes understandable and actionable instead of looking broken.
B. Users understand that work is ongoing and can distinguish loading from failure or an unresponsive app.
C. Users can understand the failure and recover without technical knowledge or unnecessary re-entry.
D. Common tasks require less grip shifting and reduce accidental drops or missed targets.
Correct Answer: B. Users understand that work is ongoing and can distinguish loading from failure or an
unresponsive app.
Explanation: Users understand that work is ongoing and can distinguish loading from failure or an unresponsive app. That is
the primary value of Loading and progress states for the stated requirement.
,Question 4. During architecture review, the team agrees that Users frequently activate the wrong nearby
control, especially when using the app one-handed or with limited dexterity. Which decision best
supports that goal?
A. Provide sufficiently large interactive targets with adequate spacing and avoid crowding unrelated actions together.
B. Provide meaningful accessible names, roles, values, and state semantics for non-text controls.
C. Use sufficient contrast and pair color with text, icons, patterns, or other redundant cues.
D. Prefer established platform conventions unless a custom interaction provides a clear, tested benefit.
Correct Answer: A. Provide sufficiently large interactive targets with adequate spacing and avoid crowding
unrelated actions together.
Explanation: Provide sufficiently large interactive targets with adequate spacing and avoid crowding unrelated actions
together. Larger, separated targets reduce accidental activation and improve accessibility for coarse pointer input.
Question 5. Which test would most directly validate the intended use of Inline form validation?
A. Observe whether common invalid or destructive actions are blocked, constrained, or made reversible before
permanent harm occurs.
B. Trigger representative failures and verify that each message explains the outcome and provides an actionable next
step.
C. Enter representative invalid values and verify that guidance appears near the field at an appropriate time without
interrupting unfinished input.
D. Ask new users what actions they believe are possible before letting them interact, then compare their expectations
with actual behavior.
Correct Answer: C. Enter representative invalid values and verify that guidance appears near the field at an
appropriate time without interrupting unfinished input.
Explanation: Enter representative invalid values and verify that guidance appears near the field at an appropriate time without
interrupting unfinished input. This directly validates the intended use of Inline form validation; the other checks target different
concerns.
Question 6. For the requirement that A frequently used primary action is difficult to reach on a large
phone while the user holds it with one hand. what is the strongest benefit of applying One-handed
ergonomics?
A. The same information architecture can remain usable across changing dimensions and device classes.
B. Content remains reachable and visible despite hardware cutouts and system UI overlays.
C. Common tasks require less grip shifting and reduce accidental drops or missed targets.
D. The app feels responsive because users receive useful feedback and content before every background task finishes.
Correct Answer: C. Common tasks require less grip shifting and reduce accidental drops or missed targets.
Explanation: Common tasks require less grip shifting and reduce accidental drops or missed targets. That is the primary
value of One-handed ergonomics for the stated requirement.
,Question 7. Which verification activity best demonstrates that Progressive disclosure has been
implemented effectively?
A. Measure whether typical users can complete the common task without scanning advanced controls while power
users can still reach them.
B. Test the flow with users who have not memorized prior values and verify that the required information is available at
the decision point.
C. Navigate the screen with a screen reader and verify that every interactive element has a meaningful announced
purpose and state.
D. Test with touch rather than a mouse and verify that users can reliably activate each control without hitting its
neighbor.
Correct Answer: A. Measure whether typical users can complete the common task without scanning advanced
controls while power users can still reach them.
Explanation: Measure whether typical users can complete the common task without scanning advanced controls while power
users can still reach them. This directly validates the intended use of Progressive disclosure; the other checks target different
concerns.
Question 8. A refactor is proposed after reviewers notice that The app blocks the entire screen until all
secondary data is fetched and rendered. Which named concept is most relevant?
A. Progressive disclosure
B. Error prevention
C. Perceived performance
D. Accessibility labels and semantics
Correct Answer: C. Perceived performance
Explanation: Perceived performance is the most direct match. Prioritize meaningful initial content, acknowledge work quickly,
and use stable placeholders or progressive loading where appropriate.
Question 9. A feature is being redesigned because Users frequently overlook that a visual element can be
tapped or dragged. Which approach is most defensible?
A. Make interactive elements communicate their possible action through recognizable shape, placement, styling, or
motion cues.
B. Provide prompt visual, haptic, or progress feedback that acknowledges the action even if the operation takes longer.
C. Provide a visible alternative or onboarding cue for non-obvious gestures, especially when the gesture performs an
important task.
D. Show the most common controls first and reveal advanced detail only when the user requests or needs it.
Correct Answer: A. Make interactive elements communicate their possible action through recognizable shape,
placement, styling, or motion cues.
Explanation: Make interactive elements communicate their possible action through recognizable shape, placement, styling, or
motion cues. The interface suggests how an element can be used before the user has to experiment.
, Question 10. A refactor is proposed after reviewers notice that The interface shows stale or blank content
with no indication that work is happening. Which named concept is most relevant?
A. Recoverable error messages
B. Useful empty states
C. Loading and progress states
D. Accessibility labels and semantics
Correct Answer: C. Loading and progress states
Explanation: Loading and progress states is the most direct match. Communicate loading status in a way appropriate to the
wait, while preserving stable layout and avoiding misleading completion claims.
Question 11. Why would Touch target size and spacing be particularly valuable when Users frequently
activate the wrong nearby control, especially when using the app one-handed or with limited dexterity.?
A. Larger, separated targets reduce accidental activation and improve accessibility for coarse pointer input.
B. Information remains perceivable across low vision, color-vision differences, bright environments, and varying
displays.
C. Users can apply accessibility text preferences without losing information or functionality.
D. Essential functionality remains discoverable for users who do not know hidden gesture conventions.
Correct Answer: A. Larger, separated targets reduce accidental activation and improve accessibility for coarse
pointer input.
Explanation: Larger, separated targets reduce accidental activation and improve accessibility for coarse pointer input. That is
the primary value of Touch target size and spacing for the stated requirement.
Question 12. A mobile team has this requirement: A settings screen overwhelms most users with
advanced options they rarely need. Which design choice best addresses it?
A. Expose relevant choices, labels, context, or recent values so users can recognize information instead of recalling it
from memory.
B. Prefer established platform conventions unless a custom interaction provides a clear, tested benefit.
C. Prioritize meaningful initial content, acknowledge work quickly, and use stable placeholders or progressive loading
where appropriate.
D. Show the most common controls first and reveal advanced detail only when the user requests or needs it.
Correct Answer: D. Show the most common controls first and reveal advanced detail only when the user requests
or needs it.
Explanation: Show the most common controls first and reveal advanced detail only when the user requests or needs it.
Complexity is reduced for typical tasks without removing access to advanced capability.
Question 13. An app has developed this maintainability problem: Critical buttons are pinned to raw
screen edges without considering system-reserved regions. Which concept best explains what is
missing?
A. One-handed ergonomics
B. Safe areas and system insets
C. Adaptive and responsive layout
D. Touch target size and spacing
Correct Answer: B. Safe areas and system insets
Explanation: Safe areas and system insets is the most direct match. Respect platform safe areas and insets when positioning
interactive and essential content.
N QUESTIONS WITH ANSWERS AND EXPLANATIONS
Question 1. A team chooses Color contrast and non-color cues because Status is communicated only by
subtle red and green text that some users cannot distinguish. Which outcome best justifies that choice?
A. Users can apply accessibility text preferences without losing information or functionality.
B. Non-touch navigation becomes predictable and matches the information hierarchy.
C. Visible context lowers working-memory demand and speeds repeated tasks.
D. Information remains perceivable across low vision, color-vision differences, bright environments, and varying
displays.
Correct Answer: D. Information remains perceivable across low vision, color-vision differences, bright
environments, and varying displays.
Explanation: Information remains perceivable across low vision, color-vision differences, bright environments, and varying
displays. That is the primary value of Color contrast and non-color cues for the stated requirement.
Question 2. A refactor is proposed after reviewers notice that The interface hides needed information and
expects users to remember it across navigation steps. Which named concept is most relevant?
A. Progressive disclosure
B. Visual hierarchy
C. Accessibility labels and semantics
D. Recognition over recall
Correct Answer: D. Recognition over recall
Explanation: Recognition over recall is the most direct match. Expose relevant choices, labels, context, or recent values so
users can recognize information instead of recalling it from memory.
Question 3. A team chooses Loading and progress states because A network-backed screen appears
frozen during uncertain delays. Which outcome best justifies that choice?
A. A zero-data condition becomes understandable and actionable instead of looking broken.
B. Users understand that work is ongoing and can distinguish loading from failure or an unresponsive app.
C. Users can understand the failure and recover without technical knowledge or unnecessary re-entry.
D. Common tasks require less grip shifting and reduce accidental drops or missed targets.
Correct Answer: B. Users understand that work is ongoing and can distinguish loading from failure or an
unresponsive app.
Explanation: Users understand that work is ongoing and can distinguish loading from failure or an unresponsive app. That is
the primary value of Loading and progress states for the stated requirement.
,Question 4. During architecture review, the team agrees that Users frequently activate the wrong nearby
control, especially when using the app one-handed or with limited dexterity. Which decision best
supports that goal?
A. Provide sufficiently large interactive targets with adequate spacing and avoid crowding unrelated actions together.
B. Provide meaningful accessible names, roles, values, and state semantics for non-text controls.
C. Use sufficient contrast and pair color with text, icons, patterns, or other redundant cues.
D. Prefer established platform conventions unless a custom interaction provides a clear, tested benefit.
Correct Answer: A. Provide sufficiently large interactive targets with adequate spacing and avoid crowding
unrelated actions together.
Explanation: Provide sufficiently large interactive targets with adequate spacing and avoid crowding unrelated actions
together. Larger, separated targets reduce accidental activation and improve accessibility for coarse pointer input.
Question 5. Which test would most directly validate the intended use of Inline form validation?
A. Observe whether common invalid or destructive actions are blocked, constrained, or made reversible before
permanent harm occurs.
B. Trigger representative failures and verify that each message explains the outcome and provides an actionable next
step.
C. Enter representative invalid values and verify that guidance appears near the field at an appropriate time without
interrupting unfinished input.
D. Ask new users what actions they believe are possible before letting them interact, then compare their expectations
with actual behavior.
Correct Answer: C. Enter representative invalid values and verify that guidance appears near the field at an
appropriate time without interrupting unfinished input.
Explanation: Enter representative invalid values and verify that guidance appears near the field at an appropriate time without
interrupting unfinished input. This directly validates the intended use of Inline form validation; the other checks target different
concerns.
Question 6. For the requirement that A frequently used primary action is difficult to reach on a large
phone while the user holds it with one hand. what is the strongest benefit of applying One-handed
ergonomics?
A. The same information architecture can remain usable across changing dimensions and device classes.
B. Content remains reachable and visible despite hardware cutouts and system UI overlays.
C. Common tasks require less grip shifting and reduce accidental drops or missed targets.
D. The app feels responsive because users receive useful feedback and content before every background task finishes.
Correct Answer: C. Common tasks require less grip shifting and reduce accidental drops or missed targets.
Explanation: Common tasks require less grip shifting and reduce accidental drops or missed targets. That is the primary
value of One-handed ergonomics for the stated requirement.
,Question 7. Which verification activity best demonstrates that Progressive disclosure has been
implemented effectively?
A. Measure whether typical users can complete the common task without scanning advanced controls while power
users can still reach them.
B. Test the flow with users who have not memorized prior values and verify that the required information is available at
the decision point.
C. Navigate the screen with a screen reader and verify that every interactive element has a meaningful announced
purpose and state.
D. Test with touch rather than a mouse and verify that users can reliably activate each control without hitting its
neighbor.
Correct Answer: A. Measure whether typical users can complete the common task without scanning advanced
controls while power users can still reach them.
Explanation: Measure whether typical users can complete the common task without scanning advanced controls while power
users can still reach them. This directly validates the intended use of Progressive disclosure; the other checks target different
concerns.
Question 8. A refactor is proposed after reviewers notice that The app blocks the entire screen until all
secondary data is fetched and rendered. Which named concept is most relevant?
A. Progressive disclosure
B. Error prevention
C. Perceived performance
D. Accessibility labels and semantics
Correct Answer: C. Perceived performance
Explanation: Perceived performance is the most direct match. Prioritize meaningful initial content, acknowledge work quickly,
and use stable placeholders or progressive loading where appropriate.
Question 9. A feature is being redesigned because Users frequently overlook that a visual element can be
tapped or dragged. Which approach is most defensible?
A. Make interactive elements communicate their possible action through recognizable shape, placement, styling, or
motion cues.
B. Provide prompt visual, haptic, or progress feedback that acknowledges the action even if the operation takes longer.
C. Provide a visible alternative or onboarding cue for non-obvious gestures, especially when the gesture performs an
important task.
D. Show the most common controls first and reveal advanced detail only when the user requests or needs it.
Correct Answer: A. Make interactive elements communicate their possible action through recognizable shape,
placement, styling, or motion cues.
Explanation: Make interactive elements communicate their possible action through recognizable shape, placement, styling, or
motion cues. The interface suggests how an element can be used before the user has to experiment.
, Question 10. A refactor is proposed after reviewers notice that The interface shows stale or blank content
with no indication that work is happening. Which named concept is most relevant?
A. Recoverable error messages
B. Useful empty states
C. Loading and progress states
D. Accessibility labels and semantics
Correct Answer: C. Loading and progress states
Explanation: Loading and progress states is the most direct match. Communicate loading status in a way appropriate to the
wait, while preserving stable layout and avoiding misleading completion claims.
Question 11. Why would Touch target size and spacing be particularly valuable when Users frequently
activate the wrong nearby control, especially when using the app one-handed or with limited dexterity.?
A. Larger, separated targets reduce accidental activation and improve accessibility for coarse pointer input.
B. Information remains perceivable across low vision, color-vision differences, bright environments, and varying
displays.
C. Users can apply accessibility text preferences without losing information or functionality.
D. Essential functionality remains discoverable for users who do not know hidden gesture conventions.
Correct Answer: A. Larger, separated targets reduce accidental activation and improve accessibility for coarse
pointer input.
Explanation: Larger, separated targets reduce accidental activation and improve accessibility for coarse pointer input. That is
the primary value of Touch target size and spacing for the stated requirement.
Question 12. A mobile team has this requirement: A settings screen overwhelms most users with
advanced options they rarely need. Which design choice best addresses it?
A. Expose relevant choices, labels, context, or recent values so users can recognize information instead of recalling it
from memory.
B. Prefer established platform conventions unless a custom interaction provides a clear, tested benefit.
C. Prioritize meaningful initial content, acknowledge work quickly, and use stable placeholders or progressive loading
where appropriate.
D. Show the most common controls first and reveal advanced detail only when the user requests or needs it.
Correct Answer: D. Show the most common controls first and reveal advanced detail only when the user requests
or needs it.
Explanation: Show the most common controls first and reveal advanced detail only when the user requests or needs it.
Complexity is reduced for typical tasks without removing access to advanced capability.
Question 13. An app has developed this maintainability problem: Critical buttons are pinned to raw
screen edges without considering system-reserved regions. Which concept best explains what is
missing?
A. One-handed ergonomics
B. Safe areas and system insets
C. Adaptive and responsive layout
D. Touch target size and spacing
Correct Answer: B. Safe areas and system insets
Explanation: Safe areas and system insets is the most direct match. Respect platform safe areas and insets when positioning
interactive and essential content.
