Einführung in Designsysteme

Ich arbeite nun seit 10 Jahren im Designbereich und meine Erfahrung hat mich gelehrt, dass gutes Design aus der Not heraus entsteht. Mein Schwerpunkt liegt seit geraumer Zeit auf Softwaredesign und insbesondere auf Designsystemen. Als ich anfing, im UX/UI-Bereich zu arbeiten, war der Begriff „Designsystem“ noch nicht so weit verbreitet, aber heutzutage arbeitet jedes große Unternehmen an seinem eigenen Mechanismus, um seine Produkte und Prozesse zu optimieren und seinen Kunden eine bessere Lösung anzubieten. Ich habe bei der Arbeit an diesem Thema viel gelernt und beschloss, einen Überblick und einige wichtige Aspekte der Umsetzung eines so großen Projekts zu geben und zu erklären, warum es so wichtig ist, alles sorgfältig zu planen.

Ein von Grund auf neu erstelltes Designsystem ist nicht nur ein Satz von 25 bis 30 wiederverwendbaren, interaktiven Komponenten, die in einer Anwendung angeordnet werden können. Nur das würde den Zweck nicht erfüllen. Jeder Schritt zur Schaffung von etwas Nachhaltigem und Nützlichem oder zur Lösung eines Geschäftsbedarfs erfordert Kreativität, Erkundung, Hingabe, Validierung sowie einen ordnungsgemäßen Implementierungs- und Adoptionsprozess. Hinzu kommt, dass der vielleicht wichtigste Teil eines solchen Projekts die Menschen sind – diejenigen, die daran arbeiten und diejenigen, die es nutzen werden. Daher sollten wir in erster Linie für einen leicht verständlichen Prozess und ein reibungsloses Zusammenarbeitsmodell sorgen, das von allen Beteiligten befolgt werden kann.

Was streben wir an?

Bei der Arbeit an Designsystemen und Sprache ist es unser Ziel, ein Problem zu lösen und ein Produkt zu liefern, das für das Unternehmen von Bedeutung ist. Das ist sicher keine leichte Aufgabe! Vor allem, wenn das Unternehmen über ein umfangreiches Portfolio verfügt. Heutzutage wissen wir, dass designorientierte Unternehmen ihre Umsätze und Aktionärsrenditen fast doppelt so schnell steigern wie ihre Branchenkollegen. Daher kann ein sorgfältig ausgearbeitetes Designsystem, wenn es erfolgreich umgesetzt wird, für das Unternehmen von enormer Bedeutung und Wert sein.

Wie machen wir das?

Wir sollten mit der Festlegung der richtigen Prozesse und Praktiken beginnen. Durch das Verständnis der Geschäftsanforderungen erkennen wir, wie wichtig es ist, in Design zu investieren. Mit großen Erwartungen geht eine große Verantwortung für alle Beteiligten einher. Es müssen viele Faktoren berücksichtigt werden. Ein funktionales, benutzerfreundliches Designsystem besteht nicht nur aus einem schönen Thema, einigen Schaltflächen und Eingaben, sondern aus einem ganzen Produkt selbst. Die Arbeit am Prozess und die Zusammenarbeit werden für den reibungslosen Arbeitsablauf von Vorteil sein. Dies bedeutet eine ständige Abstimmung zwischen Designern, Barrierefreiheitsexperten, Forschern und Entwicklern. Die Überprüfung der Anforderungen, die Definition des Umfangs und die Validierung der Ideen sowie der Entwicklungsspezifika in diesem größeren Expertenkreis können etwas überwältigend sein, können aber für den Akzeptanzgrad des Endergebnisses von entscheidender Bedeutung sein. Schließlich muss es für alle funktionieren.

Was ist mit dem System?

Der Inhalt des Systems, an dem Sie arbeiten müssen, kann Schriftarten, Farben, Stile, Komponenten, Dokumentation, Designressourcen, Forschungsbibliotheken, Layouts und Muster, gebrauchsfertigen Code, Design-Tokens und natürlich Barrierefreiheitsrichtlinien und ethische KI-Praktiken umfassen. Ein System muss einfach, aber flexibel sein; gut aussehen und schnell arbeiten; decken viele verschiedene Anwendungsfälle ab und vermitteln ein Gefühl der Konsistenz; Arbeiten Sie mit einer Vielzahl von Frameworks und bieten Sie dabei die gleiche Qualität. Befolgen Sie Regeln und Richtlinien wie Grundlagen, Verwendung, Themen und Muster. und schließlich müssen sie ordnungsgemäß dokumentiert und regelmäßig aktualisiert werden. Um diese Inhalte zu erstellen und zu verwalten, müssen Sie eine gemeinsame Toolchain einrichten. Die Auswahl der richtigen Werkzeuge kann eine bessere Produktkonsistenz und eine schnellere Produktion gewährleisten bzw. es ist einfacher, im Laufe der Zeit Support zu leisten.

Investieren Sie mehr!

Sie wissen wahrscheinlich, dass designorientierte Praktiken auch als menschenzentriertes Design bekannt sind. Aus diesem Grund sollten wir uns immer auf die Menschen konzentrieren, die die von uns bereitgestellten Systeme und Sprachen nutzen. Durch die Optimierung von Prozessen und die Einführung der richtigen Praktiken stellen wir sicher, dass unser Produkt die richtigen Ziele erreicht. Um dies jedoch intern zu erreichen, müssen wir die Designkultur aufbauen und Informationen in einer starken, proaktiven Community austauschen. Hören Sie nicht auf zu lernen, sich weiterzuentwickeln und Menschen auszubilden! Erstellen Sie Lernmaterialien, Sitzungen und Onboarding, um das Verständnis für die Mission des Teams zu stärken. Vereinfachen Sie den Beitrags- und Feedbackprozess, damit Sie das System in Zukunft unterstützen und weiterentwickeln können.

Meine letzten Gedanken

Das Wort „Design“ hat so viel Bedeutung, dass es schwierig ist, eine eindeutige Definition zu finden. In diesem speziellen Fall spreche ich von groß angelegtem Corporate Design und würde Design direkt mit einem Unternehmensentwicklungsplan gleichsetzen. Es hat enorme Auswirkungen und erfordert eine sorgfältige Abwägung verschiedener Aspekte. Wir arbeiten nicht nur für die Ergebnisse „hier und jetzt“, sondern für eine bessere Zukunft unseres Unternehmens und unserer Kunden.

— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —

Lernmittel:

Handbuch für Designsysteme

Umfrage zu Designsystemen

McKinsay-Bericht 2018

Designsysteme für Entwickler in Storybook

Beispiele:

Designsysteme für Figma

Märchenbuch-Enzyklopädie