Was ist eigentlich Designsprache?

Visuelle Kommunikation ist außerordentlich kompliziert. Es ist vielfältig, grenzenlos und unerbittlich. Um ein Gefühl der Klarheit und Kohärenz zu erzeugen, müssen wir eine Reihe von Einschränkungen festlegen, die uns helfen, mit unseren Endbenutzern zu kommunizieren. Hier kommt die Designsprache ins Spiel.

Historisch gesehen haben wir das Gleiche mit natürlichen Sprachen gemacht. Syntax, Semantik und Morphologie ermöglichen es uns, Gedanken in sinnvolle Erzählungen zu organisieren und den Austausch von Ideen zu unterstützen.

Im heutigen Artikel werden wir uns genauer ansehen, was Designsprache ist, wie sie erstellt wird und welche Personen an ihrer Entwicklung beteiligt sind.

Lass uns gleich eintauchen, sollen wir?

Designsprache: Warum ist sie so wichtig?

Eine Designsprache ist ein Satz von Regeln und Prinzipien, die die visuelle Identität einer Organisation leiten und sicherstellen, dass ihre Designs ein Gefühl der Kontinuität haben.

Was gehört in eine Designsprache?

Damit eine Designsprache präskriptiv ist, muss sie eine Reihe visueller und konzeptioneller Standards enthalten.

Die zentralen Elemente einer Designsprache sind:

  • Eine Sammlung von UI-Komponenten und Mustern;
  • Styleguides;
  • Dokumentation der Semantik;

Diese drei Säulen definieren die Verwendung von Farben, Typografie, Ikonographie, Interaktionen, Animationen, wertvollen Ressourcen, Ordnersystemen, Namenskonventionen und dem Rastersystem des Produkts.

Ebenso muss es ein tiefes Verständnis für den Tonfall der Marke und ihre Werte vermitteln.

Die Notwendigkeit einer Designsprache

Die Notwendigkeit einer einheitlichen visuellen Sprache kann aus zwei Perspektiven definiert werden: intern und extern.

Ersteres stellt sicher, dass alle Teams im gesamten Unternehmen denselben Regeln und Methoden folgen können. Dies ermöglicht ihnen eine Reihe von Referenzpunkten und Koordinaten, die den Entwurfsprozess effizient und verwirrungsfrei machen.

Letzteres orientiert sich an seinen Nutzern und der Plattform, auf der ein Produkt existiert. Durch die Einhaltung breiter Industriestandards können Unternehmen Designs erstellen, die intuitiv und vertraut für die Menschen sind, die damit interagieren.

Durch die Kombination dieser beiden Perspektiven können Unternehmen den Designprozess effizienter gestalten, eine einprägsame Markenidentität schaffen und die Benutzerfreundlichkeit schnell verbessern.

Einige Beispiele für Designsprache

Werfen wir einen Blick darauf, wie erfolgreiche Organisationen ihren Bedarf an einer Designsprache erklären.

Eine der Designphilosophien von IBM besteht darin, sofort erkennbare Designs zu erstellen.

„Wenn Sie unser Logo oder unseren Namen vertuschen würden, würden Sie eine Ausführung als von IBM entworfen identifizieren?“

Eine unterscheidbare visuelle Identität ist entscheidend, wenn es darum geht, Markenrückruf und Benutzertreue aufzubauen. Eine der Möglichkeiten, wie IBM dies erreicht, besteht darin, seine Grid-Systeme wie das 2x Grid zu entwickeln.

“ Die präzise Verwendung des Rasters sowie konsistente Formen, Winkel und Radien tragen dazu bei, eine bestimmte Ästhetik zu definieren, die für den Ausdruck der „IBMness“ unserer Illustrationen entscheidend ist und einen durchdachten und systematischen Ansatz offenbart“ – IBM.

Die Designsprache von Airbnb zielt darauf ab, dasselbe zu erreichen, aber der Unterschied hier ist, dass das Startup in den letzten Jahren ein massives Wachstum erlebt hat. Daher konzentrieren sie sich auf die Schaffung einer visuellen Sprache, die es ihnen ermöglicht, weiter zu skalieren und gleichzeitig ihre Markenidentität zu bewahren.

„Hier ist die einfache Wahrheit: Sie können keine Innovationen bei Produkten durchführen, ohne zuerst die Art und Weise, wie Sie sie herstellen, zu innovieren.“ – Airbnb.

Mit der Sprache von Airbnb können sie den Kommunikationsprozess zwischen Designern und Stakeholdern erheblich vereinfachen und ihre Praktiken auf allen Plattformen und Geräten standardisieren.

Erstellen einer Designsprache

Das Zusammenstellen einer Designsprache kann eine mühsame, zeitaufwändige Aufgabe sein, aber es lohnt sich. Hier sind ein paar wesentliche Schritte, die Ihnen helfen werden, die Grundlagen zu legen:

Beginnen Sie mit einem UI-Audit

Es ist oft eine gute Idee, ein UI-Audit durchzuführen, um die Grundlagen Ihrer Sprache zu legen. Es ermöglicht Ihnen, drängende Probleme anzugehen, Konsistenz sicherzustellen und Dokumentation zu erstellen, was während der Implementierung unerlässlich ist.

Erstellen eines Vokabulars

Ein Vokabular sollte die visuellen Elemente eines Produkts enthalten und klar definieren. Sein Hauptziel ist es, eine systematisierte Musterbibliothek von Bausteinen zu enthalten, die von einem Styleguide begleitet wird.

Um Konsistenz und Klarheit zu fördern, muss Ihr Styleguide Anweisungen zum Zweck der Elemente enthalten. Hier ist ein Beispiel, wie dies angegangen werden kann:

„This from the allows us to express “

Auf diese Weise können Organisationen die oben genannten sinnvollen Einschränkungen festlegen und gleichzeitig ihre Designer die Entscheidungsfindung rationalisieren. So erklärt Atlassian beispielsweise die Logik hinter den Farbpaletten:

„Unsere primäre Palette besteht aus neutralen Farben, Weiß und Blau, um unserer Marke Kühnheit zu verleihen. Wir verwenden wärmere, sekundäre Palettenfarben, um das Erlebnis zu mildern und Vertrauen und Optimismus zu vermitteln.“ – Atlassian.

Definieren Sie die Designprinzipien

Die Prinzipien hinter der Designphilosophie eines Produkts sind ein Lackmustest für die Bewertung der Qualität und des Zwecks eines Designs. Es ermöglicht einer Organisation zu beurteilen, ob ein Prototyp seinen allgemeinen Richtlinien entspricht oder nicht.

Zum Beispiel sind die Designprinzipien von Airbnb auf Zugänglichkeit und Funktionalität ausgerichtet. Ihr Ziel ist es, „einheitliche, universelle, ikonische und konversationsorientierte“ Designs zu schaffen.

Auf der anderen Seite geben die Prinzipien von IBM an, dass sie darauf abzielen, Designs zu schaffen, die „sorgfältig durchdacht, einzigartig vereinheitlicht, fachmännisch ausgeführt und positiv progressiv sind.“

Regeln festlegen

Die Designregeln einer Organisation sind Teilmengen ihrer Prinzipien. Sie sind unerlässlich, wenn es darum geht, die Arbeit eines Designers effizienter zu gestalten und eine hervorragende Benutzererfahrung zu gewährleisten.

Die Strenge dieser Regeln kann variieren – einige können streng sein; andere können formbar sein. Eine Klasse lockererer Regeln bietet Designern die Flexibilität, Verbesserungen dort vorzunehmen, wo sie es für richtig halten.

Erlaube der Sprache zu wachsen und zu expandieren

Wir müssen uns der Tatsache bewusst sein, dass Designsprache niemals ein Endziel an sich ist. Im Laufe der Zeit muss sich die Sprache einer Organisation an Veränderungen in ihrer Branche anpassen und technologische Schulden berücksichtigen. Branchenstandards neigen dazu, sich zu verschieben und zu ändern, ebenso wie Ihre Designsprache.

„Eine einheitliche Designsprache sollte nicht nur aus statischen Regeln und einzelnen Atomen bestehen; es sollte ein sich entwickelndes Ökosystem sein.“ – Airbnb.

Lassen Sie Ihre Sprache schrittweise die Form des Marktes annehmen, in dem sie existiert, damit sie für den aktuellen Zeitgeist relevant bleibt.

In ähnlicher Weise ergibt sich das Wachstumspotenzial einer Sprache aus den Bedürfnissen ihrer Benutzer und den Wettbewerbern der Organisation.

Die kontinuierliche Recherche und Aktualisierung Ihrer Kundenpersönlichkeiten ermöglicht es dem Unternehmen, seine Benutzer besser zu bedienen und die Qualität seiner Dienste hoch zu halten.

Das Verständnis der Wettbewerbslandschaft des Unternehmens ermöglicht es ihm, strategische Gestaltungsmöglichkeiten zu erkunden und eine eindeutige visuelle Identität zu schaffen.

Wer ist für die Erstellung einer Designsprache verantwortlich?

Eine Designsprache liegt nicht ausschließlich in der Verantwortung eines Designers. Stattdessen ist es die gemeinsame Anstrengung eines breiten Spektrums von Abteilungen und Spezialisten, darunter:

  • UX / UI-Designer – verantwortlich für die visuellen Komponenten der Sprache;
  • Accessibility Specialists – Stellen Sie sicher, dass die Sprache den Barrierefreiheitsstandards entspricht;
  • UX-Autoren / Content-Strategen – verantwortlich für die Tonfallrichtlinien und Markensprecherparameter;
  • Forscher — geben wertvolle Einblicke in die Bedürfnisse der Endbenutzer;
  • Front-End-Entwickler — maßgeblich beim Schreiben von effizientem Code und Unterstützung bei der Dokumentation;
  • VPs und Direktoren — Stellen Sie sicher, dass die Sprache mit den Zielen der Organisation und ihrer Identität übereinstimmt.

Fazit

Die Entwicklung einer konsistenten und detaillierten Designsprache kann sehr zeitaufwändig sein. Beachten Sie, dass mehrere Iterationen erforderlich sind.

Trotz dieser erheblichen Investitionen ermöglicht eine einheitliche visuelle Sprache einem Unternehmen, konvergente und kohärente Erlebnisse zu schaffen, die Ausgaben erheblich zu senken und einen hohen Designstandard zu setzen, der leicht zu befolgen ist.

Die Entwicklung einer Designsprache ist eine gemeinsame Anstrengung

Ein wesentlicher Bestandteil der Erstellung einer visuellen Sprache ist die effektive Zusammenarbeit mit einer Vielzahl von Fachleuten. UXPin ist ein hervorragendes Tool zum Verwalten Ihrer Designprojekte, zum Durchführen von UI-Audits, zum Erstellen von Designsystemen und zum Speichern Ihrer Dokumentation. Melden Sie sich für eine kostenlose Testversion an und testen Sie das fortschrittlichste Design-System-Management-Tool auf dem Markt.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.