Marina Boll

Wer diese fünf Begriffe hört, denkt vielleicht erst einmal an den Chemieunterricht zurück. Und genau dort hat die Idee von Brad Forst, dem Erfinder von Atomic Design, auch seinen Ursprung. Eine Website in ihre kleinsten Bausteine zu zerlegen und diese zu optimieren scheint für den erfahrenen Webdesigner nichts Neues zu sein, jedoch wird dieser Herangehensweise immer mehr Bedeutung zugemessen. Warum das so ist, welche Vorteile das Atomic Design mit sich bringt und wie es aufgebaut ist, liest du in diesem Blogbeitrag.

Der Begriff Atomic Design ist wörtlich gemeint und wurde der theoretischen Physik entlehnt. Bezeichnungen, die zum Thema Materie gehören, als Beschreibung für die Herangehensweise zur Erstellung eines Design-Systems zu nutzen, ist passend gewählt. Schon seit Langem arbeiten Webentwickler kleinteilig die Details eines Webdesigns aus und kombinieren dies zu funktionellen Modulen. Die Bezeichnung Atomic Design für dieses Konzept existiert allerdings erst seit weniger als einem Jahrzehnt.

1. Atom stellt dabei den kleinsten Bestandteil des Webdesigns dar und ist nicht in weitere Elemente aufbrechbar. Ein Atom kann eine Überschrift, Eingabezeile oder Button sein. Diese Elemente, oder besser, Atome erfüllen alleinstehend noch keinen Zweck.
2. Erst durch die Zusammensetzung mehrerer Atome entsteht ein sogenanntes Molekül – mit Funktionalität und einer Aufgabe. Innerhalb eines Kontaktformulares beispielsweise bekommen die drei einzelnen Atome Überschrift, Eingabezeile und Button so innerhalb eines Moleküls den Zweck, Kontaktdaten aufzunehmen.
3. Die nächst größere Einheit, der Organismus, ist ein Zusammenspiel mehrerer Moleküle und erfüllt gesammelt mehrere Zwecke. Auch als Funktions- oder Layoutblock bezeichnet, besteht z.B. ein Seitenheader oder -footer aus mehreren Molekülen. In der Regel beinhaltet ein Seitenheader das Logo des Unternehmens, ein Primär-Menü, eine Suchleiste und einen Button für die Anmeldung zum Newsletter. Dieses Modul ist im Design aufeinander abgestimmt und wiederholt sich so auf allen weiteren Seiten.
4. Aus den entwickelten Organismen lassen sich flexible Templates zusammenstellen. Die Templates werden mit Inhalten gefüllt, sodass komplette Seiten (Pages) entstehen. Oft können Module oder sogar ganze Templates von Webentwicklern für verschiedene Kunden*innen genutzt werden. Durch das Füllen mit individuellen Inhalten und der Anpassung des Corporate Designs (Farben, Schriften) lassen sich so einzigartige Websites gestalten. 

Für die Präsentation der neuen Website vor dem Kunden wird das Wireframing genutzt. Hier werden die einzelnen Atome, Moleküle und Organismen inklusive der geplanten Funktionen aufskizziert. Damit wird die Flexibilität des Atomic Design transportiert, während gleichzeitig ein Leitfaden mit organisierter Struktur erhalten wird. Das hilft sowohl das große Ganze zu überblicken als auch die Feinheiten der Atome (wie Funktionalitäten und spezifische Designregeln) genauer zu bestimmen, ohne sich dabei im Detail zu verlieren.

Durch die konzeptionelle Planung mithilfe Hilfe des Atomic Design wird auch die Erstellung des Codes deutlich schlanker. Die hierfür verwendete Strategie nennt sich Atomic CSS. Werden von Anfang an feste Regeln festgelegt, lassen sich die einzelnen Codeblöcke, die unsere Atome, Moleküle und Organismen bilden, strukturiert aufbauen und im späteren Support leichter pflegen. Außerdem wird bei der tiefen Ausarbeitung der einzelnen Atome durch ein pixelgenaues Design die Anpassung an zukünftige technische Errungenschaften erleichtert.

Es ist allgemein bekannt, dass unsere Lebensmittel produzierenden Nutzpflanzen die benötigten Nährstoffe heute hauptsächlich über Düngemittel erhalten. Diese sind in den letzten Jahrzehnten für die weltweit stetige Steigerung der Erntemengen verantwortlich. Durch das schnelle Wachstum der Weltbevölkerung, steigt die Nachfrage an Nahrungsmitteln und somit auch die Wichtigkeit von Düngemittel, um dem wachsenden Bedarf langfristig gerecht werden zu können.

Jedoch hat die Erfindung und der vermehrte Einsatz synthetischer Düngemittel im 20. Jahrhundert zu massiven Schäden an unserer Umwelt geführt. Die Hauptursache für diese Schäden sind die sogenannten Nitrogen-Dünger, die sich in Distickstoffoxid (N2O) umwandeln – eines der stärksten Treibhausgase nach CO2 und Methan. Daraus wird deutlich, dass der Gebrauch von Nitrogen-Dünger so bald wie möglich reguliert oder sogar verboten werden sollte, um weitere Schäden an der Umwelt zu minimieren. Dem stetig steigenden Bedarf an Lebensmitteln steht der Schutz der Umwelt gegenüber.

Deswegen wird derzeit bereits an möglichen Lösungen gearbeitet, die die Nutzung von Nitrogen-Düngern erlauben, aber gleichzeitig die Einflüsse auf die Umwelt deutlich verbessern. Unternehmen und Forschungsinstitute haben bereits einige große Fortschritte bei Beschichtungen von Düngern gemacht, die die Abgabe von Nährstoffen erlauben und die Ausschüttung von N2O minimieren. Diese neuartigen Dünger machen es möglich, die vier R’s zu erfüllen – Right time, Right place, Right rate and Right source. Nur bei der Lieferung der richtigen Nährstoffe, in der richtigen Menge, zur richtigen Zeit am richtigen Ort, können Düngemittel wirklich effizient genutzt werden und der negative Einfluss auf die Umwelt minimiert werden.

Jedoch sind bei der Entwicklung dieser sogenannten Slow-and-Controlled-Fertilizers (CSRF’s) noch zwei maßgebliche Probleme zu überwinden. Zum einen sind die Beschichtungen von den CSRF’s bislang noch synthetisch und bauen sich im Ackerboden nicht ab. Ein No-Go in Hinsicht auf den Umweltschutz. Zum anderen lassen sich diese neuen Dünger bisher nur sehr kostenintensiv produzieren und anbieten, sodass sie ökonomisch nicht tragbar sind. Erst wenn diese beiden Probleme überwunden werden können, können CSRF’s weithin eingesetzt werden und so zum Umweltschutz beitragen.

Unternehmen arbeiten bereits an den noch zu überwindenden Problemen und, auch wenn dieser Fortschritt langsam vorangeht, werden dafür in der Zukunft Lösungen finden. Um das erste Problem zu lösen, könnten beispielsweise organische und biologisch-abbaubare Düngerbeschichtungen eingesetzt werden, die die Nutzung von synthetischen Materialien ersetzen. Diese Art von Beschichtung könnte außerdem das Problem der erhöhten Kosten lösen. Jedoch müssen diese biologische Düngerbeschichtungen erst entwickelt werden.

Interessanterweise könnten an dieser Stelle vor allem digitale Technologien und sich stetig verbessernde Prognoseanalysen maßgeblich an der Lösung beteiligt sein. Gerade das Analysieren von Daten mittels künstlicher Intelligenz, erlaubt es die Einflüsse neuartiger Düngemittel auf Ernteergebnisse und Umweltentwicklung vorherzusagen. Die Nutzung von Sensoren für das Sammeln von Informationen über Temperaturen, Feuchtigkeit, pH-Werte und Dünger ermöglicht eine Analyse, die Bauern Aufschluss darüber gibt, welche Pflanzen welche Nährstoffe zu welcher Zeit und in welcher Menge benötigen. So lassen sich maßgeschneiderte Dünger-Lösungen entwickeln, die die vier R’s beachten, die Menge des genutzten Düngers einschränken und so den Schaden an der Umwelt minimieren. Der Einsatz von digitalen Technologien erreichte bereits in den letzten Jahren große Fortschritte für die Ertragssteigerung während gleichzeitig die Umwelt geschützt wird.