Exploration des ressources SLDS
Objectifs de formation
Une fois cette unité terminée, vous pourrez :
- Décrire les principales ressources SLDS : les instructions de conception, les plans de composants et les jetons de conception
- Accéder à la documentation SLDS pour obtenir des instructions sur la conception, l’accessibilité et le style de SLDS
Présentation de l’équipe du système de conception
Vous savez que l’équipe du système de conception est responsable de SLDS. Cependant, ses responsabilités ne s’arrêtent pas là. Son objectif officiel est le suivant :
Mettre en place une expérience de haute qualité, cohérente avec la marque, sur l’ensemble de nos produits, par le biais d’une assistance humaine et d’outils internes.
Décomposons ces différents éléments.
L’équipe du système de conception fournit une assistance humaine en donnant aux concepteurs et aux développeurs les moyens de créer des solutions de conception de haute qualité et cohérentes avec la marque. L’équipe aide également les contributeurs à comprendre l’incidence de petits changements sur un système plus vaste et à créer des éléments qui fonctionnent sur tous les produits et pour plusieurs cas d’utilisation. Enfin, l’équipe met au point des outils, comme les instructions d’interaction et de conception visuelle, qui abordent les concepts de haut niveau, les modèles de conception et les types de page.
Fonctionnement de SLDS
Nous arrivons maintenant aux principes de base de SLDS. Pour maintenir la cohérence de leurs produits avec l’expérience utilisateur de Salesforce, les équipes produit peuvent consulter un ensemble complet de ressources de conception sur le site lightningdesignsystem.com.
Les instructions de conception décrivent des modèles reposant sur des cas d’utilisation spécifiques. Les modèles sont associés à des plans (CSS documentés et accessibles). Les consommateurs utilisent des modèles pour créer des applications Web et natives grâce à Lightning Experience. Les instructions de conception abordent des questions générales sur l’expérience utilisateur de Salesforce, telles que : Comment les données sont-elles affichées ? Comment les données sont-elles saisies ? Comment la recherche est-elle gérée ? Comment l’interface utilisateur indique-t-elle que l’information est en train de charger ? SLDS utilise deux types d’instructions de conception.
-
Plans : ils correspondent à un type d’instructions de conception. Ils sont accessibles au format HTML et CSS, statiques, indépendants de l’infrastructure et destinés à des éléments d’interface utilisateur, tels que des cases à cocher, des en-têtes de page et des menus dynamiques. Les développeurs se servent des plans pour construire des composants. (Leur nom complet est « plans de composant ». Certains les nomment tout simplement « composants », mais ce n’est pas tout à fait exact. Les composants sont généralement entièrement fonctionnels, mais les éléments HTML5 et CSS dans SLDS sont statiques. Vous devez intégrer un plan SLDS à une structure JavaScript avant de pouvoir interagir avec celui-ci.)
-
Jetons : il s’agit d’un autre type d’instruction de conception. Les jetons sont des entités nommées qui contiennent des attributs de conception visuelle. Chez Salesforce, nous les utilisons à la place de valeurs codées en dur (telles que les valeurs hexadécimales pour la couleur ou les valeurs de pixels pour l’espacement). Grâce aux jetons, nous sommes en mesure de maintenir une interface utilisateur évolutive et cohérente. L’utilisation de jetons de conception peut faire gagner du temps aux concepteurs et aider à maintenir la cohérence. Plus important encore, lorsqu’un concepteur utilise un jeton, chaque instance est automatiquement mise à jour dès lors que ce jeton est mis à jour dans SLDS, sans aucune opération manuelle. L’utilisation de jetons pour représenter les attributs de conception permet à l’équipe de conception de mettre à jour et de faire évoluer les éléments de conception sur toutes les applications Web et natives.
Ressources supplémentaires
SLDS comprend également :
-
Des outils, tels que des API, des plug-ins et des kits de conception, qui permettent de créer des solutions plus rapidement et plus facilement avec SLDS.
-
Des consignes concernant le style à employer pour rendre le contenu Salesforce clair, cohérent et attrayant, que ce soit dans une application ou en ligne. Ces consignes s’appliquent à tous les textes Salesforce, des communications officielles aux instructions et aux messages d’erreur affichés à l’écran.
-
Des consignes d’accessibilité pour aider les personnes handicapées à percevoir, à comprendre et à utiliser les applications Salesforce, ainsi qu’à y contribuer. Toutes les applications Salesforce s’efforcent de respecter les normes de l’industrie WC3 WCAG 2.0 AA afin d’être perceptibles, utilisables, compréhensibles et fiables pour tous les utilisateurs. Voici quelques exemples :
- La mise à disposition d’alternatives d’interaction au clavier pour toutes les actions réalisées avec la souris
- L’étiquetage correct de tous les champs et boutons du formulaire
- L’offre d’alternatives textuelles pour toutes les images, vidéos, icônes et SVG
Tous les composants SLDS doivent communiquer leur identité, leur modèle opérationnel et leur état aux technologies d’aide. Ils doivent également porter le marquage ARIA pour être reconnus par les utilisateurs des technologies d’aide. Pour en savoir plus sur l’accessibilité, consultez les ressources ci-dessous.
L’avenir de SLDS
Salesforce est un leader du secteur des systèmes de conception. SLDS était le premier système de conception open source pour les entreprises au monde. Aujourd’hui, l’équipe SLDS s’interroge sur le système de conception de demain : comment un système de conception peut-il mettre à profit l’intelligence artificielle ? Pouvons-nous permettre à tout le monde d’utiliser des composants Web Lightning sur n’importe quelle plate-forme JavaScript ? Pouvons-nous le faire sans réécrire le code ? Comment plusieurs systèmes de conception peuvent-ils s’appuyer mutuellement pour étendre les cas d’utilisation à d’autres thèmes ?
Quelles que soient les réponses, de nouvelles questions naîtront. Nous espérons que vous vous joindrez à nous dans cette aventure et que vous accompagnerez l’évolution de SLDS.