So pflegen Sie Ihr Designsystem

"Ein System ist eine Gruppe interagierender oder miteinander verbundener Einheiten, die ein einheitliches Ganzes bilden." - Unser lieber Freund Wikipedia

Mit dieser Definition ist es fast unmöglich, KEIN Design-System zu haben, egal ob Sie absichtlich eines erstellt haben oder nicht. Das System kann natürlich mehr oder weniger komplex sein und vom vollständigen Chaos bis zu überorganisierter Organisation reichen.

Obwohl es in den meisten Designbereichen Designsysteme gibt, ist sie zum Synonym für digitales Produktdesign geworden. Das Tolle am digitalen Design ist, dass es sich weiterentwickeln kann. Code kann und sollte sich ändern, Papier nicht.

Airbnb, Sketch, Uxpin, Invision - alles sehr digital-produktdesignerische Wörter

Designsysteme, das Universum und alles

Ich schätze, ich bin nicht der einzige mit einer leichten terminologischen Verwirrung. Musterbibliothek, Styleguide, Marke, Designsystem… Was ist der Unterschied? Ich habe aufgegeben und meine eigenen Definitionen erstellt.

Das Design-System ist immer da, wenn Sie eines erstellen möchten oder nicht. Es entwickelt sich ständig weiter (wenn Sie keine wirklich traurige Marke oder ein Buch sind).

Der Styleguide ist wie der Hitchhikers Guide to the Galaxy. Es hilft Ihnen, das System zu verstehen und es ordentlich und aufgeräumt zu halten. Wenn sich das System ändert, folgt der Styleguide.

Die Marke ist das Bauchgefühl, das die Leute über Sie haben - das heißt, es liegt tatsächlich außerhalb Ihrer Kontrolle.

Die Gestaltungsprinzipien sind Werkzeuge zur Entscheidungsfindung. Mithilfe der Prinzipien können Sie den Umfang Ihres Systems einschränken und Ihre Komponenten auf einer höheren Ebene ausrichten.

Die Musterbibliothek ist, wie ich es sehe, eine Art Style-Guide, jedoch mit weniger Anleitung. So ähnlich wie die Indexseiten am Ende des Buches, auf denen Sie den gesamten Inhalt auflisten.

Ein Styleguide ist kein Produkt, sondern ein Prozess

Ich habe mich schuldig gemacht, Styleguide verkauft zu haben, und ich kann verstehen, warum die Leute das immer noch tun. Für den Kunden sieht es sehr hübsch aus und es fühlt sich so an, als ob Sie das komplette Paket erhalten. Aber ohne einen Prozess, der dies unterstützt, stirbt der Style Guide langsam und das Design-System gerät irgendwann außer Kontrolle.

Verwenden wir eine weit hergeholte Metapher ... stellen Sie sich einen Blumenstrauß vor. Sehr hübsch in den ersten zwei Tagen oder so, aber da Sie die Wurzeln abgeschnitten haben, ist der Tod unvermeidlich. Dies passiert, wenn Sie einen Styleguide übergeben, ohne einen Plan zu haben, wie er wachsen soll.

Stellen Sie sich stattdessen einen Garten vor. Sie säen Samen, beobachten das Wachstum der Pflanzen, entscheiden, dass Sie die Tulpen satt haben, und pflanzen stattdessen etwas anderes. Einige Ernten waren von Anfang an eine gute Idee, aber es war einfach zu viel Wartung. Ihr Garten entwickelt sich ständig weiter. Je mehr Sie darüber erfahren, was in Ihrem Boden am besten wächst, desto schöner wird Ihr Garten.

Sind Sie Gärtner oder Florist?

Indem Sie Ihr Designsystem als Lebewesen betrachten, lässt der Druck der Perfektion nach. Weder Ihr System noch Ihr Guide werden jemals perfekt sein, und darum geht es nicht. Der Punkt ist, sicherzustellen, dass Ihr Design in die Richtung wächst, in die Sie es möchten, vorzugsweise ausgerichtet an den anderen Markenentscheidungen in Ihrem Unternehmen.

Was ist der Zweck?

Was ist der eigentliche Zweck, Zeit für die Entwicklung eines Styleguides zu investieren? Nun, du sagst es mir. Wenn Sie nicht den Zweck haben, einen Styleguide festzunageln, machen Sie zuerst Ihre Hausaufgaben.

Für uns bei Trine bietet unser Styleguide Folgendes:

  • Ein Ort, an dem Entwickler und Designer sich treffen und gemeinsam Entwurfsentscheidungen treffen können.
  • Ein großartiger Spielplatz für die Entwicklung neuer Komponenten (Dummy-Daten-FTW, keine Backend-Kenntnisse erforderlich)
    • Eine Möglichkeit, Inkonsistenzen in unserem Designsystem zu erkennen
    • Eine großartige Möglichkeit, neue Teamkollegen zu gewinnen, da sie die einzige Quelle der Wahrheit sind
    • Ein Weg, um die Entwicklung zu beschleunigen - viel. Es hindert uns daran, das Rad neu zu erfinden.
    • Einige Fragen, die Sie sich stellen müssen, bevor Sie einen Styleguide erstellen

    • Warum brauchst du einen Styleguide? Finden Sie zuerst den Zweck und erstellen Sie dann den Styleguide entsprechend den Anforderungen Ihres Teams - beginnend mit einem MVP.
  • Wer wird der Gärtner Ihres Designsystems sein? Jemand sollte für das Wachstum Ihres Designgartens verantwortlich sein.
  • Einige abschließende Gedanken

    Wenn wir über die Entwicklung von Styleguides sprechen, bleiben wir oft in Wert und Kosten stecken. Indem Sie Ihren Styleguide als Teil des Design- und Entwicklungsprozesses und nicht als fertiges Produkt betrachten, können wir diesen langweiligen Budgetdiskussionen ausweichen. Sicher, es kann eine gewisse Zeit für den Einstieg erforderlich sein, aber dann geht es nur darum, dies in Ihre tägliche Arbeit einzubeziehen.

    Denken Sie daran, dass der Zweck Ihres Leitfadens darin besteht, Sie und Ihr Team zu unterstützen - es ist nicht nur ein Teil der Bewunderung von außen.

    Neugierig auf Trines Styleguide? Sie finden es hier.