Get best of the week

Die dunkle Seite des Designsystems und was damit zu tun ist

Hallo!

Mein Name ist Lesha Svirido, ich bin ein führender Produktdesigner bei der Alfa-Bank (dies ist das, was wir für Online-Banking für Unternehmen tun).

In diesem Beitrag werde ich Ihnen über Design-Systeme erzählen. Ja, sie werden so oft darüber geschrieben wie professionelles Burnout oder Fernarbeit. Ehrlich gesagt hatte das Ding lange Zeit Zeit, um Hype zu werden, seine Grenzen zu füllen, Freude und Enttäuschung zu bringen, aber es bleibt immer noch eine notwendige Sache. Unter dem Strich - darüber, warum das Design-System cool ist und wie es uns bei unserer Arbeit hilft. Warum es nicht immer cool ist, welche Designsysteme dunkle Seiten haben und wie man ihnen widersteht.

Und auch eine Verknüpfung zum Design-System der Alfa-Bank.



Beginnen wir mit dem Offensichtlichen. Die Leute denken oft, dass ein Designsystem für Designer entwickelt wurde, um ihnen das Leben zu erleichtern, und dass es sich um einen so praktischen Satz von Komponenten handelt, der in Sketch oder Figma immer zur Hand ist. Dies wird jedoch als UI-Kit bezeichnet.

Das Design-System ist ein wesentlicher Bestandteil des Produktteams, das auch Entwicklern hilft.

Warum Designsysteme cool sind


1. Das Problem der Skalierbarkeit des Designs ist hervorragend gelöst.

Wir haben viele Produkte in unserer Geschäftsbank, und wenn wir etwas Neues auf den Markt bringen, werden wir diese oder jene Elemente aktiv wiederverwenden. Bei jedem Start könnte man sich hinsetzen und neue Elemente zeichnen. Aber dies verletzt zum einen die Zeit und zum anderen die Konsistenz, auf die ich weiter unten näher eingehen werde. Deshalb verwenden wir wieder und sind nicht schüchtern. Als wir beispielsweise kürzlich ein neues digitales Kreditprodukt auf den Markt brachten, haben wir etwa 60% der zuvor auf den Markt gebrachten Produkte wiederverwendet, und dank dessen haben wir das Produkt sehr schnell auf den Markt gebracht.

2. Hilft beim Schuldenmanagement

Und nicht nur eine Designaufgabe, sondern auch eine Entwicklungsaufgabe. Vor kurzem mussten wir die grüne Farbe, die wir in den Produkten verwenden, in eine andere grüne Farbe ändern. Früher musste man sich mit dem Besitzer jedes Produkts einverstanden erklären, sie sagen, sieh mal, es war so grün, und jetzt wird es so sein. Und hier ist warum. Ja, so ist es. Es ist wahr, es ist notwendig.

Stattdessen haben wir einfach das allgemein akzeptierte Grün auf der Ebene des Designsystems mit wenigen Klicks geändert, und alle Teams haben jetzt neue (korrekte) Eingaben bezüglich der Verwendung von Grün.



3. Hilft bei der Aufrechterhaltung der Konsistenz

Wir haben mehr als 30 Produkte für juristische Personen in der Bank, und mit Hilfe des Design-Systems können wir normalerweise die Konsistenz aller Produkte aufrechterhalten. Warum ist das wichtig? Angenommen, ein Kunde hat vor sechs Monaten einen Kredit aufgenommen. Heute hat er beschlossen, den Erwerb zu arrangieren. In sechs Monaten wird er eine Kaution eröffnen. Während dieser ganzen Zeit muss er bei jedem Schritt die Bank und alle ihre Produkte als ein Ganzes wahrnehmen. Und wenn in einem Produkt etwas anders aussieht als dasselbe Element in einem anderen Produkt, ist dies nicht sehr richtig.

4. Rapid Prototyping

Vielleicht das einzige Plus des Designsystems, das eher für Designer als für das gesamte Team geschärft wird. Um bestimmte Hypothesen zu testen, müssen Sie einen Prototyp erstellen, aber mit seiner Hilfe ist es nicht immer möglich, den einen oder anderen erforderlichen Fluss vollständig zu reproduzieren. Anschließend erstellt der Designer zusammen mit dem Entwickler einen Prototyp, den er testen möchte.

5. Verbesserung der Benutzerfreundlichkeit

Wir haben viele Komponenten, von denen jede bereits im Kampf gegen Benutzer getestet wurde. Das heißt, wir wissen mit Sicherheit, dass Benutzer dieses oder jenes Element eindeutig und ohne Unstimmigkeiten wahrnehmen und Freunde zur Klärung auffordern. Dies sind Arbeitskomponenten, in denen wir zuvor verschiedene Variationen und Zustände zusammengenäht haben, all dies ist bereits in der Bibliothek.



Und alles scheint cool zu sein, oder? Das Design-System ist wunderbar, Sie müssen sie immer und überall verwenden. Aber es gibt dunkle Seiten.

Die dunkle Seite von Designsystemen


1. Einschränkungen für neue Lösungen Ein

Designer kann hervorragende Lösungen für ein Produkt finden und dem Entwickler zur Verfügung stellen. Was er mit den Schultern zuckt, sagt er, sie sagen, sorry, Brüder, wir haben keine in der Bibliothek, wir können das nicht tun. Und hier beruht alles nicht nur auf dem Wunsch des Designers, „schön zu machen“ - zusätzliche Faktoren müssen bewertet werden. Zum Beispiel die Zeit für die Entwicklung neuer Komponenten und die Angemessenheit dieses Prozesses, da der Wert, den der Client nach dem Update erhält, nicht sehr klar ist. Plus ein Budget. Ja, in einer idealen Welt ist alles, was mit dem Budget zu tun hat, niemals ein Designerproblem und sollte seine kreativen Impulse nicht beeinträchtigen.

Aber wir leben in dieser Welt, so dass eine Reihe von Wünschen des Designers aus Sicht des Budgets durchaus als unangemessen angesehen werden können.

2. Langsame Produktentwicklung

Natürlich entwickelt sich das Design-System, aber nicht immer mit der Geschwindigkeit, mit der Sie wollen. Nehmen Sie das Produkt hierher - es muss sich kontinuierlich weiterentwickeln, da technologische Lösungen möglicherweise neu erscheinen und die Wunschliste des Benutzers im Allgemeinen durch etwas anderes ergänzt werden kann. Sie können nicht einfach ein Produkt herstellen, es dem Benutzer geben und es vergessen / bewerten. Es ist sehr wichtig, dass sowohl Designer als auch der Rest des Teams weiter an dem Produkt arbeiten, es verbessern und auf ein neues Niveau bringen, etwas anderes, Notwendiges und Nützliches dazu bringen

Es geht um die gleiche Geschichte wie mit einem Telefon oder einer Uhr. Einer stellte einfach nur Sprachkommunikation bereit, andere zeigten Zeit. Heutzutage sind dies Gadgets mit einer Reihe zusätzlicher Features und Funktionen, ohne die sich der Endbenutzer diese nicht vorstellen kann. Wer braucht jetzt ein Smartphone, in dem es überhaupt keine Kameras oder Multimedia-Datenübertragung gibt? Und intelligente Uhren, die die Uhrzeit anzeigen, aber keine Benachrichtigungen und keinen Wecker haben?

Dies gilt für digitale Produkte nicht weniger und manchmal mehr.

Daher ist es von entscheidender Bedeutung, den Produkten die Bedeutung der Produktentwicklung zu vermitteln. Sprechen Sie über neue Funktionen und neue Benutzersegmente, die dazu beitragen, aussagekräftige Metriken zu verbessern. Und es ist immer nützlich und gut.

3. Verwöhnte Entwickler

Wenn Entwickler längere Zeit mit einem Design-System arbeiten, reagieren sie manchmal auf eingehende Anfragen mit dem Mantra "Dies ist nicht im Design-System enthalten. Leider können wir dies nicht tun." Und hier geht es eigentlich nicht darum, dass sie faul sind oder nicht können oder wollen, sondern dass sie einfach ein solches Verhaltensmuster haben, wie wenn sie mit einer Anfrage zu Ihnen kommen, müssen Sie zum Design gehen -system, ziehen Sie das gewünschte Element von dort heraus und setzen Sie es ein. Dies ist das Kopieren und Einfügen des Designsystems.

Wenn sich also nichts im Entwurfssystem befindet, gibt es nichts zu bekommen. Und Sie müssen es von Grund auf neu zeichnen. Stattdessen mit einem Designer. Wie die Praxis zeigt, beruht hier oft alles genau auf dem Problem der Kommunikation, nicht jeder mag es, sich auf etwas im Prinzip zu einigen.

Was zu tun ist? Der Designer muss klar verstehen, warum er dieses oder jenes Layout zeichnet. Und damit der Entwickler dies auch versteht, und genauso klar - warum sitzen wir hier und finden etwas Neues heraus, anstatt das Designsystem zu durchsuchen und alles glücklich wiederzuverwenden. Und dann müssen Sie diesen Ansatz auf das gesamte Team skalieren. Ein Team ist eine Kampfgeschäftseinheit, es ist notwendig, dass jeder versteht, wofür er genau verantwortlich ist.

4. MVP bleibt MVP Der

Hauptzweck der Existenz eines MVP mit Selbstachtung besteht darin, eine Hypothese zu testen, nach der es sich energisch zu einem Produkt entwickelt, das Kunden und Geld für Unternehmen zugute kommt.

Aber manchmal stellt sich heraus, dass der MVP, der funktioniert hat, einfach als Produkt bleibt. Dies ist der Fall, wenn der Ansatz „Funktioniert - nicht berühren“ falsch angewendet wird. Ja es funktioniert. Die Hypothese funktioniert, für die wir den MVP-Test durchgeführt haben. Und die Tatsache, dass MVP funktioniert, bedeutet nur, dass es an der Zeit ist, sich daran zu erinnern (lesen - zum Produkt).

Egal wie banal es klingen mag, es ist wichtig, Designern und Produkten zu vermitteln, dass sie jetzt sitzen und es MVP sägen. Dass es etwas Vorübergehendes ist, der erste Schritt, ein Hypothesentest. Und die Aufgabe des Teams nach der Überprüfung sollte immer darin bestehen, ein Produkt zu erstellen.

Wie man damit umgeht


1. Planen und etablieren Sie Prozesse.

Sie und Ihr Team sollten verstehen, was Sie heute, morgen, in einer Woche, beim nächsten Sprint tun. Und auch - warum machst du das? Andernfalls verschwindet die Bedeutung der Arbeit im Prinzip.

Wenn dies nicht getan wird, sind Chaos und eine Situation unvermeidlich, in der jeder nur sitzt und seine eigenen Rückstände zusammenbringt.

2. Teambegeisterung

Ja, es klingt wie diese gruseligen „Traumteams, Kekse und Menschen mit brennenden Augen“, aber das Interesse jedes Teammitglieds an dem Prozess ist wichtiger als es scheint. Natürlich können Sie ein Produkt mit den Händen von Menschen herstellen, denen es egal ist, was sie tun und wofür, und ein solches Produkt funktioniert auch. Aber wenn es die Möglichkeit gibt, dies mit Gleichgesinnten zu tun, ist es in jeder Hinsicht besser.

3. Erfolgsmetriken

Sie müssen identifiziert, aufgezeichnet und auf ihre Einhaltung und Umsetzung hin überwacht werden. Sie haben eine Seite gezeichnet - und jetzt können Sie sehen, dass dank ihr die Anzahl der Kunden gestiegen ist. Und es ist gut für einen Menschen, er sieht, dass das, was mit diesen Händen geschaffen wurde, wirklich funktioniert, und es ist nützlich für das gesamte Geschäft.

4. Das Designsystem ist nicht die Polizei des Designs.

Hier ist es immer noch wichtig: Designer, einschließlich Neuankömmlinge, können beginnen, Ihr bestehendes Designsystem als Leitfaden für Maßnahmen und als letzten Ausweg wahrzunehmen. Und es kann sich eine Geschichte herausstellen, in der der Designer eine großartige Idee für die Verwendung der Komponente hat, zum Entwurfssystem geht, sie dort nicht findet und entscheidet, dass die Komponente nicht benötigt wird, dass jemand sie bereits vorgeschlagen hat, sie aber abgelehnt hat. Infolgedessen stellt sich heraus, dass am Anfang eine gute Idee abgefallen ist.

Wenn das Design des Systems nichts enthält, bedeutet dies, dass es dort einen Platz für sich selbst finden kann. Wie ich bereits geschrieben habe, sollte das Design-System neue nützliche Komponenten und Szenarien für deren Verwendung entwickeln und erwerben.

5. Iteration

Ich werde nicht originell sein, wenn ich mit einem Design-System arbeite (und tatsächlich, wenn ich arbeite), Aufgaben in Schritte aufteilen, die Sie ausführen und berechnen können, anstatt nur eine Aufgabe wie „mach es cool“ zu setzen.

Was zu lesen


Handbuch für
Designsysteme Von Marco Suarez, Jina Anne, Katie Sylor-Miller, Diana Mounter und Roy Stanfield

Fantastische

Designsysteme Yuri Vetrov über Schnittstellen

Alfa-Bank Design System

Und noch etwas. Designsysteme haben sich für den Einsatz in großen Unternehmen bewährt, in denen es viele Produkte, Designer, Komponenten und mehr gibt.

Aufgrund dieses Rummels um Designsysteme versuchen sie, sie überall zu implementieren, sogar in kleinen Webstudios für 2 bis 4 Personen, in denen jedes kleine Stück eines Designers in PHP schreibt und Server verwaltet. Da es überall funktioniert und für alle cool ist, wird es auch für uns so sein.

Wird nicht. Wenn Sie ein kleines Startup sind, benötigen Sie kein Design-System für das Design-System selbst. Beginnen Sie einfach mit einem guten UI-Kit und fahren Sie fort.

More articles:


All Articles