Design Debt.
Design Debt (Designschuld) ist die Summe aller kleinen Unstimmigkeiten und Kompromisse in der Gestaltung einer Website oder Software, die sich über die Zeit ansammeln: uneinheitliche Knöpfe, abweichende Abstände, doppelte Muster und nie bereinigte Übergangslösungen. Wie bei finanziellen Schulden kostet jeder aufgeschobene Kompromiss später Zinsen in Form von Mehraufwand und schlechterer Nutzbarkeit.
Design Debt — ausführlich erklärt
Design Debt entsteht selten durch eine einzelne schlechte Entscheidung, sondern durch viele vernünftige. Eine Kampagnenseite braucht schnell einen neuen Knopfstil. Ein Entwickler baut ein Formular nach, weil das bestehende nicht passt. Eine neue Funktion bekommt ein eigenes Muster für Meldungen. Jede Abweichung ist für sich klein, aber nach zwei Jahren gibt es fünf Blautöne, vier Knopfgrössen, drei Arten von Fehlermeldungen und kein gemeinsames Verständnis mehr, was eigentlich gilt.
Der Begriff ist bewusst an die technische Schuld angelehnt, beschreibt aber eine andere Ebene. Technische Schuld steckt im Code und betrifft vor allem das Entwicklungsteam: Änderungen werden langsamer und fehleranfälliger. Design Debt steckt in der Oberfläche und betrifft zuerst die Nutzerinnen und Nutzer: Gleiche Dinge sehen unterschiedlich aus, unterschiedliche Dinge gleich, und die Bedienung muss an jeder Stelle neu gelernt werden. Beide hängen oft zusammen, weil uneinheitliche Gestaltung meist auch doppelten Code bedeutet.
Die Kosten sind schwer zu beziffern, aber gut zu beobachten. Neue Seiten dauern länger, weil jedes Mal diskutiert wird, welches Muster gilt. Fehler häufen sich, weil Änderungen an einem Knopfstil nicht überall greifen. Barrierefreiheit lässt sich kaum durchsetzen, wenn Farben und Komponenten nicht zentral definiert sind. Und Nutzer verlieren Vertrauen, wenn sich die Bedienung von Seite zu Seite ändert. Messbar wird Design Debt etwa in Usability-Tests, wenn Personen an Stellen zögern, die anderswo auf der Website problemlos funktionieren.
Abgebaut wird Design Debt mit denselben Mitteln, die sie verhindern: einem Design System mit zentral definierten Design Tokens für Farben, Abstände und Schrift, wiederverwendbaren Komponenten nach dem Prinzip von Atomic Design und klaren Regeln, wer neue Muster einführen darf. Ein vollständiger Neubau ist dafür selten nötig; meist reicht eine Bestandsaufnahme mit anschliessender schrittweiser Bereinigung. Wie wir Oberflächen konsistent gestalten, zeigt die Seite UX-Agentur Zürich.
Woran man Design Debt erkennt
Ein schneller Test ist das UI-Inventar: Man sammelt Screenshots aller Knöpfe, Formularfelder, Meldungen, Karten und Überschriften einer Website auf einer Fläche. Was eigentlich dasselbe sein sollte, aber unterschiedlich aussieht, ist Design Debt. In vielen gewachsenen Websites findet man so in einer Stunde mehr Varianten, als irgendjemand bewusst eingeführt hat.
Weitere Anzeichen sind wiederkehrende Diskussionen über dieselben Gestaltungsfragen, Designdateien, die vom gebauten Stand abweichen, Kontrastwerte, die nur auf manchen Seiten den Vorgaben der WCAG genügen, und Komponenten, die im Code mehrfach mit leicht anderem Verhalten existieren.
Beispiel: Eine über Jahre gewachsene Firmenwebsite
Ein Beispiel: Ein Ingenieurbüro hat seine Website über sechs Jahre von verschiedenen Personen erweitern lassen. Ein UI-Inventar zeigt mehrere unterschiedliche Knopfstile, abweichende Formulare für Kontakt, Stellenbewerbung und Newsletter und Überschriften, die je nach Seite eine andere Hierarchie haben. Neue Inhalte dauern lange, weil jedes Mal eine passende Vorlage gesucht wird.
Statt die Website komplett neu zu gestalten, werden zuerst Farben, Schriftgrössen und Abstände als Tokens festgelegt, dann die meistgenutzten Komponenten vereinheitlicht und Seite für Seite umgestellt. Wird ohnehin ein Neubau geplant, ist die Bestandsaufnahme die beste Grundlage dafür, siehe Website-Redesign.
Weiterführende Seite
Design SystemHäufige Fragen zu Design Debt
Technische Schuld steckt im Code und macht Änderungen für Entwickler aufwendiger. Design Debt steckt in der Gestaltung und macht die Bedienung für Nutzer uneinheitlich und die Gestaltung neuer Seiten aufwendiger. Beide treten oft gemeinsam auf.
Nein. Meist reicht es, zentrale Gestaltungswerte festzulegen und die häufigsten Komponenten schrittweise zu vereinheitlichen. Ein Neubau ist nur dann sinnvoll, wenn zusätzlich Technik, Struktur oder Inhalte grundlegend nicht mehr passen.
Mit einem gepflegten Design System, zentral definierten Design Tokens, wiederverwendbaren Komponenten und einer klaren Regel, wie neue Muster aufgenommen werden. Abweichungen sind erlaubt, aber sie werden bewusst entschieden und dokumentiert, statt nebenbei zu entstehen.
Weitere Begriffe mit „D“
Domain Authority
Domain Authority (DA) ist eine von Moz entwickelte Metrik (0–100), die die 'Stärke' einer Domain vor...
Design System
Ein Design System ist eine Sammlung wiederverwendbarer UI-Komponenten, Design-Tokens, Richtlinien un...
Digitale Barrierefreiheit
Digitale Barrierefreiheit (Web Accessibility) stellt sicher, dass Websites und Apps von allen Mensch...
Bereit für Ihr Projekt?
Wenden Sie dieses Wissen auf Ihre Website an — DLM Digital hilft Ihnen dabei.