Front End Development Research & Evidence-Based Practice 4 — Questions and Answers
Question 1: What is the purpose of using 'personas' in evidence-based front-end design?
- To anonymize developer identities in open-source projects
- To represent archetypal users based on research data, guiding design decisions (Correct answer)
- To define CSS variable naming conventions
- To document browser compatibility requirements
Correct answer: To represent archetypal users based on research data, guiding design decisions
Personas synthesize user research into representative fictional profiles that keep design decisions grounded in real user needs, goals, and behaviors.
Question 2: What does 'First Contentful Paint' (FCP) measure in web performance research?
- The time for JavaScript to paint the canvas element
- The time from navigation start until the browser renders the first piece of DOM content (Correct answer)
- The duration of CSS paint events in DevTools
- The frame rate of CSS animations
Correct answer: The time from navigation start until the browser renders the first piece of DOM content
FCP marks when the browser renders the first text, image, or other DOM content, giving users their first visual feedback that the page is loading.
Question 3: In user research, what is a 'think-aloud protocol'?
- A brainstorming technique used in design sprints
- A method where participants verbalize their thoughts while completing tasks, revealing their reasoning (Correct answer)
- A documentation standard for component APIs
- An accessibility requirement for screen reader users
Correct answer: A method where participants verbalize their thoughts while completing tasks, revealing their reasoning
Think-aloud protocols have users speak their thoughts continuously while using a product, surfacing confusion, expectations, and mental models in real time.
Question 4: What is the recommended minimum number of participants for qualitative usability testing, based on Nielsen's research?
- 1-2 participants
- 5 participants (Correct answer)
- 20 participants
- 100 participants
Correct answer: 5 participants
Nielsen's research shows that 5 participants uncover approximately 85% of usability problems, making it the standard recommendation for cost-effective qualitative testing.
Question 5: Which tool category is MOST appropriate for collecting quantitative data on how users navigate a website?
- Git version control systems
- Web analytics platforms like Google Analytics (Correct answer)
- CSS preprocessors like Sass
- Code linters like ESLint
Correct answer: Web analytics platforms like Google Analytics
Web analytics platforms track user flows, page views, session duration, and navigation paths at scale, providing quantitative behavioral data.
Question 6: What is 'cognitive load' and why is it relevant to evidence-based front-end design?
- The CPU usage required to render a webpage
- The mental effort required for a user to process and understand an interface, which should be minimized (Correct answer)
- The number of API calls made per user session
- The memory footprint of a JavaScript framework
Correct answer: The mental effort required for a user to process and understand an interface, which should be minimized
Cognitive load theory states that the brain has limited working memory, so interfaces that minimize unnecessary complexity improve usability and task completion.
Question 7: What is 'desirability testing' in front-end UX research?
- Testing whether users want premium features behind a paywall
- A method where users choose descriptive words to characterize how a design makes them feel (Correct answer)
- Evaluating SEO keyword desirability scores
- Load testing to ensure a site handles peak demand
Correct answer: A method where users choose descriptive words to characterize how a design makes them feel
Desirability testing (often using Microsoft's Product Reaction Cards) measures emotional response to a design by having users select adjectives that describe their experience.
What is the purpose of using 'personas' in evidence-based front-end design?