←  Alle Begriffe
D
Design Systems

Design QA

Design QA vergleicht die umgesetzte Oberfläche mit Designvorgaben und prüft Abstände, Typografie, Zustände und responsives Verhalten.

Design QA vergleicht die umgesetzte Oberfläche mit Designvorgaben und prüft Abstände, Typografie, Zustände und responsives Verhalten. Der Nutzen entsteht durch verbindliche Tokens, zugängliche Komponenten, verständliche Dokumentation und konsequente Pflege. Eng verbunden ist der Begriff mit Qualitätssicherung und Cross-Browser-Testing.

Weiterlesen

Qualitätssicherung

Cross-Browser-Testing

Design System

FAQ

Design QA

Wie lässt sich Design QA effizient durchführen?
Effizienz entsteht, wenn gegen Tokens und Komponenten geprüft wird statt gegen einzelne Pixel. Eine Checkliste mit definierten Toleranzen verhindert endlose Detaildebatten. Der Vergleich von Figma-Entwurf und Browserdarstellung sollte alle Zustände und Breakpoints einschließen. Visuelle Regressionstests fangen spätere Abweichungen automatisch ab.
Was prüft Design QA, das Funktionstests nicht abdecken?
Visuelle Abweichungen, die funktional unauffällig bleiben, erfasst Design QA: falsche Abstände, abweichende Schriftgrößen, fehlende Hover- und Fokuszustände, gebrochene Layouts an Breakpoints. Ein Funktionstest meldet Erfolg, solange der Button klickbar ist, auch wenn er anders aussieht als im Entwurf. Beide Prüfungen ergänzen sich.
Wann im Projekt findet Design QA statt?
Design QA läuft am besten fortlaufend, etwa pro Komponente oder Sprint, und endet mit einer finalen Abnahme vor dem Livegang. Späte Abweichungen sind teuer, weil sie oft mehrere Seiten betreffen. Wer erst am Ende prüft, korrigiert Grundsatzfehler in Abständen oder Typografie überall statt an einer zentralen Stelle.