Enrol to start learning
Reading is open to everyone. Enrolling is free, and it is what unlocks the audio lessons, practice tests and progress tracking.
10.3. Quality Assurance Checklist
Overview
Short Summary
A QA Checklist is a tool used to systematically review a digital prototype, ensuring it meets all design standards, functional requirements, and visual specifications for consistency and quality before finalization.
Medium Summary
This section introduces the Quality Assurance (QA) Checklist as an indispensable tool in the final stages of prototype development. It emphasizes its role in systematically verifying every aspect of the digital solution, from consistent grid settings and accessible color contrast to correctly linked prototype flows and meticulously managed feedback logs. Utilizing this checklist ensures that the prototype is polished, functional, and aligns with all design principles and project requirements before final presentation or user testing.
Medium Summary
This section introduces the Quality Assurance (QA) Checklist as an indispensable tool in the final stages of prototype development. It emphasizes its role in systematically verifying every aspect of the digital solution, from consistent grid settings and accessible color contrast to correctly linked prototype flows and meticulously managed feedback logs. Utilizing this checklist ensures that the prototype is polished, functional, and aligns with all design principles and project requirements before final presentation or user testing.
Key Concepts
Core takeaways and short definitions to help you quickly recall the key ideas from this section.
Visual Consistency: Ensuring uniformity across grids, spacing, and typography.
Accessibility: Adherence to standards like WCAG AA for color contrast.
Functional Integrity: Verifying that all links and interactive elements work as intended.
Documentation: Logging feedback and changes to show the design's evolution.
Examples
Step-by-step examples to apply the section's ideas and test your understanding.
Flow Check Example: Clicking through the checkout process of your prototype to ensure the "Back to Cart" button correctly links to the previous screen and not the homepage.
Consistency Check Example: Using a contrast checker tool to verify that the light gray text used on all secondary buttons meets the 4.5:1 ratio against the white background.
Flash Cards
Glossary
QA Checklist
A systematic list used to verify design standards, functional requirements, and quality.
WCAG AA
Web Content Accessibility Guidelines, Level AA, often used as the minimum standard for color contrast.
Component Variants
Different visual states of a reusable element (e.g., hover, active).
Prototype Flow
The sequential path a user takes through the interactive screens of a prototype.
Change Log
A document detailing all iterations and revisions made in response to feedback or bug fixes.