Stellen Sie sich vor, Sie fahren ein Auto auf einer belebten Straße. Es gibt keine Ampeln, Verkehrsschilder oder Blitzer. Nicht einmal die Polizei.
Ein Fahrer fährt mit 80 km/h, der andere mit 160 km/h. Es herrscht das reinste Chaos, weil jeder tut, was er für richtig hält. Der Grund dafür ist das Fehlen von Vorschriften, die für Ordnung sorgen würden.
Das Gehäuse sieht ähnlich aus, wenn es um das Design geht. Jedes Unternehmen, das nicht über genau definierte Gestaltungsregeln verfügt, ist zu Problemen gezwungen.
Deshalb ist es wichtig, ein Designsystem einzuführen.
Designer spielen eine entscheidende Rolle auf einem Markt, der reich an digitalen Produkten ist. Die Konkurrenz ist so groß, dass eines der Merkmale, die uns auf dem Markt unterscheiden können, die visuelle Seite unseres Produkts ist.
Grafikdesigner stehen unter einem enormen Druck, der sie dazu zwingt, an vielen Projekten zu arbeiten und dabei eine hohe Qualität aufrechtzuerhalten und gleichzeitig so schnell wie möglich zu arbeiten, wenn nicht sogar noch schneller. So etwas kann nur erreicht werden, wenn unser Unternehmen über Standards verfügt, die durch ein Designsystem definiert sind.
Was ist ein Designsystem?
Lassen Sie uns nun die Frage beantworten: Was ist ein Designsystem, und was beinhaltet es?
- Eine Sammlung von Leitlinien, die es uns ermöglichen, ein Produkt einheitlich zu gestalten und umzusetzen.
- Enthält eine Reihe von Komponenten und Regeln für ihre Verwendung.
- Bestimmt Elemente des Brandings, des Erscheinungsbilds, der Schnittstelle und des Benutzerverhaltens.
- Erleichtert die Zusammenarbeit zwischen Designer und Programmierer und beschleunigt sie.
- Entwickelt sich zusammen mit anderen Projektphasen — es ist kein Einwegprodukt.
Zusammenfassend lässt sich sagen, dass das Designsystem grundlegende Richtlinien und Schnittstellenelemente enthält. Es bietet zusätzlichen Komfort durch eine Bibliothek mit grafischen Komponenten und Quellcode.
Das ist noch nicht alles. Wir können das Designsystem mit Elementen, das Branding und der visuellen Identität, der Sprache, der Kommunikation, der Vision usw. kombinieren.
Das Designsystem geht davon aus, dass es vor allem darauf ankommt, klare Regeln für die Erstellung nachfolgender Schnittstellen oder Komponenten aufzustellen. Es ist eine Reihe von Anweisungen, die wir befolgen, um die Arbeit eines Teams zu verbessern und Zeit und Geld zu sparen.
Nehmen wir eine Situation an, in der es Veränderungen im Team gibt und ein neuer Mitarbeiter originelle Ideen vorschlägt und ein anderes Schriftbild oder andere Codefragmente verwendet. In einem solchen Moment wird uns schnell klar, wie sehr wir klar definierte Normen brauchen.
Gleichzeitig ermöglicht das System die wiederholte Verwendung von Elementen und gewährleistet eine konsistente Produktentwicklung. Wir verkürzen die Entwurfs- und Implementierungszeit und gewährleisten dank dieser Wiederholbarkeit visuelle und funktionale Konsistenz. Dazu gehört natürlich auch eine positive Benutzererfahrung. Die Standardisierung bietet uns Skalierbarkeit, einfachere Entwicklung und Optimierung.
Schließlich wissen wir, dass ein digitales Produkt ständigen Veränderungen unterworfen ist. Die Geschwindigkeit der Umsetzung und die Kontrolle über die durchgeführten Änderungen (in Bezug auf die Technologie und das Erscheinungsbild der Schnittstelle) stellen eine Herausforderung dar.
Wir wissen, dass ein Projekt umso weniger einheitlich ist, je weiter es fortgeschritten ist. Infolgedessen ist die Schnittstelle inkonsistent, und es treten Probleme mit der Versionskontrolle und technologische Schulden auf.
Design System — eine kurze Geschichtsstunde
Nun gut, das reicht, was die Funktionsweise des Designsystems betrifft. Also, wer hat das alles angefangen? Das Konzept der Einheitlichkeit im Design wurde erstmals von Brad Frost entwickelt, der für Atomic Design verantwortlich ist. In seinem Buch fordert er die Schaffung von Modulen, auf denen Designer ihre Arbeit aufbauen und entwickeln können.
Nach Frost ist die Grundlage der Arbeit ein organisiertes System, das aus fünf Abschnitten besteht, deren Entwicklungsgrad und Genauigkeit immer mehr zunimmt. Er behauptet, dass die Welt aus mikroskopisch kleinen Atomen erschaffen wurde und es daher möglich ist, digitale Produkte auf ähnliche Weise herzustellen.
Deshalb besteht Atomic Design aus Atomen, Molekülen, Organismen, Vorlagen und vorgefertigten Seiten. Beispiele für die ersten sind Textstile, Buttons oder bestimmte Elemente eines Formulars.
In der Geschichte des Designsystems spielte Google jedoch eine viel wichtigere Rolle. Im Jahr 2014 veröffentlichte der Gigant Material Design, eine Sammlung von Regeln und bewährten Verfahren, die Teams bei der Entwicklung von Anwendungen befolgen sollten.
Material Design versucht, die besten Praktiken von Vorlagenbibliotheken mit atomaren Designregeln zu kombinieren. Google hat diese Idee entwickelt, um die Android-Anwendungen zu verfeinern.
Was garantiert das Designsystem?
Lassen Sie uns kurz zusammenfassen, was das Designsystem gewährleistet:
- Skalierbarkeit und konsistente Produktentwicklung.
- Wiederholte Verwendung der gleichen Elemente.
- Verkürzung der Entwurfs- und Implementierungszeit.
- Visuelle und funktionale Kohärenz.
- Positive Benutzererfahrung.
In einem früheren Artikel haben wir weitere Vorteile des Designsystems aufgeführt. In einem anderen haben wir beschrieben, wie man das Designsystem Schritt für Schritt implementiert. Wir laden Sie ein, sie zu lesen!
Hero shot: MaxPixel.com
Sie sind auf der Suche nach einer erfahrenen UX-Agentur?
