Download PrepIQ 19SOFTB2 User interface A Ultimate Exam and more Exams Technology in PDF only on Docsity!
interface A Ultimate Exam
Question 1. Which law states that the time to make a decision increases logarithmically with the number of choices? A) Fitts’s Law B) Hick’s Law C) Miller’s Law D) Jakob’s Law Answer: B Explanation: Hick’s Law predicts that decision time grows as the logarithm of the number of alternatives, emphasizing the need to limit options. Question 2. In UI design, the “box model” consists of which four layers from outermost to innermost? A) Content, Padding, Border, Margin B) Margin, Border, Padding, Content C) Border, Margin, Padding, Content D) Padding, Content, Margin, Border Answer: B Explanation: The CSS box model orders elements as margin (outside), border, padding, then the content area. Question 3. Which Gestalt principle explains why items that are close together are perceived as a group? A) Similarity B) Continuity C) Proximity D) Closure Answer: C Explanation: Proximity groups elements based on spatial closeness, influencing layout perception.
interface A Ultimate Exam
Question 4. Which UI element is best suited for selecting a single option from a list of mutually exclusive items? A) Checkbox B) Radio button C) Dropdown list D) Toggle switch Answer: B Explanation: Radio buttons allow only one selection within a set, ensuring mutual exclusivity. Question 5. What is the primary purpose of a breadcrumb navigation component? A) Display hierarchical location B) Offer search suggestions C) Show recent notifications D) Provide pagination controls Answer: A Explanation: Breadcrumbs reveal the user's path within a site hierarchy, aiding orientation. Question 6. According to Nielsen’s heuristics, which principle addresses consistency and standards? A) Error Prevention B) Recognition rather than recall C) Consistency and standards D) Flexibility and efficiency of use Answer: C Explanation: The “Consistency and standards” heuristic ensures UI elements follow familiar conventions. Question 7. In responsive design, a “breakpoint” refers to:
interface A Ultimate Exam
A) Perceivable B) Operable C) Understandable D) Robust Answer: B Explanation: The “Operable” principle requires keyboard navigation for users who cannot use a mouse. Question 11. What does a “micro-interaction” typically provide in a UI? A) Full-screen animations B) Small feedback for a single task C) Navigation between pages D) Data visualization Answer: B Explanation: Micro-interactions are brief, focused animations or responses that give users feedback on specific actions. Question 12. Which type of grid uses consistent vertical and horizontal spacing based on a baseline? A) Column grid B) Modular grid C) Baseline grid D) Flexbox grid Answer: C Explanation: Baseline grids align text and UI elements along horizontal lines for vertical consistency. Question 13. Miller’s Law suggests that the average number of items a person can hold in short-term memory is about: A) 3 ± 1
interface A Ultimate Exam
B) 5 ± 2
C) 7 ± 2
D) 9 ± 3
Answer: C Explanation: Miller’s “7 ± 2” rule defines the capacity of short-term memory, influencing menu and navigation design. Question 14. Which UI pattern is most appropriate for displaying a large set of items that can be filtered by multiple attributes? A) Infinite scroll B) Faceted search C) Modal dialog D) Carousel Answer: B Explanation: Faceted search lets users narrow results using multiple filters, ideal for large datasets. Question 15. In typography, the term “leading” refers to: A) The space between characters B) The vertical space between lines of text C) The weight of the font D) The width of the characters Answer: B Explanation: Leading controls line-to-line spacing, affecting readability. Question 16. Which of the following best describes a “high-fidelity prototype”? A) Hand-drawn sketches on paper B) Wireframes with grayscale placeholders C) Interactive mockup with realistic colors and content
interface A Ultimate Exam
Explanation: Atomic design breaks UI into atoms, molecules, organisms, templates, and pages, promoting reuse and consistency. Question 20. In color theory, “saturation” refers to: A) The lightness or darkness of a color B) The intensity or purity of a hue C) The temperature (warm/cool) of a color D) The contrast between two colors Answer: B Explanation: Saturation measures how vivid or muted a color appears. Question 21. Which interaction state indicates that a UI element cannot be used at the moment? A) Hover B) Active C) Disabled D) Focused Answer: C Explanation: Disabled state visually signals that the control is unavailable. Question 22. A “modal dialog” is best used for: A) Continuous navigation between pages B) Presenting non-critical information C) Requiring the user to complete a task before returning to the main UI D) Displaying a list of items in a grid Answer: C Explanation: Modals block interaction with the underlying page until the user completes the required action.
interface A Ultimate Exam
Question 23. Which of the following is a key metric in usability testing? A) Bounce rate B) Time-on-task C) Server latency D) Click-through rate Answer: B Explanation: Time-on-task measures how long users take to complete a specific task, indicating efficiency. Question 24. The “principle of least astonishment” suggests designers should: A) Use the most cutting-edge visual effects B) Align UI behavior with user expectations C) Minimize the number of screens in a flow D) Provide extensive onboarding tutorials Answer: B Explanation: Users should not be surprised by how an interface works; it should behave as anticipated. Question 25. Which of these is NOT a type of navigational model? A) Hub-and-spoke B) Linear C) Nested list D) Carousel Answer: D Explanation: Carousel is a UI component, not a navigation model. Question 26. In WCAG, the recommended contrast ratio for normal text is: A) 1: B) 3:
interface A Ultimate Exam
Answer: A Explanation: Personas represent target users, guiding design decisions. Question 30. Which UI component is most appropriate for displaying a short, transient message confirming an action? A) Tooltip B) Toast notification C) Modal dialog D) Alert banner Answer: B Explanation: Toasts appear briefly and disappear automatically, confirming actions without disrupting flow. Question 31. The “baseline grid” is primarily used to ensure consistency in: A) Color palettes B) Icon sizes C) Vertical rhythm of text and UI elements D) Network request timing Answer: C Explanation: Baseline grids align elements vertically, establishing a consistent rhythm. Question 32. In an information architecture sitemap, a “leaf node” represents: A) The homepage B) A navigation bar C) A terminal page with no further subpages D) A user profile Answer: C Explanation: Leaf nodes are end points in the hierarchy, containing content but no children.
interface A Ultimate Exam
Question 33. Which of the following best describes a “linear navigation model”? A) Users can jump to any page from a menu B) Content is accessed sequentially, one step after another C) Navigation is based on a central hub page D) Users can filter content using facets Answer: B Explanation: Linear navigation forces a step-by-step progression. Question 34. The term “affordance” in UI design refers to: A) The cost of implementing a feature B) Visual cues that indicate how an object can be used C) The speed of page load times D) The brand identity of a product Answer: B Explanation: Affordances suggest possible actions, such as a button that looks pressable. Question 35. Which of these is a common method for conducting unmoderated remote usability testing? A. In-person lab observation B. Live video interview C. Task-based survey with screen recording D. Eye-tracking in a controlled environment Answer: C Explanation: Unmoderated tests often use task-based surveys where participants record their screens. Question 36. In a UI, a “tooltip” is primarily used to:
interface A Ultimate Exam
B. Placing it at the bottom of the page C. Making it larger and using a contrasting color D. Adding a tooltip explaining its purpose Answer: C Explanation: Size and contrast effectively signal importance in visual hierarchy. Question 40. Which of the following is NOT a component of WCAG’s “Perceivable” principle? A. Text alternatives for non-text content B. Captions for audio content C. Keyboard operability D. Adaptable content presentation Answer: C Explanation: Keyboard operability belongs to the “Operable” principle, not “Perceivable”. Question 41. In a low-fidelity prototype, which of the following is typically omitted? A. Layout structure B. Interaction flow C. Detailed visual styling and colors D. Navigation hierarchy Answer: C Explanation: Lo-fi prototypes focus on structure and flow, not high-resolution visuals. Question 42. Which of the following best describes an “accordion” UI component? A. A rotating carousel of images B. A collapsible list that expands sections on demand
interface A Ultimate Exam
C. A fixed navigation bar at the top of the screen D. A modal window for user input Answer: B Explanation: Accordions allow users to reveal or hide content sections, conserving space. Question 43. Which of these color schemes typically provides the most harmonious look for a brand palette? A. Complementary B. Triadic C. Analogous D. Split-complementary Answer: C Explanation: Analogous colors sit next to each other on the wheel, creating a cohesive, harmonious feel. Question 44. A “search autocomplete” feature primarily improves which usability aspect? A. Aesthetic appeal B. Error prevention C. Efficiency and speed of finding content D. Accessibility for screen readers Answer: C Explanation: Autocomplete reduces typing effort and helps users locate items faster. Question 45. Which of the following is the correct order of steps in a typical user-centered design process? A. Ideation → Research → Prototyping → Testing → Implementation B. Research → Ideation → Prototyping → Testing → Implementation
interface A Ultimate Exam
Explanation: Focus highlights the active element for keyboard navigation, supporting accessibility. Question 49. Which of the following is a primary advantage of using a modular grid? A. Unlimited column numbers B. Consistent spacing both horizontally and vertically C. Automatic color selection D. Simplified backend code Answer: B Explanation: Modular grids create uniform spacing in two dimensions, aiding layout consistency. Question 50. A “toast” notification differs from a “modal” in that it: A. Requires user interaction to dismiss B. Blocks the rest of the UI until acknowledged C. Appears briefly and does not block interaction D. Is only used for error messages Answer: C Explanation: Toasts are transient and non-blocking, unlike modals which demand attention. Question 51. Which of the following is a key consideration when designing for voice user interfaces (VUI)? A. Pixel-perfect visual layout B. Speech recognition accuracy and clear prompts C. High-resolution icons D. Hover states for buttons Answer: B
interface A Ultimate Exam
Explanation: VUIs rely on audio cues; clear prompts and reliable recognition are essential. Question 52. In a UI style guide, the term “atom” refers to: A. A complete page layout B. The smallest reusable component, such as a button or input field C. A collection of related components D. The overall brand identity Answer: B Explanation: In atomic design, atoms are the foundational UI elements. Question 53. Which of the following is an example of “error prevention” as a usability heuristic? A. Displaying a generic error message after a failure B. Disabling the submit button until required fields are filled correctly C. Allowing users to submit incomplete forms D. Providing no feedback after an action Answer: B Explanation: Preventing errors by disabling actions until conditions are met reduces mistakes. Question 54. The “primary” color in a UI is typically used for: A. Backgrounds only B. Highlighting the most important interactive elements, such as CTA buttons C. Decorative icons unrelated to functionality D. Disabled states Answer: B Explanation: Primary colors draw attention to key actions like calls-to-action.
interface A Ultimate Exam
C. The thickness of the border itself D. The margin between two separate elements Answer: B Explanation: Padding separates the content from the border, influencing element size. Question 59. When creating a dark-mode theme, which color adjustment is most important for text readability? A. Increase hue saturation B. Decrease brightness of background while keeping text bright enough for contrast C. Use only grayscale colors D. Apply heavy shadows to all elements Answer: B Explanation: High contrast between dark background and light text ensures legibility. Question 60. Which of the following is an example of a “non-linear” navigation model? A. A step-by-step wizard B. A site map with multiple entry points and cross-links C. A single-page scrolling site with a fixed order D. A linear tutorial video Answer: B Explanation: Non-linear navigation allows users to move freely among related content. Question 61. In the context of UI design, “kerning” adjusts: A. The height of a line of text B. The space between individual characters C. The overall width of a paragraph
interface A Ultimate Exam
D. The color contrast of text Answer: B Explanation: Kerning fine-tunes spacing between specific character pairs for visual balance. Question 62. Which type of testing compares two design variants to determine which performs better? A. Heuristic evaluation B. A/B testing C. Cognitive walkthrough D. Card sorting Answer: B Explanation: A/B testing presents users with two versions and measures performance metrics. Question 63. The “perceivable” principle in WCAG ensures that: A. Content can be understood by all users B. Users can operate interface components with any input method C. Information is presented in ways that users can sense (see, hear, feel) D. Content is robust across browsers Answer: C Explanation: Perceivable means that information must be available to the senses. Question 64. In a responsive layout, which CSS property defines the point at which a design shifts from one column configuration to another? A. display B. flex-direction C. media query breakpoint D. z-index Answer: C
