Brauche ich ein Design System?

So findest du es heraus!

Wie unsere "Design System Initiative" dir bei der Entscheidung für oder gegen den Aufbau eines Designsystems hilft. Eine Investition, die sich lohnt.

Was ist ein Design System?

Wenn wir von Designsystemen sprechen, meinen wir eine Bibliothek mit code-seitig entwickelten Komponenten, die in der Regel Teil einer umfassenderen Plattform mit gemeinsamen Grundsätzen, Prozessen, Tools und Assets ist, in der Regel das Markenportal eines Unternehmens. Das Designsystem dient als Single Point of Truth und befähigt digitale Teams, nahtlose, markenkonsistente und einheitliche Erlebnisse zu schaffen.

Hier ist NN/g: Nielsen Norman Group's Beschreibung:

Designsysteme - auch bekannt als "Komponentenbibliotheken" - fördern qualitativ hochwertiges, konsistentes UX-Design für alle Produkte und beschleunigen die Arbeit von Designern, Entwicklern und allen anderen, die an einem digitalen Service arbeiten.


Klingt immer noch überwältigend, oder?

Es ist wichtig zu erkennen, dass jedes Designsystem das Ergebnis verschiedener Interessengruppen innerhalb einer Organisation sein sollte, die oft die gleichen Ziele verfolgen, aber jeweils ihre eigene Perspektive haben.

Die Hauptnutzergruppe ist normalerweise ein multidisziplinäres Team aus Designern, Frontend-Entwicklern und UX. Sie sind diejenigen, die sich in erster Linie um die Pflege, Wartung und gemeinsame Nutzung des Designsystems kümmern. Aber ohne die Zusammenarbeit und den Beitrag fast aller an der Erstellung digitaler Produkte und Dienstleistungen beteiligten Parteien wird ein solches System sehr schnell scheitern. Wir sind der Meinung, dass jede Organisation, die nur wenige digitale Erlebnisse betreibt, bereits von einem Designsystem profitieren kann.

Also, wann solltest Du ...

... die Einführung eines Designsystems in Betracht ziehen?

Unsere Recherchen und bisherigen Projekte haben gezeigt, dass die meisten Unternehmen, die die Einführung eines Designsystems in Erwägung ziehen, einen wichtigen digitalen Touchpoint (re-)launchen wollen, wie z. B. ihre Haupt-Website oder ein wichtiges neues Produkt oder eine Dienstleistung. Je größer das Unternehmen ist, desto ineffektiver wird die Arbeit ohne ein Designsystem. Oft werden diese Unternehmen von den folgenden Indikatoren in Bezug auf Produktivität, Qualität, Zugänglichkeit und Leistung angetrieben:

  • Warum müssen wir oder unsere Agentur Geld investieren, um das gleiche UI-Design immer wieder neu zu erstellen?
  • Warum will niemand vorhandene Assets wiederverwenden?
  • Warum funktionieren sie nicht mit der neuen Infrastruktur?
  • Können wir mit dem neuen System die Markteinführung beschleunigen?
  • Warum verschlingt jede kleine Aktualisierung so viel Zeit und Ressourcen?
  • Warum beschweren sich so viele Kunden über Ungereimtheiten?
  • Warum können wir das Logo/die Farben nicht ändern und für unsere anderen Marken wiederverwenden?
  • Warum müssen wir alles umgestalten, um den Anforderungen der Barrierefreiheit gerecht zu werden?

Wetten, Du hast deine eigenen Fragen, von denen sich einige sehr sicher mit den oben genannten decken?!

Die Wahl des richtigen Startpunkts

Der Umfang der Einführung eines Designsystems kann sich leicht überwältigend anfühlen, und es ist schwer zu wissen und sich sicher zu fühlen, wann und wo man anfangen soll. An dieser Stelle können wir Ihnen und Ihrem Team zur Seite stehen.

Lassen Sie mich Ihnen unseren Prozess vorstellen und erläutern, wie wir in Zusammenarbeit mit euch diese Aufgabe angehen würden.

Wir nennen dies eine "Design System-Initiative". Das ist ein bewährter Ansatz mit einer Reihe von ein- bis zweistündigen Workshops, in denen wir uns mit Ihnen durch den dichten Dschungel von Themen und Fragen arbeiten.

Start der Design System-Initiative

Während der Initiative führen wir in der Regel sieben bis neun Workshops durch, darunter die Erfassung der Interessengruppen, die Erkundung Ihres aktuellen Bestands als Grundlage für die Synthese der eigentlichen Kernkomponenten, parallel dazu die Auslotung einer Strategie für die technische Umsetzung und schließlich die Identifizierung eines Produkts, das als potenzielles Pilotprojekt dienen soll. Wir werden die Phasen und Workshops an Ihre individuellen Bedürfnisse anpassen.

So beginnt die Initiative mit einem "klassischen" Kickoff-Workshop mit Ihrem Kernteam bzw. den Personen, die derzeit die Verantwortung tragen. Ein C-Level ist noch nicht erforderlich. In diesem ersten Workshop stellen wir unseren Prozess vor und führen Sie durch alle Schritte im Detail. Das dient einerseits dazu, dass Sie sich mit uns vertraut machen können, und andererseits natürlich dazu, dass wir Sie besser kennenlernen.

Wir wollen erfahren, wie Sie mit uns und den Stakeholdern kommunizieren wollen und welche Erwartungen Sie an die Initiative haben.

Ihr wollt ein Design System umsetzen?

Wir unterstützen euch bei den ersten Schritten, Prozessen, Tools und der Erstellung.

Apropos Stakeholder ...

Ein Designsystem ist nicht nur ein internes Tool, zu behandeln wie ein Produkt, das anderen Produkten dient, sondern im besten Fall ein Medium, das die Kommunikation in der gesamten Organisation erleichtert. Sie brauchen die Unterstützung aller wichtigen Stakeholder, sonst wird diese oder jede andere Initiative zur Einführung eines Designsystems nicht erfolgreich sein.

Die Schaffung eines Bewusstseins für die gemeinsamen Ziele und geeignete Wege zur Einbindung der Beteiligten sind hilfreich, um Fortschritte zu erzielen und die Dinge voranzutreiben. Sie wollen, dass die Organisation das Designsystem bereits in einem frühen Stadium annimmt und ausbaut.

Aus diesem Grund untersuchen wir dies sehr früh im Prozess. Im Stakeholder-Workshop erarbeiten wir ein gemeinsames Verständnis darüber, warum wir bestimmte Stakeholder herausgreifen und einbeziehen müssen.

Als Nächstes sammeln wir schlanke, Persona-ähnliche Karten der Stakeholder. Diese bilden wir im nächsten Schritt auf ihre Beteiligung an einem Designsystem insgesamt ab. So finden wir Personas, die an Entscheidungen beteiligt sein müssen, bis hin zu Personen, die nur regelmäßig informiert werden müssen. Wir wollen auch die Stakeholder identifizieren, die an den nächsten Workshops teilnehmen müssen.

Sich die Hände schmutzig machen

Die Workshop-Reihe wird fortgesetzt, indem wir alle Komponenten durchgehen, die von allen digitalen Produkten des Kunden verwendet werden. Wir erkunden Ihre Frontend-Landschaft vollständig, um alle vorhandenen Komponenten zu inventarisieren und zu clustern. Manchmal wurde dieser Schritt bereits von internen Designern oder Entwicklern durchgeführt und führte möglicherweise dazu, das kickstartDS-Team um Unterstützung zu bitten.

Wie auch immer, diese Sammlung und Übersicht wird euch helfen zu verstehen, was ihr habt, was ihr brauchen könnt und es wahrscheinlicher machen, dass jeder, einschließlich der wichtigen Stakeholder, die Inkonsistenzen auf einen Blick sieht.

Am Ende dieses Workshops werden alle Punkte analysiert und überprüft, um über die relevanten Elemente zu entscheiden.

Jetzt heißt es: Aufteilen! Identifikation und Technologie

Nachdem wir uns die Hände gewaschen haben, nachdem wir all das inkonsistente und verstaubte Zeug ausgegraben haben, beginnen wir in der Regel mit zwei getrennten Strömen: dem Prozess der Identifizierung künftiger Designsystem-Komponenten und der Diskussion von Optionen für die technische Umsetzung mit den IT- und Betriebsteams.

Der Identifizierungsprozess wird von uns im Vorfeld vorbereitet, als Input für den nächsten Workshop. Ausgehend von der Bestandsaufnahme werden wir die Komponenten synthetisieren und vereinheitlichen, die durch Token und Komponenteneigenschaften spezifiziert werden, um später die benötigten Layout-Rezepte zu erstellen.

Parallel dazu werden wir an der Implementierungs-Strategie arbeiten. Wir diskutieren, welcher Tech-Stack am besten passt, oder was die bevorzugte Tool-Kette und Build-Pipeline sein könnte. Wie können künftige Komponenten integriert werden, welche Prozesse und/oder Richtlinien müssen eingeführt werden, usw. Wie Sie sich denken können, ist dies in jedem Unternehmen sehr individuell.

Wieder zusammenkommen

Obwohl Komponenten isoliert entwickelt werden können, ziehen wir es vor, wieder mit Ihnen zusammenzuarbeiten, nachdem wir unseren Fokus auf die Identifizierung und systematische Vorbereitung zukünftiger Designsystem-Komponenten gerichtet haben.

Bei einem erneuten Treffen werden wir unseren Vorschlag zur Strukturierung der einzelnen Elemente austauschen und wiederholen. Dies wird Ihnen helfen, die zugrundeliegenden Prinzipien und die Architektur für den Kern Ihres Designsystems besser zu verstehen.

Das ist superwichtig! Wir könnten zum Beispiel besprechen, wie die Elemente und ihre Eigenschaften und Optionen benannt werden sollen, um ein gemeinsames Vokabular für Ihr Designsystem zu schaffen.

Den richtigen Piloten finden

Auch wenn der Start Ihres wichtigsten Projekts (wie z.B. Ihrer Haupt-Website, wie eingangs erwähnt) ein oder sogar der Hauptgrund war, warum Sie die Vorteile eines Designsystems nutzen wollten, wissen wir alle, dass dies aus einer Vielzahl von Gründen nicht der beste erste Fall ist. Dennoch wollen wir gemeinsam mit Ihnen ein echtes Problem lösen.

Das Designsystem wird weder allein durch seinen Umfang, noch durch seine technische Tiefe in der Umsetzung erfolgreich sein. Gemeinsam finden wir einen Anwendungsfall, bei dem wir ein bestehendes Problem lösen können, ohne geschäftskritische Systeme anzutasten. Dies fördert die frühzeitige Auseinandersetzung mit dem Designsystem und Sie können vielleicht schon potenzielle zukünftige Befürworter identifizieren.

Ein erfolgreicher Start weckt auch Interesse, aber auch Fragen und manchmal Ängste. Das Gute daran ist: Es fördert die Kommunikation. Und das bedeutet, dass sich immer mehr Menschen engagieren werden.

Der kickstartDS-Check

Oft ist ein großer Teil der identifizierten Komponenten bereits in unserem kickstartDS-Starterkit enthalten. Vor allem, wenn das Pilotprojekt inhaltsorientiert ist und keine datenintensive Benutzeroberfläche hat. Mit dem Gelernten werden wir prüfen, ob kickstartDS eine solide Lösung für Sie ist, um Ihr eigenes Designsystem zu starten.

Ich verspreche euch, dass wir vertrauensvoll und ehrlich sein werden und nicht versuchen werden, uns als die einzige Lösung zu verkaufen ... insbesondere, wenn es gar nicht passt.

Wenn kickstartDS nicht zu euren Bedürfnissen passt, werden wir euch andere Lösungen empfehlen, oder wir können euch weiter beraten, wie ihr die Komponenten individuell implementieren könnt.

Da alles, was wir bis zu diesem Punkt getan haben, völlig unabhängig von einer bestimmten Art der Implementierung war, wird es euch das richtige Rüstzeug geben, um diese Herausforderung so oder so zu meistern!

Ein aufwändiger Prozess, der sich lohnt!

Die Designsystem-Initiative hilft Ihnen und Ihrem Team, die wichtigsten Stakeholder und die notwendige Bestandsaufnahme zu bewerten und schließlich gemeinsam einen Designsystem-Piloten zu identifizieren.

Bitte lasst uns wissen, welche Erfahrungen ihr gemacht habt, als ihr ein Designsystem von Grund auf konzipiert und initialisiert habt. Oder auch nachdem der erste oder zweite Versuch gescheitert ist. Keine Sorge, das passiert fast jeder Organisation. Willkommen im Club!

Nach oben

Ihr wollt ein Design System umsetzen?

Wir unterstützen euch bei den ersten Schritten, Prozessen, Tools und der Erstellung.