Wissen,

was kommt. Trends erkennen, Wissen bündeln und an den Herausforderungen wachsen: Was uns umtreibt, sind die digitalen Fragen der Zeit. Insights, Studien und Papers zur digitalen Transformation stehen hier.

Digital Design Pattern Library – Effizienz im digitalen Design

Effiziente Anwendbarkeit und Skalierbarkeit von digitalem Design sind heute wichtiger denn je. Die Kund*innen von heute und morgen nutzen immer mehr digitalen Touchpoint. Diese müssen immer schneller von immer mehr Teams bespielt werden, internen wie externen. Um bestmögliche Ergebnisse im Sinne der Nutzer*innen und Unternehmen zu garantieren, müssen die digitalen Touchpoints konsistent gestaltet sein. Anpassungen am bestehenden Design müssen genauso sauber und flüssig von der Hand gehen, wie der Roll- out ganz neuer Designs. Möglich ist das mit einer Digital Design Pattern Library – einem Design System mit hinterlegtem, funktionierendem, getestetem Code.

HERAUSFORDERUNG DIGITALES DESIGN

Viele Kreative, ob intern oder extern, arbeiten kontinuierlich an digitalen, funktionsfähigen Interfaces. Ähnliche Aufgaben werden dabei immer wieder und immer wieder anders gelöst. Dadurch entstehen Inkonsistenzen. Diese schwächen das digitale Markenerlebnis, schaden dem Erlebnis der Nutzer*innen, die Produkte sind schlechter zu bedienen und die mehrfache Entwicklung kostet immer wieder aufs Neue Zeit und Geld.   

Ein klassisches Brandportal bildet das Design und in seinen anwendungsspezifischen Ausprägungen ab. Es ist ein damit ein wichtiger Point-of-Reference für alle Designarbeiten und den Umgang mit CI und CD. Was ein Brandportal nicht leistet, ist, die digitalen Design-Elemente, ihre Funktionalitäten, die Pattern und den Code dahinter zusammen abzubilden. Aktueller Code ist daher nicht für Neuentwicklungen verfügbar.  

Auf diese Problemstellung bietet eine digitale Design Pattern Library, kurz Design System, die Antwort.  Sie erlaubt eine zentrale Entwicklung, gemeinsam Design und Frontend, indem zentral UI-Elemente, Module und Templates bereitgestellt werden. Sie sind damit projektübergreifend, robust und sicher für alle konsumierbar, die damit arbeiten sollen. Nichts geht verloren, nichts wird doppelt-und-dreifach erarbeitet.  

IN DREI SCHRITTEN VOM CORPORATE DESIGN ZUR DIGITAL DESIGN PATTERN LIBRARY

Der Startingpoint oder Rohstoff für die Arbeit mit einer Digital Design Pattern Library ist das Corporate Design. In einem Dreischritt wird aus dem Corporate Design alles gewonnen, was für eine funktionsfähige Digital Design Pattern Library notwendig ist.

1. Schritt: Design atomisieren

Das bedeutet, das bestehende Corporate Design in die kleinsten Einheiten zu zerlegen.

2. Schritt: Organismen und Abläufe aufbauen

Aus diesen Atomen werden dann alle größeren Einheiten (Organismen) für alle Anwendungsmöglichkeiten aufgebaut.

3. Schritt: Alle Atome und Patterns mit ihrem Code abbilden...

… in einem Tool, in dem die Elemente in Isolation betrachtet werden können, genauso wie im Zusammenspiel.

VORTEILE: QUANTIFIZIERBAR UND QUALITATIV ÜBERZEUGEND

Eine Digital Design Pattern Library ist nicht bloß Problemlösung. Sie realisiert auch Kostensenkungen, Qualitätsverbesserungen und drastische Geschwindigkeitssteigerungen. Kosten werden sinken, weil alles, was entwickelt wird, nur einmal bezahlt wird und dann beliebig oft in unterschiedlichsten Anwendungen genutzt werden kann. Die Qualität wird verbessert, weil eine einheitliche und konsistente User Experience für alle digitalen Projekte gewährleistet wird. Zudem besteht für die Zukunft eine zentrale, geprüfte Code-Basis für die Frontend-Implementierung. Die Geschwindigkeit wird gesteigert, weil einmal Entwickeltes einfach und direkt als robuste Basis für Neuentwicklungen genutzt wird. Das gilt für alle heutigen und zukünftigen Anwendungen von Kundenportal bis APP.  

Doch auch in der Arbeit der Teams macht sich eine Veränderung bemerkbar. Endlich gibt es einen Single Point Of Truth: Eine Intuitiv zu durchsuchende Sammlung, die an einem Ort alle wichtigen Elemente und Anwendungen bündelt und immer aktuell ist. Design und Code gehen außerdem Hand in Hand: Das digitale Design – vom einzelnen Button bis zu Funktionalitäten, wie z.B. einem Log-In-Ablauf – wird grafisch abgebildet und dazu der getestete Code hinterlegt. Schließlich ändert sich der Work-flow von Grund auf: Es wird wirklich Neues entwickeln, nicht dasselbe nochmal. Alle entwickelten digitalen Pattern und Komponenten werfen für alle wiederverwendbar aufbereitet und zugänglich gemacht, sodass alle sich auf die Entwicklung von Neuem konzentrieren können. Und schließlich die Ganzheitlichkeit: Neuentwicklungen werden kontrolliert zurück ins System gespielt, wenn sie in Zukunft wieder allen Akteur*innen zur Verfügung stehen sollen.  

HANDS-ON: WAS SIND DIE NÄCHSTEN SCHRITTE?

Die Umsetzung einer Digital Design Pattern Library beginnt am besten mit einem Kick-Off Workshop. Hier steht die Klärung der wichtigsten Fragen im Vordergrund: Wer arbeitet mit der Library? Wo sind heute Pain Points? Welche gesamtstrategische Richtung muss berücksichtigt werden? Ausgehend von den Antworten beginnt die Evaluation und Planung. Die richtigen Tools, Stacks und Workflows werden unternehmensspezifisch festgelegt. Die Ergebnisse fließen in die Festlegung von Scope und Timeline: Arbeitspakete, ihre Größe und Reigenfolge werden definiert. Dann beginnt schon die eigentliche Arbeit an Ihrer Digital Design Pattern Library.  

WIE KÖNNEN WIR IHNEN HELFEN?

Wir haben Ihr Interesse geweckt und Sie möchten Näheres erfahren? Dann kontaktieren Sie unsere Expert*innen via E-Mail oder Telefon! Wir freuen uns auf den Austausch!    

Expert*innen sondieren Ihre Optionen und führen in den Projektablauf ein 

Ihr Weg zum Kick-Off Workshop

Was können wir für Sie tun?

Ihr Ansprechpartner

Marian Gertheim

Marian Gertheim
Beratung
Fon +49 30 72 62 77 - 974

E-Mail schreiben
XS
SM
MD
LG