Designsystem: Was ist das und wofür braucht man es?

Wir wissen nun, was ein Designsystem ist und welche Argumente für den Einsatz sprechen. Als nächstes möchten wir ein paar Empfehlungen aussprechen, welche Elemente ein Designkonzept unserer Meinung nach unbedingt beinhalten muss. Eine häufige Metapher zur Gliederung der Inhalte von Design-Elementen kommt aus der Chemie: Man beginnt mit den grundlegendsten Elementen, den Atomen, und kombiniert daraus Moleküle. Mehrere Moleküle bilden einen Organismus usw. Für DesignerInnen entsprechen Atome den kleinsten Einheiten, welche alleinstehend noch recht abstrakt wirken z. B. ein Button, ein Inputfeld oder ein Beschreibungstext. Kombiniert man diese Elemente, werden sie zu sinnvollen Molekülen, z. B. ein Inputfeld mit Label und Submit-Button. Ist dieses Molekül Teil eines Größeren, z. B. einer Navigationsleiste, spricht man von einem Organismus. Im nächsten Schritt können Organismen zu ganzen Templates kombiniert werden, die den Grundaufbau einer Webseite visualisieren. Die letzte Instanz, die eigentliche finale Seite, wäre ein konkret mit Content befülltes Template. Der Vorteil dieser Methode ist, dass man die anfängliche Überforderung umgehen kann, indem man sich von Einfachen zu Komplexen handelt und die Aufgabenstellung in kleinere Einzelteile zerlegt. Für Interessierte, die tiefer in das Thema „Atomic Design“ einsteigen wollen, empfiehlt sich folgender Artikel: https://atomicdesign.bradfrost.com/chapter-2/