Bei Designprojekten ist es wichtig, dass Ihr Team von Anfang an die gleiche Sprache spricht. Ich verlasse mich inzwischen auf Metaphern als Mittel, um schnell Parallelen zu ziehen und bei Mitarbeitern und Kunden ein gemeinsames Verständnis zu wecken. Dies ist besonders nützlich, wenn Sie Uneingeweihten neue Konzepte vorstellen.

Eine Metapher, auf die ich immer wieder zurückgreife, ist der Vergleich des Rahmenwerks eines Designsystems mit dem einer traditionellen Sprache. Sie ähneln sich darin, dass sie beide eine Reihe konsistenter und vereinbarter „Wörter“ (Komponenten) und „Grammatik“ (Richtlinien) bereitstellen, die zur Strukturierung verwendet werden. So wie eine Sprache es Menschen ermöglicht, zu kommunizieren und Bedeutungen zu vermitteln, ermöglicht ein Designsystem Teams, visuelle Darstellungen und Erlebnisse zu schaffen, die konsistent und leicht verständlich sind.

In Anlehnung an diese Metapher gibt es meiner Meinung nach vier Hauptaspekte der Sprache, die auf die Erstellung von Designsystemen zutreffen.

Um diese Konzepte zu veranschaulichen, habe ich Bilder von einer meiner Lieblingsmarken-Neugestaltungen geholt, der Netflix-Arbeit von Gretel . Diese Bilder dienen nur zu Bildungszwecken und ich habe keine Verbindung zu der Arbeit. Abgesehen davon, dass ich ein großer Fan bin.

1. Wörter = grundlegende Komponenten

Zu diesen Komponenten gehören in der Regel Logo, Farbe und Typografie – es gibt jedoch auch viele andere Elemente, die hier berücksichtigt werden müssen, wie z. B. Textur oder Audio. Diese Elemente haben für sich genommen wenig bis gar keine Bedeutung, sind aber die Samen, aus denen Ihre einzigartige Stimme sprießen wird.

2. Grammatik = Die Anordnung Ihrer Komponenten

Hier definieren wir die Regeln für den Zusammenbau unserer Grundkomponenten. Hier beginnen wir in der Lage zu artikulieren, wenn sich etwas „zur Marke“ anfühlt. Einige Beispiele umfassen Farbverhältnisse, Schriftgrößen und -paarungen, Layoutraster und Bewegungskurven.

3. Semantik = Die durch Ihre Arrangements vermittelte Bedeutung

Hier kommt der wahre Charakter einer Designsprache zum Vorschein. Soll Ihre Sprache ein Gefühl von Geschwindigkeit und Leistung widerspiegeln? Soll es lustig und respektlos sein? Ruhig und beruhigend? Die Nuancen hier sind es, die Sprachen schaffen, die uns auf einer persönlicheren Ebene ansprechen. Die „Stimmung“ einer Sprache lebt in ihrer Semantik.

4. Pragmatik = Die richtige Bedeutung zur richtigen Zeit

Der letzte Schritt auf unserer sprachlichen Reise besteht darin, zu wissen, wie wir die richtige Bedeutung zur richtigen Zeit vermitteln können. Pragmatik hilft uns, dies zu definieren. Beim Benutzer-Onboarding wird wahrscheinlich eine andere Sprache verwendet als beim Marketing. Ein Fehlerstatus verwendet wahrscheinlich eine andere Sprache als ein Erfolgsstatus. Der Kontext des Gesprächs bestimmt die Verwendung Ihrer Designsprache.

Ähnlich wie die Sprachentwicklung eines Kindes kann die Erstellung eines Designsystems ein schrittweiser Prozess sein, der Geduld, Experimentieren und Wiederholungen erfordert, bevor ein gewisses Maß an Sprachkompetenz und Konsistenz erreicht wird.

Danke fürs Lesen. ✌️