Enterprise Design System: Alle Grundlagen, die Sie wissen müssen
01.09.2024
- Startseite
- Blog
- Enterprise Design System: Alle Grundlagen, die Sie wissen müssen
Ein Unternehmensdesignsystem kann ein leistungsfähiges Werkzeug für Unternehmen sein, um ein einheitliches Branding und Messaging zu erreichen, Designprozesse zu rationalisieren und die Zusammenarbeit und Kommunikation zwischen den Teammitgliedern zu verbessern. Durch die Optimierung oder Einführung eines Unternehmensdesignsystems können Unternehmen enorme Vorteile erzielen, die ihnen helfen, der Konkurrenz in der heutigen schnelllebigen digitalen Landschaft voraus zu sein.
Bei der Gestaltung von Unternehmensanwendungen ist es eine schwierige Aufgabe, ein einheitliches Branding und einheitliche Inhalte zu schaffen. Unternehmensdesignsysteme bieten einzigartige Lösungen durch UX/UI-Design-Tools, die in einem einfachen Rahmen verpackt sind, um Aktualisierungen auf zahlreichen Plattformen vorzunehmen und zu veröffentlichen.
Darüber hinaus ist das Entwicklungstempo, das ein Unternehmensdesignsystem vorgibt, so hoch, dass Unternehmen sich gezwungen sehen, ihre Botschaft und ihre Angebote zu vereinheitlichen, während sie sich weiterentwickeln.
Die Erstellung eines Unternehmensdesignsystems ist kompliziert, und selbst die Grundlagen des Systemdesigns können eine Herausforderung sein, aber wenn sie einmal etabliert sind, sorgen sie für eine mühelose Zusammenarbeit im Team und zusätzliche Zeit für kreative Arbeit. In diesem Artikel werden wir erörtern, was Unternehmensdesignsysteme sind, wie wichtig sie sind und wie der Einsatz eines solchen Systems Ihrem Unternehmen einen unerwarteten Mehrwert bringen kann, insbesondere beim Design von Unternehmensanwendungen.
Was ist ein Unternehmensdesignsystem?
Ein Unternehmensdesignsystem besteht aus einem bestimmten Satz von Komponenten, die bei relationaler Verwendung ein einheitliches Design für das gesamte Produkt schaffen. Bevor wir die einzelnen Komponenten aufschlüsseln, sollten wir zunächst eine Arbeitsdefinition dafür festlegen, was ein Unternehmensdesignsystem eigentlich ist.
So komplex sie auch erscheinen mögen, so einfach lassen sich die Systemdesign-Grundlagen eines Designsystems definieren.
*“Ein Unternehmensdesignsystem ist eine organisierte Sammlung von Regeln, Einschränkungen und Prinzipien, die dazu dienen, Designprozesse zu rationalisieren
Im Wesentlichen ist ein Unternehmensdesignsystem ein Ort, an dem alle Tools organisiert werden, die Unternehmen bei der Entwicklung von Unternehmensanwendungen helfen können. Es ist ein Repository für alle Elemente, die das Design einer Unternehmensanwendung, einer Website oder eines beliebigen digitalen Produkts ausmachen. Man kann es sich als eine Visualisierung einer Sammlung von Regeln oder Kernprinzipien für die Gestaltung eines Unternehmens vorstellen.
Tom McClean, ein Senior Designer bei DOOR3, nimmt eine philosophische Perspektive zum Verständnis digitaler Designsysteme ein:
*“Es ist die eine Quelle der Wahrheit, auf die wir alle zurückblicken können und die wir als Hauptkomponente, als Hauptquelle für alles, was für die Grundlagen des Systemdesigns entscheidend ist, betrachten können.” *
Komponenten eines Unternehmensentwurfssystems
Es gibt 9 wesentliche Komponenten, die ein vollständig entwickeltes Unternehmensplanungssystem enthalten muss:
Prinzipien des Entwurfssystems
Dies sind die grundlegenden Ideen, die die Designentscheidungen innerhalb einer Organisation leiten. Zu den Designsystemprinzipien gehören z.B. Einfachheit, Konsistenz, Zugänglichkeit und Benutzerzentrierung. Designsystemprinzipien geben den Ton und die Richtung für die Designarbeit vor und stellen sicher, dass alle Designbemühungen mit den übergeordneten Zielen und Werten des Unternehmens übereinstimmen.
Entwurfsmuster
Muster sind Standardlösungen für allgemeine Designprobleme. Im Kontext eines Unternehmensdesignsystems können dies Navigationsmuster, Datenanzeigeformate oder Interaktionsmodelle sein. Durch die Standardisierung dieser Muster stellt das Designsystemteam die Konsistenz zwischen verschiedenen Produkten und Diensten sicher, so dass die Benutzer sie leichter verstehen und mit ihnen interagieren können.
*Betrachten wir zum Beispiel die Arbeit von DOOR3 mit AIG. AIG suchte nach Lösungen zur Vereinheitlichung der Informationsstrukturen auf ihrer gesamten Plattform. DOOR3 legte den Schwerpunkt auf die Standardisierung der Datenanzeigeformate, um die Benutzerfreundlichkeit der Dashboards der einzelnen Tools für schnelle Analysen zu verbessern
Enterprise UI Design Komponenten
Dies sind die Bausteine für die Gestaltung von Unternehmensanwendungen, einschließlich Schaltflächen, Eingabefelder, Dropdown-Menüs, Modals und mehr. Ein robustes Designsystem für Unternehmen bietet detaillierte Spezifikationen für diese Komponenten, einschließlich ihres Aussehens, Verhaltens und ihrer Verwendungsrichtlinien. Diese Standardisierung ermöglicht einen effizienteren Designprozess und gewährleistet ein einheitliches Erscheinungsbild der digitalen Produkte des Unternehmens.
*Nach der Durchführung eines UX-Audits für Retrievr hat DOOR3 die UI-Design-Komponenten des Unternehmens für das Mobil- und Desktop-Design komplett neu gestaltet. Diese Standardisierung der Komponenten innerhalb der Design- und Entwicklungsphase der Unternehmensanwendungen trug dazu bei, die Absprungraten bei Webanwendungen um 50 Prozent zu senken
Style Guide
Dies umfasst die visuelle Sprache des Unternehmens, wie Farbpaletten, Typografie, Ikonografie und Bildsprache. Ein Styleguide stellt sicher, dass alle Produkte und Dienstleistungen, die das Unternehmensdesignsystem nutzen, visuell mit der Markenidentität übereinstimmen.
Ein Styleguide ist eine Komponente eines Unternehmensdesignsystems, nicht das Unternehmensdesignsystem selbst.
Dokumentation und Nutzungsrichtlinien
Umfassende Dokumentation ist von entscheidender Bedeutung. Sie sollte klar erklären, wie und wann die verschiedenen Komponenten und Muster zu verwenden sind, und auch bewährte Verfahren, Richtlinien für die Zugänglichkeit und Beispiele für das, was man tun und nicht tun sollte, enthalten.
Mit Hilfe solcher Richtlinien können wir die Konsistenz der DOOR3-Website gewährleisten. Dokumentation und Verwendungsrichtlinien verhindern, dass Komponenten uneinheitlich verwendet und Styleguide-Elemente versehentlich übersehen werden.
Responsive und adaptive Strategien
In Anbetracht der Vielzahl von Geräten und Bildschirmgrößen sollte das Systemteam für Unternehmensdesign Richtlinien für responsives und adaptives Design erstellen, um sicherzustellen, dass Anwendungen und Dienste auf allen Plattformen eine optimale Enterprise User Experience bieten.
Responsives und adaptives Design ist eine entscheidende Komponente, wenn auf ein Produkt oder einen Dienst über eine Vielzahl von Geräten zugegriffen wird. Für ein Unternehmen wie FreshDirect musste DOOR3 besonderes Augenmerk auf das geräteübergreifende Design legen, da Unstimmigkeiten die Wahrscheinlichkeit, dass ein Kunde einen Artikel auswählt, direkt beeinflussen und sich somit auf den Umsatz auswirken können.
Zugänglichkeitsstandards
Das Designsystem des Unternehmens muss Zugänglichkeitsstandards enthalten, um sicherzustellen, dass die Produkte von so vielen Menschen wie möglich genutzt werden können, einschließlich Menschen mit Behinderungen.
Design Tools und Ressourcen
Bereitstellung von Tools, Vorlagen und Ressourcen, mit denen Designer ihre Arbeitsabläufe rationalisieren können. Dazu gehören beispielsweise UI-Design-Kits für gängige Design-Tools, Code-Snippets oder Design-Assets.
Governance und Update-Mechanismus
Ein Prozess für die Weiterentwicklung des Systems, einschließlich der Art und Weise, wie Aktualisierungen vorgenommen werden, wie neue Komponenten hinzugefügt werden und wie Feedback von Benutzern berücksichtigt wird.
Was würde ohne ein Entwurfssystem im Entwicklungsprozess von Unternehmenssoftware passieren?
Stellen wir uns vor, Sie arbeiten nicht an der Entwicklung von Unternehmensanwendungen, sondern bauen alle Wolkenkratzer von New York City aus Lego.
Sie bräuchten eine ganze Reihe verschiedener Legosteine, um all die Materialien und die architektonische Vielfalt darzustellen, und mit einem Unternehmensdesignsystem hätten Sie Zugriff auf die vorgefertigten Komponenten, um mit dem Bau zu beginnen. Ohne dieses System hat man jedoch keine vorgefertigten Komponenten für das Unternehmen, sondern nur Plastikteile, die auf dem Boden herumliegen.
Sie müssen diesen Kunststoff physisch zu Teilen formen, die zum Bau von Wolkenkratzern verwendet werden können.
Jedes Grundbauteil muss von Grund auf neu erstellt werden
In diesem Szenario würde es ewig dauern, die benötigten Teile fertigzustellen, geschweige denn alle Gebäude zu bauen. Genau das passiert, wenn Unternehmen bei der Entwicklung von Unternehmenssoftware nicht über die Grundlagen des Systemdesigns verfügen; sie müssen jedes Mal alles von Grund auf neu erstellen. Das bedeutet, dass all die Dinge, die Sie im Design von Unternehmensanwendungen sehen, wie z. B. Calls to Action (CTAs), Schaltflächen, Module oder Formularfelder, jedes Mal von Grund auf neu erstellt werden müssten, wenn sie während des Entwicklungsprozesses von Unternehmenssoftware zu einem Design hinzugefügt werden sollen.
Dieses Szenario hat reale Auswirkungen auf das Design.
Eine von Figma durchgeführte Studie ergab, dass der Entwurf von Komponenten für den Entwicklungsprozess von Unternehmenssoftware ohne den Einsatz eines digitalen Entwurfssystems zu einer Produktivitätsverlangsamung von 34 % führte. Das ist eine Menge vergeudeter Chancen!
Außerdem müsste die kodierte Funktionalität der Elemente wie Formularfelder, Datenüberprüfung oder Zeichenbegrenzungen bis zum Gehtnichtmehr geschrieben werden.
Diese aggressive Wiederholung könnte sich indirekt auf die Mitarbeiterbindung auswirken, so Gina Bhawalkar, Principal Analyst bei Forrester.
Sie führt an, dass Enterprise User Experience Designer am meisten Spaß daran haben, komplexe Probleme zu lösen, die kritisches Denken bei der Gestaltung von Unternehmensanwendungen erfordern, während das Lösen desselben Problems immer und immer wieder ein Hauptgrund für die Arbeitszufriedenheit in diesem Bereich ist.
Außerdem ist die Wahrscheinlichkeit groß, dass jedes Element anders ausfällt und damit die Markenkonsistenz des Designs von Unternehmenssoftware gefährdet ist - ein Mangel an Konsistenz, der nicht nur für das Auge lästig ist. Digitale Designsysteme werden jetzt immer häufiger verwendet, um die WCAG (Web Content Accessibility Guidelines) einzuhalten, und Inkonsistenzen können aus einstmals zugänglichen Designs unzugängliche Designs machen.
Angesichts von 16 % der Weltbevölkerung, die sich als behindert bezeichnen, handelt es sich um einen riesigen Markt von Menschen, die nicht nur zum Verbrauchermarkt gehören, sondern es auch verdienen, Zugang zu denselben digitalen Navigationsmöglichkeiten zu haben wie die nicht behinderte Bevölkerung.
Wie kann man also die Skyline von New York am besten erstellen? Sie könnten ein maßgeschneidertes System für Ihr Unternehmen erstellen, was je nach Größe des Unternehmens die richtige Lösung sein könnte, und DOOR3 kann Ihnen bei der Erstellung helfen.
Für den Fall, dass ein Unternehmen mehr Nutzen aus einem vorgefertigten System für das UX-Design seiner Unternehmenssoftware ziehen kann, gibt es mehrere Optionen für die Markteinführung.
Große Unternehmen, die ihre eigenen Systeme für Unternehmensdesign haben
Im Folgenden finden Sie fünf verschiedene Designsysteme, die bei der Entwicklung von Unternehmenssoftware zum Einsatz kommen, und was einige unserer DOOR3-Designexperten davon halten.
1. Atlassian Entwurfssystem
“Die Liebe zum Detail im Atlassian-Designsystem ist in jedem Pixel sichtbar, wo Präzision und Zweck zusammenkommen, um eine visuelle Sprache zu schaffen, die Bände über die hervorragende Benutzererfahrung spricht.”
- Federico Fernandez, leitender UX-Designer
2. Shopify Gestaltungssystem (Polaris)
“Polaris ist sehr einfach und erleichtert die Anpassung in Figma durch die Integration von ‘Slots’ in seinen Komponenten, in denen Designer schnell Unternehmensdesign-Assets austauschen können.”
- Leander Johnson, leitender UX-Designer
3. Salesforce Design System (Lightning)
“Das Designsystem von Salesforce ist ein architektonisches Meisterwerk, das Konsistenz garantiert und eine solide Grundlage für Innovationen schafft
- Federico Fernandez, leitender UX-Designer
4. Adobe Design System (Spectrum)
“Spectrum ist ausschließlich auf Adobes Designtool für Unternehmenssoftware, XD, ausgerichtet. Es bietet Plugins und UI-Design-Kits für Unternehmen, die in anderen Tools nützlich sein könnten, aber nicht kompatibel sind. Dennoch ist Spectrum ein solides Beispiel für ein Designsystem und kann eine nützliche Referenz für ein grundlegendes Designsystem sein.”
- Leander Johnson, leitender UX-Designer
5. IBM Carbon Entwurfssystem
“Carbon ist ein leistungsstarkes Designsystem. Auf der Designseite hat es Figma-Variablen genutzt, um vier zuvor getrennte Themenbibliotheken zu vereinheitlichen. Neben den konventionellen Komponenten enthält dieses Designsystem eine beeindruckende Liste von gebrauchsfertigen Effekten, die das Design aufwerten, sowie Variablen für Bildschirmbruchpunkte, die ein reaktionsschnelleres Design ermöglichen.”
- Leander Johnson, leitender UX-Designer
Design Thinking im Kontext eines Unternehmens
Design Thinking, eine traditionelle Design-Methode, wurde zunehmend in den Kontext des Designs von Unternehmenssoftware als Enterprise Design Thinking übernommen.
Enterprise Design Thinking ist ein nicht-linearer, iterativer Prozess, der dazu dient, Benutzer zu verstehen, Annahmen in Frage zu stellen, Probleme neu zu definieren und innovative Lösungen für Prototypen und Tests zu entwickeln.
Enterprise Design Thinking wurde von Roger Martin als “die ausgewogene Mischung aus analytischem und intuitivem Denken, die zu einem Wettbewerbsvorteil führen soll”, beschrieben und umfasst fünf Schlüsselphasen:
-
Einfühlen: Durch Forschung und Beobachtung ein tiefes Verständnis für die Bedürfnisse und Erfahrungen der Benutzer gewinnen.
-
**Definieren: ** Das Problem wird auf der Grundlage der in der Empathiephase gewonnenen Erkenntnisse klar formuliert.
-
Ausdenken: Ein breites Spektrum an kreativen Ideen und Lösungen für das definierte Problem generieren.
-
**Prototyp: ** Erstellung einer verkleinerten, greifbaren Version der Ideen, um ihr Potenzial zu erkunden.
-
**Test: ** Bewertung des Prototyps durch Nutzerfeedback zur Verfeinerung und Verbesserung der Lösung.
Bei den fünf Schlüsselphasen des Enterprise Design Thinking fällt auf, dass sie alle auf den Erkenntnissen der ersten Phase basieren. Die Nutzung von Empathie im Design ist die Grundlage eines menschenzentrierten Ansatzes, der zu Beginn des Designprozesses einer Unternehmensanwendung für ein Produkt, das von Menschen genutzt werden soll, eine eindeutige Priorisierung erfordert.
*Schauen wir uns ein DOOR3-Beispiel an, insbesondere unsere Arbeit mit Dr. Treat. Ein interessanter Anwendungsfall, da der Enddienst eigentlich nicht für Menschen bestimmt war, die Tierhalter aber dennoch die Entscheidung treffen mussten, die Dienste des Kunden im Namen ihrer Haustiere in Anspruch zu nehmen
Wie entscheidet man also über die UX-Design-Elemente einer Unternehmenssoftware für ein Projekt wie dieses? Zunächst entschied sich unser Designteam für eine erweiterte Lean-Canvas-Übung, um den Zielmarkt von Dr. Treat besser zu verstehen. Das Team ging mit seinem auf Empathie basierenden Ansatz noch einen Schritt weiter, indem es PET-Sonas entwickelte.
Die PET-Sonas sind eine unterhaltsame und informative Variante der User Personas und ermöglichen ein tieferes Verständnis dafür, wie die Beziehung zwischen Haustier und Besitzer zu einer Abweichung von einer traditionellen User Persona führen kann. Unsere Haustier-Sonas haben gezeigt, dass sich die Besitzer einen spielerischen Umgang mit ihren Tierarztoptionen wünschen. Medizinische und veterinärmedizinische Praxen wählen viel zu oft einen sterilen Ansatz für ihre Designelemente. Dr. Treat nutzte eine helle Farbpalette und eine einladende Typografie, um sich von seinen Mitbewerbern abzuheben.
Diese Art von menschenzentriertem App-Design und -Entwicklung kommt Unternehmen zugute, die die Art und Weise, wie sie ihre nächste Produktentwicklung oder Dienstleistung angehen, ändern möchten.
Best Practices für Unternehmensdesignsysteme
Es gibt einige Best Practices für Unternehmensdesignsysteme, die Sie beachten sollten, wenn Sie ein digitales Designsystem für das Design von Unternehmensanwendungen entwickeln wollen:
Führen Sie ein UX-Audit durch: Ein UX-Audit beim Aufbau eines Designsystems auszulassen ist so, als würde man die Anwaltsprüfung ablegen, ohne die juristische Fakultät besucht zu haben.
UX-Audits geben einer Organisation die Möglichkeit, die Frage zu beantworten, warum ihr derzeitiges System nicht funktioniert, so dass die Antwort auf die Frage, was benötigt wird, klarer ist. Wenn Sie nicht sicher sind, wie Sie Ihr eigenes UX-Audit durchführen sollen, kann DOOR3 Ihnen helfen.
Unsere UX-Audits decken versteckte Usability-Probleme in Ihrem aktuellen System auf, Usability-Probleme, die die Konversionsraten in Ihrem Unternehmen verringern. Mit mehr als zwanzig Jahren Erfahrung im Bereich UX-Audit-Services kann DOOR3 Ihnen helfen, Ihre nächste Designüberholung in Gang zu bringen. Kontaktieren Sie uns noch heute](https://www.door3.com/contact-us/) für ein kostenloses Beratungsgespräch.
1. Klare Designprinzipien aufstellen
Ein unternehmensweites Designsystem bedeutet die Wahl einer konsistenten Marke für Ihre gesamte Website. Die Festlegung zentraler Designprinzipien, die Ihre Marke und Ihre Ziele in Bezug auf die Benutzererfahrung widerspiegeln, ist ein entscheidendes Element der Best Practices eines Designsystems, da die Beteiligten in der Lage sind, gemeinsame Absichten festzulegen, bevor sie mit dem Aufbau einer Komponentenbibliothek beginnen. Diese beschlossenen Designsystemprinzipien sollten alle Designentscheidungen innerhalb des Systems leiten.
2. Skalierbar bauen
Designsysteme sollten skalierbar sein, um zukünftiges Wachstum zu ermöglichen, insbesondere wenn sie für Unternehmen entwickelt werden. Diese Systeme sollten auch flexibel genug sein, um sich an veränderte Anforderungen anzupassen, ohne dass eine komplette Überarbeitung erforderlich ist.
Die Entwicklung von wiederverwendbaren Designkomponenten und -mustern ist ebenfalls ein wichtiger Aspekt bei der Entwicklung von skalierbaren Systemen. Dadurch wird nicht nur die Konsistenz über verschiedene Produkte und Plattformen hinweg sichergestellt, sondern auch der Entwurfs- und Entwicklungsprozess beschleunigt. Wenn Sie das Rad jedes Mal neu erfinden müssen, wenn Sie Ihr System aktualisieren wollen, dann stehen Sie wieder am Anfang!
3. Barrierefreiheit priorisieren
Machen Sie die Zugänglichkeit zu einem Kernpunkt Ihres Designteams, um sicherzustellen, dass Ihre Produkte von so vielen Menschen wie möglich genutzt werden können, auch von Menschen mit Behinderungen. Durch die Anwendung der WCAG können Sie sicherstellen, dass Ihre Website den aktuellen Zugänglichkeitsstandards entspricht.
4. Abteilungsübergreifende Zusammenarbeit
Der Prozess der Designsystementwicklung sollte stark demokratisiert werden. Wenn ein unternehmensweites Designsystem eine konsistente Benutzererfahrung in allen Regionen des Unternehmens bieten soll, wäre es dann nicht sinnvoll, die Beiträge aller Personen zu berücksichtigen, die von dem System selbst betroffen sein werden?
Die Zusammenarbeit ermöglicht es den Teams, parallel zueinander zu arbeiten und dabei dieselben Prinzipien zu verwenden, die für ihr Designsystem festgelegt wurden. Die Durchführung dieser Sprints mit Hilfe von Agile garantiert außerdem häufige Überprüfungen, die sowohl die Konsistenz bestätigen als auch Iterationen ermöglichen, wenn ein Stakeholder aus einer anderen Abteilung eine Möglichkeit zur Verbesserung des Systems sieht. Achten Sie also darauf, Stakeholder aus verschiedenen Abteilungen (Design System Management, Engineering, Produktmanagement usw.) in den Entwicklungsprozess einzubeziehen, um sicherzustellen, dass das System die verschiedenen Bedürfnisse und Perspektiven Ihres Unternehmens erfüllt.
5. Alles dokumentieren
Führen Sie eine umfassende Dokumentation für alle Komponenten, Muster, Richtlinien und Gebrauchsanweisungen. Dies spart Zeit bei der Einarbeitung neuer Teammitglieder und dient als Referenz für alle Benutzer des Systems.
6. Regelmäßige Aktualisierung und Iteration
Designsysteme sind ein nie endendes Projekt. Sobald Sie eine Version fertiggestellt haben, wartet die nächste Version darauf, entwickelt zu werden. Ein Unternehmensdesignsystem sollte ein lebendiges Dokument sein, das sich auf der Grundlage von Benutzerfeedback, technologischen Fortschritten und sich ändernden Geschäftsanforderungen weiterentwickelt.
7. Schulung und Unterstützung anbieten
Bieten Sie Schulungen und Ressourcen an, um sicherzustellen, dass alle Teammitglieder wissen, wie sie das Designsystem effektiv nutzen können. Dies wird auch dazu beitragen, die Konsistenz innerhalb der Marke zu wahren.
8. Erfolgskennzahlen einführen und messen
Wie können Sie beurteilen, ob Ihr Designsystem eine positive Wirkung hat? Sie können dies sowohl aus der Perspektive der internen als auch der externen Nutzer angehen. Wie hoch ist die Akzeptanz des Systems bei den internen Nutzern? Wurde die Produktivität des Teams gesteigert? Hat sich bei den externen Nutzern die Absprungrate verändert? Ist die positive Assoziation mit der Marke gestiegen?
Die regelmäßige Überprüfung vorab festgelegter Metriken hilft dabei, die Wirksamkeit des Designsystems bei der Erreichung seiner Ziele zu messen.
Die Anwendung dieser Best Practices für Unternehmensdesignsysteme von Beginn eines Projekts an kann Engpässe bei der Entwicklung verhindern und dazu beitragen, den effektivsten MVP von Anfang an zu gewährleisten.
Branding und Design für Unternehmen
Das Branding eines Unternehmens geht Hand in Hand mit der Entwicklung eines Designsystems, denn die visuelle Sprache, die Sie wählen, ist das erste, womit ein Kunde interagiert, wenn er Ihre Dienstleistung oder Ihr Produkt sieht. Elemente des Enterprise Branding wie Logos, Farbschemata, Typografie und Bildsprache (die gemeinhin als Styleguide-Komponenten bezeichnet werden) müssen sorgfältig ausgewählt werden, um die gewünschte Markenwahrnehmung zu gewährleisten, und wenn ein Element nicht übereinstimmt, könnte ein Benutzer Ihr Enterprise Branding auf unerwünschte Weise wahrnehmen.
Das Management des Designsystems ist ein Schlüsselaspekt dieses Prozesses, der die nahtlose Koordination dieser Markenelemente gewährleistet. Es beinhaltet die organisierte und strategische Handhabung von Designkomponenten, um die Markenkonsistenz zu wahren. Ein effektives Designsystemmanagement stellt sicher, dass Logos, Farbschemata, Typografie und Bildsprache harmonisch zusammenwirken und das gewünschte Markenimage über alle Berührungspunkte hinweg verstärken.
“Wenn ich also einen Styleguide für mein Unternehmensbranding erstelle, erstelle ich dann ein Designsystem?”
Nicht ganz!
Ein Styleguide ist eine Dokumentation von Design- und Schreibstandards, die Richtlinien für die Verwendung von Markenelementen wie Logos, Farbpaletten, Typografie und Tonalität enthält.
Ein Designsystem ist ein umfassender Satz wiederverwendbarer Komponenten, die sich an klaren Standards orientieren und zur Erstellung einer beliebigen Anzahl von Anwendungen zusammengesetzt werden können.
Auch wenn ein Styleguide diese klaren Standards vorgibt, ist er selbst kein Designsystem. Stellen Sie sich einen Styleguide wie die Anleitung für Ihr Lego-Set vor. Die Anleitung ist zwar sehr wichtig, aber ohne die Bausteine, mit denen Sie bauen können, ist sie nutzlos.
Die Entscheidungen, die Sie bei der Erstellung eines Styleguides treffen, wirken sich auf fast Ihr gesamtes Branding aus: von webspezifischen Elementen wie Schaltflächen, Navigationsleisten und Web-Typografie bis hin zu Markenartikeln. Ihr Styleguide wird sich auch auf Ihr Designsystem auswirken, wie ein Beispiel zeigt.
Neugestaltung von Grace & Mercy
Als Grace & Mercy sich an DOOR3 wandte, um ihr Design aufzufrischen, wussten wir, dass eine Überarbeitung ihres Designsystems die beste Lösung sein würde. Es fehlte an Konsistenz auf der gesamten Website, und die mobile App war für Menschen mit Sehschwäche nicht zugänglich, was besonders schlimm war, da ein großer Prozentsatz der Nutzer zu den älteren Menschen gehörte.
Das Team musste ein Gleichgewicht finden. Etwas Einfaches und leicht zu Navigierendes für die ältere Bevölkerung, die in der Regel weniger technisch versiert ist und einen höheren Anteil an Zugänglichkeitsbedürfnissen hat, und gleichzeitig etwas Ansprechendes für die jüngere Bevölkerung, die an der Nutzung ihrer [mobilen Anwendung] interessiert ist (https://www.door3.com/blog/selecting-the-right-approach-for-your-mobile-app).
Wir schlossen unser UX-Audit ab, indem wir sowohl die digitalen “Heuristik”-Standards als auch die aus dem Interviewprozess identifizierten Usability-Probleme bewerteten. Wir entwarfen Lösungen für die Probleme in einer visuellen und nach Prioritäten geordneten Weise. Wir entwarfen eine neue Konversions- und Inhaltsstrategie sowie eine Überarbeitung der Benutzeroberfläche mit einem frischen, neuen Look.
Dieser neue Look war das Ergebnis einer Nutzeranalyse und von Befragungen der Beteiligten, die uns dabei halfen zu beurteilen, wie Grace & Mercy ihre Marke wahrnehmen wollte. Durch die Auswahl von Elementen wie den bereits erwähnten (Typografie, Farbschemata usw.) waren wir in der Lage, einen Styleguide zu erstellen, der sowohl zum aktuellen Zustand der Organisation als auch zum angestrebten Ziel passt.
Mit dem Styleguide in der Hand erstellten wir eine Komponentenbibliothek mit wiederverwendbaren Artefakten, die für Konsistenz bei allen Produkten sorgen und bei Entwicklungsinitiativen helfen. Vorbei sind die Zeiten, in denen Designelemente so alt aussahen wie die Bibel selbst. Dieses Redesign sorgte für eine Wiederbelebung der Marke und wird die Organisation und ihr Wachstum in den kommenden Jahren tragen.
UX-Workflow für Unternehmen
Eine von Figma durchgeführte Studie ergab, dass der Entwurf von Komponenten für einen Softwareentwicklungsprozess in einem Unternehmen ohne den Einsatz eines digitalen Designsystems die Produktivität um 34 % verlangsamt. Das ist eine Menge verschenkter Möglichkeiten!
Lernen
Unser Team investiert von Anfang an viel Zeit in das, was wir gerne als Technical Discovery Phase bezeichnen. In dieser Phase nehmen wir uns viel Zeit, um ein umfassendes Verständnis für Ihr Unternehmen und Ihre Bedürfnisse aus einer ganzheitlichen Perspektive zu entwickeln. Während andere Unternehmen diese Zeit vielleicht nicht aufwenden, um kürzere Engagements vorzuschlagen, sind es unsere technischen Entdeckungen, die uns ein solches hohes Lob von unseren Kunden einbringen, da sie uns helfen, von Beginn eines Projekts an genaue Zeitpläne und Budgets zu gewährleisten.
Plan
Nachdem die Erkundung abgeschlossen ist, können wir nun unsere Erkenntnisse in einem lösungsorientierten Fahrplan festhalten. Sowohl für die Designer als auch für die Entwickler werden Sprints angesetzt, um einen realistischen Zeitplan zu gewährleisten, und die Roadmap, bei der die Verwaltung des Designsystems im Vordergrund steht, wird anschließend transparent mit den Projektbeteiligten geteilt. Diese phasenweise Roadmap wird einer strengen Prüfung unterzogen, um sicherzustellen, dass die Anforderungen und Vorschläge übereinstimmen.
Erstellen
Mit der Roadmap in der Hand und dem Startschuss beginnen unsere Designer mit dem UX-Designprozess, wobei sie eine agile Methodik anwenden, um eine konsistente Iteration und Überarbeitung zu fördern. Die Projektbeteiligten werden ermutigt, sich einzubringen und wichtiges Feedback zu Designelementen zu geben, bevor sie an das Entwicklungsteam weitergeleitet werden.
Erstellen
Sobald unsere High-Fidelity-Richtlinien für das Design und die Entwicklung von Unternehmensanwendungen abgeschlossen sind, ist das System bereit für die Entwicklung. Je nach Ihren Bedürfnissen variiert die Beteiligung von DOOR3. Sie haben bereits eigene Entwickler? Kein Problem, denn wir sorgen dafür, dass unser Übergabeprozess mit den Anforderungen Ihres Unternehmens an das Designsystemmanagement abgestimmt ist. Sie benötigen Hilfe bei der Implementierung? Wir sind mehr als fähig, das gesamte System zu entwickeln, sowie Wartung und Metriken für den Systemerfolg bereitzustellen.
Unsere Kunden sprechen für sich selbst
Wir könnten uns selbst loben, aber es bedeutet so viel mehr, wenn es von unseren Kunden kommt. Als Mitglied der Clutch 1000 haben einige unserer Kunden, die ein System für die Unternehmensentwicklung entwickelt haben, Folgendes über unsere Dienstleistungen zu sagen.
“Die Professionalität und Zusammenarbeit von DOOR3 hat uns beeindruckt. Sie haben die Fristen immer eingehalten und sich an das Budget gehalten.” Senior Director für integriertes Fundraising, gemeinnützig
“Wir waren sehr beeindruckt von ihrer Kommunikation und ihrer Bereitschaft zur Zusammenarbeit. Wenn wir Fragen hatten, waren ihre Antworten immer gut recherchiert. Der Prozess hat Spaß gemacht, und die Zusammenarbeit mit DOOR3 war sehr anregend.” UX-Manager, SaaS-Unternehmen
“Alles, was sie uns gaben, war von hoher Qualität; sie waren interaktiv und hatten gute Mitarbeiter.” Produktverantwortlicher, RISA Tech
Verbessern Sie Ihr Design mit der Expertise von DOOR3 für Designsysteme
Ein unternehmensweites Designsystem ist ideal für jedes Unternehmen, das an mehreren Websites und Anwendungen gleichzeitig arbeiten muss. Es richtet die Teammitglieder auf die gleichen Ziele aus und erleichtert die Art von Zusammenarbeit, die jedes erfolgreiche Unternehmen braucht.
Die Dienstleistungen von DOOR3 im Bereich des Unternehmensdesigns sind darauf zugeschnitten, Ihre Designprozesse zu rationalisieren und die Konsistenz über alle Ihre digitalen Plattformen hinweg sicherzustellen. Mit zwei Jahrzehnten Erfahrung wissen wir, wie wir Ihrem Unternehmen helfen können, die Markenintegrität und die Kohärenz der Benutzererfahrung zu wahren, ganz gleich, ob Sie unser Design und unsere Entwicklung von Unternehmensanwendungen für eine einzelne App oder die Einführung einer neuen Produktreihe in Anspruch nehmen.
Bei unserem Ansatz für Unternehmensdesignsysteme geht es nicht nur um die Erstellung eines Regelwerks, sondern um den Aufbau einer flexiblen, skalierbaren Grundlage, die sich mit Ihrem Unternehmen weiterentwickeln kann. Wir arbeiten eng mit Ihren Teams zusammen, um Ihre einzigartigen Herausforderungen und Ziele zu verstehen und sicherzustellen, dass das von uns entwickelte Designsystem eng mit Ihren Arbeitsabläufen und Ihrer Geschäftsstrategie verknüpft ist.
Lesen Sie: Integriertes Systemdesign: Harmonie in der Technologie schaffen
Unternehmensdesignsystem TLDR;
Was ist ein Unternehmensdesignsystem?
Ein unternehmensweites Designsystem ist eine Sammlung von wiederverwendbaren Designelementen, Best Practices, Prozessen und Nutzungsrichtlinien. Ein Designsystem hilft Unternehmen dabei, einen konsistenten, effizienten Designsystem-Management- und Entwicklungsprozess aufzubauen, insbesondere wenn die Organisation wächst. Stellen Sie sich das System wie eine Schachtel mit Legosteinen (Designkomponenten) und Bauanleitungen (Richtlinien) vor, die Teams als Referenz verwenden.
Wie profitiert ein Unternehmen von einem Designsystem?
Ein Unternehmensdesignsystem kann für ein Unternehmen aus verschiedenen Blickwinkeln von Vorteil sein:
Konsistenz: Gewährleistet Marken- und Designkonsistenz über alle Plattformen und Schnittstellen hinweg.
Effizienz: Beschleunigt den Design- und Entwicklungsprozess durch die Verwendung wiederverwendbarer Komponenten.
**Innovation: ** Setzt Ressourcen für Innovationen frei, indem es Arbeitsabläufe effizienter macht.
Kostensenkung: Senkt die Kosten durch Rationalisierung der Designprozesse und Minimierung der Notwendigkeit von Redesigns.
Globale Aktualisierungen: Ermöglicht einfache globale Aktualisierungen und gewährleistet Einheitlichkeit in verschiedenen Bereichen.
Was sind die besten Praktiken für die Implementierung eines Unternehmensdesignsystems?
Hier sind einige Tipps für Organisationen, die ein Unternehmensdesignsystem einführen wollen:
Benennungskonventionen: Legen Sie klare Benennungsregeln für Entwurfsdateien fest, um die Effizienz und Benutzerfreundlichkeit zu erhöhen.
Zusammenarbeit ermöglichen: Verwenden Sie Tools für die Zusammenarbeit, um die parallele Arbeit an verschiedenen Teilen des Systems zu ermöglichen.
Skalierbarkeit: Entwerfen Sie das System im Hinblick auf zukünftiges Wachstum und Skalierbarkeit.
Wählen Sie zwischen benutzerdefinierten oder vorgefertigten Systemen: Entscheiden Sie je nach Ihren Ressourcen und Zielen, ob Sie ein benutzerdefiniertes System erstellen oder ein vorgefertigtes System verwenden möchten.
Was sollten Sie bei der Wahl zwischen einem benutzerdefinierten und einem vorgefertigten System für die Unternehmensplanung beachten?
Bei der Entscheidung zwischen einem vorgefertigten System und der Beauftragung eines Unternehmens wie DOOR3 mit der Entwicklung eines maßgeschneiderten Designsystems als Dienstleistung sind einige Faktoren zu berücksichtigen:
Benutzerdefinierte Systeme: Bieten maßgeschneiderte Lösungen, die sich eng an Ihre Marke anlehnen, aber erhebliche Investitionen in Zeit und Ressourcen erfordern.
Vorgefertigte Systeme: Sie sind kostengünstig und schnell zu implementieren und verwenden vertraute visuelle Sprachen, aber es kann ihnen an Einzigartigkeit und Flexibilität mangeln.
Die Wahl zwischen diesen beiden Optionen hängt stark von Ihrem Budget und dem Bedarf an Anpassungen ab. Ein größeres Unternehmen profitiert möglicherweise mehr davon, ein Unternehmen mit der Entwicklung eines benutzerdefinierten Designsystems als Dienstleistung zu beauftragen, während ein kleineres Team möglicherweise mit einem vorgefertigten System auskommt.
Kann ein Unternehmensdesignsystem eine Marke global ausrichten?
Ein Unternehmensdesignsystem mit effektivem Designsystemmanagement stellt sicher, dass eine Marke weltweit einheitlich ist, was für Unternehmen, die auf mehreren Märkten tätig sind, von entscheidender Bedeutung ist. Es ermöglicht ein konsistentes UX-Design für Unternehmenssoftware und macht globale Aktualisierungen leichter handhabbar, sodass die Markenkohärenz über verschiedene Plattformen hinweg erhalten bleibt.
Wenn Sie Ihre Prozesse für das Design und die Entwicklung von Unternehmensanwendungen verbessern möchten, laden wir Sie ein, die Vorteile eines Unternehmensdesignsystems zu erkunden. Kontaktieren Sie uns noch heute, um mehr darüber zu erfahren, wie unsere Expertise zum Erfolg Ihrer digitalen Projekte beitragen kann.
Entdecken Sie die Möglichkeiten mit einem kostenlosen Angebot
Denken Sie, dass es an der Zeit wäre, zusätzliche Hilfe in Anspruch zu nehmen?
Lesen Sie diese als nächstes...
Fordern Sie ein kostenloses Projektangebot an
Wir werden Ihre Anfrage prüfen und innerhalb von 1 bis 2 Werktagen eine Kostenschätzung für das Projekt erstellen.
Fordern Sie ein kostenloses Projektangebot an