Die Erstellung eines Designsystems ist ein ehrgeiziges Projekt
Kürzlich hatte ich die Gelegenheit, für eine internationale Gruppe zu arbeiten, die auf Catering-Dienstleistungen spezialisiert ist.
Im Kontext der digitalen Transformation wurde ein neues digitales Ökosystem geschaffen. Angesichts der beobachteten Probleme habe ich die vielen Vorteile eines Designsystems vorgestellt und dann umgesetzt. Ein schwieriger Teil sicherlich, aber sehr interessant. Hier ist mein Feedback in 10 Punkten, um es mit den Teams zu besprechen.
Un Designsystem, es ist ein UX/UI-Repository von Designern und Entwicklern geteilt, um einen Dienst oder digitale Produkte zu erstellen und zu entwickeln.
DIE 3 SCHLÜSSELKOMPONENTEN
In der Benutzeroberfläche, dem visuellen Stil, entweder die Elemente, aus denen Ihre Benutzeroberfläche besteht
In UX ist die Verwendung, die von Ihnen definierte Benutzererfahrung und le Sprache, wie Sie Ihre Benutzer ansprechen (UX-Schreiben).
Ein Designsystem lebt, das heißt, es entwickelt sich mit der Zeit weiter. Er ist agnostisch, weil es sich den Technologien anpasst und nicht umgekehrt. Es basiert auf dem Prinzip des Atomic Design.
Die Vorteile des Designsystems
Es ist eine einzigartige und universelle Referenz, die es ermöglicht, die Konsistenz über die verschiedenen Produkte einer Marke hinweg aufrechtzuerhalten.
Es erleichtert Entwicklungen dank eines Systems zur gemeinsamen Nutzung von Versionen und spart den Teams Zeit und ist agil, da es von allen geteilt wird.
BEVOR SIE EIN DESIGNSYSTEM ERSTELLEN
#1 PROJEKTSTATUS PRÜFEN
Als ich mit der Erstellung meines Designsystems begann, fehlten einige User Journeys. Ich passte mich an, indem ich mehr Komponenten als erwartet anbot, aber ich musste blind arbeiten, was meine Arbeit etwas verlangsamte.
Um Ihr Designsystem einzurichten, versuchen Sie, Wireframes und eine abgeschlossene Benutzerreise zu haben, bevor Sie beginnen. Selbst wenn sich ein Designsystem weiterentwickeln wird, sparen Sie Zeit, wenn Sie es in dieser Phase beginnen.
#2 HÖREN SIE AUF DIE RICHTIGEN LEUTE
Als ich mein Designsystem erstellte, gaben mir mehrere Personen informelles Feedback. Einige Kommentare waren jedoch widersprüchlich. Ich wusste nicht mehr, auf wen ich hören sollte, weil alle im Projekt wichtig zu sein schienen und bestimmte Entscheidungen heikel waren.
Besprechen Sie dies im Zweifelsfall mit Ihrem Einsatzleiter. Sie werden wissen, wem Sie zuhören müssen oder nicht, indem Sie sich auf eine bestimmte Person beziehen.
#3 ORGANISIEREN SIE IM VORAUS EINE DEBATSITZUNG
In großen Gruppen sind interne Validierungsprozesse manchmal langsam und kompliziert. Sie gehen oft per E-Mail vorbei und landen in einer Kette von Kommentaren. Wie also präsentieren Sie Ihre Arbeit allen und erhalten schnell Feedback?
Organisieren Sie 2 oder 3 Wochen im Voraus ein Treffen, das die Wiederherstellung Ihres Designsystems sein wird.
Laden Sie alle Projektbeteiligten ein! Hochrangige Entscheidungsträger müssen dabei sein, denn sie müssen überzeugt werden. Bitten Sie den Produkteigentümer um Hilfe, um sicherzustellen, dass Sie niemanden vergessen. Die Teams begrüßen solche Initiativen und werden gespannt sein, Ihre Arbeit in Aktion zu sehen.
WÄHREND DER ERSTELLUNG DES DESIGNSYSTEMS
#4 EVANGELISIEREN
Als ich zu Beginn der Mission anfing, über Design System zu sprechen, bemerkte ich, dass ich die Aufmerksamkeit meiner Gesprächspartner verlor. In der vollständigen digitalen Transformation wurden die Mitarbeiter der Gruppe, in der ich arbeitete, von neuen Konzepten überfallen: Design Sprint, Agile Methode, Stand-up-Meetings…
Sie hatten gerade ihre Arbeitsweise geändert und waren nicht in der Lage, die Komplexität all der anderen Berufe zu verstehen. Mir wurde schnell klar, dass ich evangelisieren musste, um sie für das Design System zu interessieren.
Erklären Sie die Grundlagen von Anfang an:
Der Unterschied zwischen Ux und Ui, den Hauptprinzipien des Materialdesigns oder sogar des atomaren Designs … dann der Mehrwert eines Designsystems in Bezug auf Flexibilität und Zeit. Ihre Mitarbeiter werden sich freuen, diese Informationen auf einfache Weise zu erhalten, und Ihr Austausch wird umso besser sein.
#5 MACHEN SIE EINE PRÄSENTATION ZUR FOLLOW-UP-PRÄSENTATION
Was du mit deiner Zeit machst, ist nicht unbedingt für jeden konkret. Wie erklärt man schnell seinen Ansatz?
Präsentieren Sie Ihrem Vorgesetzten von Anfang an eine Missionsnachbereitung. Sie werden den Kontext, die Akteure, die Themen und vor allem einen Zeitplan für das, was Sie tun, angeben. Sie werden ihn so oft wie nötig schicken, damit er Ihren Fortschritt verfolgen kann. Wenn jemand in Ihrem Team Ihre laufende Arbeit sehen möchte, halten Sie diese Präsentation immer griffbereit, um Ihren Gesamtansatz zu erläutern.
Regelmäßig haben Mitglieder des Product Owners, Produktmanagers, UX Designers, Techno Leads… einen Blick auf meine Arbeit geworfen.
Ich nutzte die Gelegenheit, um sie zu evangelisieren. Ich hatte diese Präsentation immer bei mir und zeigte sie, um meinen Prozess zu erklären. Sie sahen, in welche Richtung ich ging, und obwohl ich unvorbereitet war, konnte ich meine Arbeit jederzeit prägnant präsentieren.
#6 BETON ZEIGEN
Ihr Kunde projiziert sich nicht selbst, er stellt sich weder die Art und Weise vor, wie Sie arbeiten werden, noch den Aspekt Ihres Renderings.
Zeigen Sie Ihren Gesprächspartnern neben Ihrer Missionsnachbereitung, was Sie tun. Zeigen Sie, wie Sie Ihre Dateien in Skizzen erstellen, und sprechen Sie mit ihnen über Material Design. Wenn Ihr Gesprächspartner es nicht weiß, zeigen Sie ihm die wichtigsten Prinzipien:
Material ist die Metapher / Kühn, grafisch, absichtlich / Bewegung gibt Bedeutung.
Öffnen Sie den Materialdesign-Editor und zeigen Sie ihm, wie er funktioniert.
#7 FEHLENDE ELEMENTE AUFLISTEN
Ich stieß auf große Schwierigkeiten bei der Wiederherstellung der Ikonen der Marke, für die ich arbeitete. Diese existierten, aber niemand hatte sie.
Wenn Sie fehlende Elemente haben, listen Sie sie auf und fragen Sie nach Ressourcen, um sie zu erstellen. In meinem Fall wurde eine Person extra beauftragt, die für das Design System notwendigen Icons nachzubauen.
#8 SEHEN SIE DEN MÖGLICHSTEN MARKENMANAGER
Wie können Sie sicher sein, dass Ihr Designsystem perfekt in Ihr Markenimage passt?
Wenn Sie für einen großen Konzern arbeiten und eine bestehende Grafikcharta haben, treten Sie näher an die für die Marke verantwortliche Person heran. Es wird Sie bei der Entwicklung Ihres Designsystems unterstützen. Diese Person wird Ihre Entscheidungen validieren und Ihnen helfen, im Falle einer Sackgasse Lösungen zu finden, da sie die Marke besser als jeder andere kennt.
Informelle Treffen von 15 Minuten jeden zweiten Tag sind ausreichend.
#9 ERSTELLEN SIE IHR DESIGNSYSTEM
Ein Designsystem ist kompliziert … Atome sind Symbole, die in Moleküle eingebettet sind, die Symbole sind, die in Organismen eingebettet sind, die Symbole sind, die in Schablonen eingebettet sind … HILFE!
Denken Sie an Atomdesign
Atomic Design besteht aus der Anordnung der Elemente eines Designs in der Reihenfolge ihrer Größe vom kleinsten zum größten in: Atome / Moleküle / Organismen / Vorlagen. Diese von Brad Frost weit verbreitete Designmethode hilft dem Designer, ein flexibles System zu schaffen, das sich an alle Stützen anpasst.
Listen Sie alle Artikel auf, die Sie benötigen, und speichern Sie sie wie folgt:
- Atom : Es ist irreduzibel. ein Logo, eine Farbe, eine Typografie…
- Molekül : Es hat mehrere Atome, es kann reagieren. ein Suchfeld usw.
- Organisation : Dies sind Kombinationen mehrerer Moleküle und Atome. eine Überschrift, etc ...
- Template : Laut Brad Frost werden sie in Code entwickelt, können ohne Inhalt sein und werden verwendet, um die Funktionsweise des Responsive-Design-Systems zu testen.
- Seiten : Dies sind erweiterte Vorlagen mit Inhalt.
Erstellen Sie Ihre Datei in Skizze mit Symbolen.
Ich persönlich bin vom Material Theme Editor inspiriert, diese Datei zu erstellen.
DER TAG DER PRÄSENTATION
#10 SPRECHEN SIE DIE ENTSCHEIDER AN
Hier sind einige Tipps, um die Aufmerksamkeit aller zu gewinnen, um zu überzeugen und schnell Feedback zu erhalten.
Freundlichkeit
Kaufen Sie ein paar Snacks, planen Sie je nach Tageszeit Gebäck, Süßigkeiten, Kuchen ... und danken Sie allen Anwesenden für Ihr Kommen, bevor Sie beginnen.
Zugängliche und lehrreiche Inhalte
Gehen Sie zurück zu den Grundlagen und evangelisieren Sie ein wenig in der Einleitung. Sagen Sie sich, wenn Sie es morgen früh Ihrem Cousin zeigen müssen, der nichts von UX versteht, muss er alles verstehen.
Ein bisschen von Storytelling 😉
Erzählen Sie ihnen eine Geschichte, die ihres Projekts, mit Ihren Fehlern, Ihren Recherchen, Ihren Skizzen … Sie werden sie fesseln!
Ausbildung
Sie müssen am D-Day auf den Punkt sein.
wegnehmen
- Kommunizieren Sie mit allen, das ist der Schlüssel zum Erfolg!
- Vergessen Sie nicht, dass ein Designsystem lebt. Was zählt, ist der Prozess, und wenn Ihr Designsystem beim ersten Mal nicht perfekt ist, ist das normal.
- Denken Sie daran, dass Theorie und Praxis zwei verschiedene Dinge sind.
- So passen Sie sich an die Einschränkungen an, die Ihr Designsystem zu einem nützlichen Werkzeug für das Unternehmen machen.
- Lassen Sie sich von den Großen inspirieren (und nicht von Konkurrenten oder Nachbarn!)
Leslie, UI-Designer @UX-Republik
[Reihe] [ein_drittel]
[/ein_drittel] [zwei_drittel]
UX-ZERTIFIZIERT® von der Nielsen Norman Group
Vom 12. bis 16. November 2018
UX-Republik – Paris Saint-Lazare
Zum ersten Mal in Frankreich, UX-Republic Digital Training Center bietet Ihnen in seinen Räumlichkeiten in Paris eine neue Schulung in Zusammenarbeit mit der Nielsen Norman Group an.
[/two_third] [/row]
