Wie und warum wir SLDS entwickelt haben
Lernziele
Nachdem Sie diese Lektion abgeschlossen haben, sind Sie in der Lage, die folgenden Aufgaben auszuführen:
- Beschreiben der Umstände, die sich auf die Entwicklung des Salesforce Lightning Design System auswirkten
- Erläutern der Ziele des für das SLDS-Designsystem zuständigen Team
Es war einmal
Man kann es sich kaum vorstellen, aber Salesforce hatte nicht immer ein umfassendes Designsystem. Kommen Sie mit uns auf eine Reise in die Vergangenheit und erleben Sie die Entstehungsgeschichte des heutigen Salesforce Lightning Design System (SLDS).
SLDS hat sich auf Umwegen zu dem Designsystem entwickelt, das es heute ist. Es entwickelte sich als Reaktion auf das Wachstum von Salesforce, technologischen Veränderungen und steigenden Benutzeranforderungen. SLDS musste skaliert werden, um mit dem rasanten Wachstum und den enormen Änderungen Schritt zu halten. Wenn Sie die Entwicklung von SLDS von damals bis heute kennen, kann Ihnen das helfen, das heutige SLDS und seine mögliche Weiterentwicklung zu verstehen.
Unsere Geschichte beginnt im Jahr 2013, zwei Jahre vor der Markteinführung von Lightning Experience. Salesforce wächst rasant, hat gerade ExactTarget gekauft und steht kurz davor, seine erste vollständig mobile Version der Salesforce-Plattform, Salesforce1, auf den Markt zu bringen. Angesichts des rasanten Wachstums erkennen die Designer und Entwickler des Unternehmens die Notwendigkeit, konsistente Erfahrungen über die gesamte Bandbreite der Salesforce-Anwendungen hinweg sicherzustellen und den Grundstein für ein Designsystem zu legen, das sich mit dem Unternehmen und der Plattform weiterentwickelt.
Und daher beginnt dieses Team mutiger Visionäre zeitgleich mit der Einführung von Salesforce1, eine Musterbibliothek anzulegen und einen ersten Styleguide für Designteams zusammenzustellen. Das Entwicklungsteam für Salesforce1 wählt den Begriff Designtoken, um Styleguide-Werte zu beschreiben, die bei allen nativen Betriebssystemen und Webanwendungen funktionieren.
Landmark Design System
Sie kennen das sicher: In alten Filmen wird manchmal das schnelle Umblättern von Kalenderseiten als Bild verwendet, um zu zeigen, wie die Zeit vergeht? Lehnen Sie sich zurück, sehen Sie zu, wie die Kalenderseiten umgeschlagen werden, und stoppen Sie mit uns Anfang 2015! Die Designer und Entwickler bei Salesforce haben die Musterbibliothek und Designtoken mit einem erweiterten CSS-Framework (Cascading Style Sheets) kombiniert und das Ganze "Landmark Design System" genannt.
Um sicherzustellen, dass das Landmark Design System für jede Plattform verwendet werden kann, basiert es das Team auf HTML-Entwürfen, anstatt auf voll funktionsfähigen Komponenten, die bei Designsystemen üblicher sind. Das System enthält zudem ein erweitertes CSS-Framework und breitgefächerte Muster für die Oberflächeninteraktion, die bewährten Designverfahren folgen. Das Ergebnis ist ein Designsystem, dessen Elemente zusammenwirken, um eine gleichbleibend gute Benutzererfahrung zu gewährleisten.
Der Blitz schlägt ein mit Lightning
Das ist sehr beeindruckend, doch das Landmark Design System-Team ruht sich nicht auf seinen Lorbeeren aus. Während der Einführung des neuen Designsystems gestaltet das Team die Benutzeroberfläche von Salesforce Classic (Aloha) mit einer umfassenden visuellen Sprache namens Lightning Experience neu und verändert dabei das Erscheinungsbild sämtlicher Salesforce-Kernprodukte. Immer mehr Produktteams setzen bei ihren Produkten auf Lightning Experience. Das Landmark Design System-Team hat folgende Ziele für Lightning Experience:
- Benutzer im Vertrieb unterstützen, schneller zu verkaufen
- Die Produktivität von Benutzern im Kundenservice steigern
- Allen Benutzern eine moderne Benutzeroberfläche bieten
Keine große Sache, oder?
Ein neuer Name
Im Jahr 2015 werden die Designrichtlinien mit dem CSS-Framework kombiniert, mit dem Ziel, das Designsystem sowohl für Designer als auch für Entwickler besser nutzbar zu machen. Mit der Einführung wird Lightning Experience von der Mobilversion auf die Desktopversion erweitert. Das erste Salesforce-Designsystem-Team aktualisiert auch das CSS-Framework von Landmark und fördert die Nutzung innerhalb von Salesforce.
Die Nutzung von Landmark nimmt zu, und der CEO und Gründer von Salesforce, Marc Benioff, erkennt sein Potenzial und nennt es in Salesforce Lightning Design System (SLDS) um. Anfang 2016 wird das CSS-Framework von SLDS zum Kern-Code von Salesforce hinzugefügt.
Zu den Produkten, bei denen SLDS schon früh genutzt wird, gehören Sales Cloud (für das Tokens und Styleguide-Dokumentation ab Winter 2015 genutzt wurden), Salesforce Mobile und Service Cloud (Sommer 2016). Mit zunehmender Akzeptanz bildet SLDS-Entwickler eine Partnerschaft mit UX-Designern, um Muster und Dokumentation für den Kern zu standardisieren. Als Reaktion auf Kundenanfragen stellt Salesforce unter lightningdesignsystem.com das weltweit erste Open Source-Unternehmensdesignsystem vor, mit dem jeder SLDS nutzen kann.
SLDS heute und in Zukunft
Bis 2018 wird SLDS für die gesamte Salesforce-Plattform genutzt und veröffentlicht regelmäßige Updates, die sich auf die gesamte Salesforce-Plattform auswirken. Im Laufe seines Wachstums stand das Designsystem vor Herausforderungen bei seinem Ziel, über die gesamte, wachsende Produktfamilie von Salesforce hinweg erstklassige Unterstützung und Governance zu bieten. Das Aufrechterhalten einer kohärenten Benutzererfahrung für die Kunden trotz Wachstums um das Fünffache innerhalb von drei Jahren bedingte die sorgfältige Berücksichtigung mehrerer Akquisitionen, neuer Produkte, technologischer Änderungen und wechselnder Prioritäten bei jeder Hauptversion. Das SLDS-Team hat sich zum Ziel gesetzt, nicht nur mit jeder neuen Version Muster zu aktualisieren, sondern auch neue Designelemente aus dem gesamten Produktportfolio zu konsolidieren und in SLDS zu integrieren, damit sich den Kunden stets eine einheitliche Erfahrung bietet.
Aber insgesamt wurde SLDS positiv aufgenommen, immer mehr Kunden und Partner nutzen das System und übernehmen Elemente aus seinen Konzepten und seinem Governance-Modell in ihren eigenen Unternehmen. Das Designsystemteam holt ständig Feedback ein und aktualisiert das System, um den Bedürfnissen der Verbraucher und Beitragenden gerecht zu werden. Und beim Auftreten neuer Herausforderungen – wie einem exponentiellen Wachstum – wird SDLS mit Bedacht weiterentwickelt, um sie zu meistern und zugleich an der Vision einer kohärenten Erfahrung festzuhalten.
Ressourcen