Skip to main content
Join the Agentforce Hackathon on Nov. 18-19 to compete for a $20,000 Grand Prize. Sign up now. Terms apply.

Histoire du développement de SLDS

Objectifs de formation

Une fois cette unité terminée, vous pourrez :

  • Décrire les conditions qui ont influencé le développement de Salesforce Lightning Design System
  • Expliquer les objectifs de l’équipe du système de conception SLDS

Histoire

Cela peut être difficile à imaginer, mais Salesforce n’a pas toujours utilisé de système de conception complet. Nous allons faire un saut en arrière pour découvrir l’origine de ce qui est maintenant le système de conception Salesforce Lightning Design System (SLDS).

La progression de SLDS vers le système de conception que l’on connaît actuellement n’a pas été linéaire. SLDS a évolué en réponse à la croissance de Salesforce, aux changements technologiques et aux besoins croissants des utilisateurs. Il a dû s’adapter à la croissance et aux changements rapides. En découvrant le passé de SLDS, vous comprendrez mieux son état actuel et ses évolutions futures.

Notre histoire commence en 2013, deux ans avant le lancement de Lightning Experience. Salesforce connaît alors une croissance rapide. L’entreprise vient d’acquérir ExactTarget et est sur le point de lancer Salesforce1, sa première version entièrement mobile de la plate-forme Salesforce. Face à cette croissance rapide, les concepteurs et les développeurs de la société reconnaissent la nécessité de garantir des expériences cohérentes sur l’ensemble des applications Salesforce, ainsi que de poser les bases d’un système de conception évoluant en même temps que la société et la plate-forme.

Jetons en forme de pièces d’or orné d’un éclair

Ainsi, avec le lancement de Salesforce1, cette équipe de courageux visionnaires a commencé à mettre en place une bibliothèque de modèles et à créer un premier guide de style pour les équipes de conception. L’équipe technique de Salesforce1 a choisi le terme de jetons de conception pour décrire les éléments des guides de style qui fonctionnent sur les systèmes d’exploitation natifs et les applications Web.

Landmark Design System

Vous connaissez ce vieux procédé cinématographique qui consiste à faire rapidement défiler les pages d’un calendrier pour indiquer le temps qui passe ? Imaginez que les pages défilent jusqu’au début de l’année 2015. Les concepteurs et les développeurs Salesforce ont associé la bibliothèque de modèles et les jetons à une infrastructure CSS (Cascading Style Sheets) étendue pour créer le système de conception Landmark Design System. 

Pour s’assurer que Landmark Design System fonctionne sur toutes les plates-formes, l’équipe l’a construit autour de modèles HTML plutôt que de composants entièrement fonctionnels, plus courants dans les systèmes de conception. Le système comprend également une infrastructure CSS étendue et des modèles d’interaction d’interface utilisateur étendus conformes aux meilleures pratiques de conception. Le résultat obtenu est un système de conception dont les éléments travaillent de concert pour produire une expérience utilisateur de haute qualité constante.

Ordinateur portable affichant le logo Landmark Design System sur son écran

Arrivée de Lightning

C’est un résultat impressionnant, mais l’équipe Landmark Design System ne se repose pas sur ses lauriers. Lors du lancement du nouveau système de conception, l’équipe repense l’interface utilisateur de Salesforce Classic (Aloha) en adoptant un langage visuel complet appelé Lightning Experience, transformant ainsi l’apparence des principaux produits Salesforce. De plus en plus d’équipes produit adoptent Lightning Experience. L’équipe Landmark Design System fixe à Lightning Experience les objectifs suivants :

  • Permettre aux commerciaux de vendre plus rapidement
  • Améliorer la productivité du service d’assistance
  • Proposer à tous les utilisateurs une interface utilisateur moderne

Rien de trop compliqué, vous ne pensez pas ?

Nouveau nom

En 2015, les instructions de conception sont combinées avec l’infrastructure CSS, l’objectif étant de faciliter l’utilisation du système de conception par les concepteurs et les développeurs. Parallèlement au déploiement, Lightning Experience s’étend des supports mobiles aux ordinateurs de bureau. L’équipe du premier système de conception Salesforce met également à jour l’infrastructure CSS de Landmark et favorise son adoption au sein de la société.

L’adoption de Landmark progresse et Marc Benioff, PDG et fondateur de Salesforce, prend conscience de son potentiel et le renomme Salesforce Lightning Design System (SLDS). Début 2016, l’infrastructure CSS de SLDS est ajoutée au code de base de Salesforce.

Les premières solutions qui ont recours à SLDS sont Sales Cloud (qui commence utiliser les jetons et la documentation du guide de style à l’hiver 2015), Salesforce Mobile et Service Cloud (été 2016). Face à l’adoption croissante, les ingénieurs de SLDS s’associent aux concepteurs de l’expérience utilisateur pour standardiser les modèles de base et la documentation. En réponse aux demandes des clients, Salesforce lance le premier système de conception pour les entreprises en open source au monde sur lightningdesignsystem.com, rendant ainsi SLDS public.

Constellation d’étoiles dessinant un éclair

SLDS aujourd’hui et demain

En 2018, la plate-forme Salesforce a pleinement intégré SLDS. Les mises à jour régulières du système influent sur l’ensemble de la plate-forme. Au cours de son évolution, le système de conception a relevé de nombreux défis en vue de fournir une assistance et une supervision de premier plan dans la suite de produits en expansion de Salesforce. Maintenir une expérience utilisateur cohérente pour les clients, malgré une multiplication par cinq de l’activité en seulement trois ans, a nécessité d’examiner attentivement les nombreuses acquisitions, les nouveaux produits, les changements technologiques et la modification des priorités à chaque version majeure. L’équipe SLDS vise non seulement à mettre à jour les modèles à chaque version, mais également à consolider et à intégrer de nouveaux éléments de conception dans ses portefeuilles de produits dans SLDS afin que les clients continuent à profiter d’une expérience cohérente.

Toutefois, SLDS a été bien accueilli dans l’ensemble, et un nombre croissant de clients et de partenaires ont adopté le système et reproduit des éléments de ses concepts et de son modèle de gouvernance dans leurs propres organisations. L’équipe du système de conception sollicite constamment des retours et met régulièrement à jour le système pour répondre aux besoins des consommateurs et des contributeurs. De plus, à mesure que de nouveaux défis tels que la croissance exponentielle de l’entreprise émergent, SLDS évoluera de manière réfléchie pour y répondre tout en conservant sa vision d’expérience cohérente.

Ressources

Partagez vos commentaires sur Trailhead dans l'aide Salesforce.

Nous aimerions connaître votre expérience avec Trailhead. Vous pouvez désormais accéder au nouveau formulaire de commentaires à tout moment depuis le site d'aide Salesforce.

En savoir plus Continuer à partager vos commentaires