Découverte des systèmes de conception
Objectifs de formation
Une fois cette unité terminée, vous pourrez :
- Identifier les caractéristiques et les fonctionnalités d’un bon système de conception
- Décrire l’utilisation, l’amélioration et la gestion des systèmes de conception par les concepteurs et les développeurs
- Expliquer comment le système SLDS (Salesforce Lightning Design System) aide les développeurs à créer des solutions sur la plate-forme Salesforce
- Décrire les différences entre SLDS et la plupart des systèmes de conception et expliquer pourquoi
Définition d’un système de conception
Avant d’examiner plus en détail les systèmes de conception et leurs possibilités remarquables, commençons par en donner une définition.
Définition d’un système de conception |
Explication |
|---|---|
|
Un système de conception est un ensemble de modèles de conception reproductibles et de bouts de code réutilisables, nommés composants. Les composants peuvent être des boutons, des menus, des sons, des animations, des modèles visuels, etc. Dans certains systèmes de conception, ils peuvent être entièrement fonctionnels et intégrés à une plate-forme d’interface utilisateur. Dans d’autres, comme SLDS, ils restent indépendants de la plate-forme. |
Vous pouvez vous représenter un système de conception comme un ensemble de briques emboîtables (comme les célèbres briques en plastique qui ravissent petits et grands). |
Un système de conception est guidé par des normes, des principes et une documentation clairs et accessibles. |
Tout comme ces briques à emboîter, les composants d’un système de conception sont hautement standardisés et reconnaissables. |
Les développeurs associent les composants du système de conception de différentes manières pour créer des applications avec du code JavaScript. Les instructions de conception servent d’instructions pour l’assemblage des composants en modèles dans le cadre de cas d’utilisation spécifiques. |
Indépendamment, les composants n’ont pas une grande utilité, mais en les assemblant vous pouvez construire presque tout ce que voulez. |
Caractéristiques d’un bon système de conception :
-
Évolutivité : à mesure que le système évolue, la quantité de temps et d’argent consacrée à la création des éléments fondamentaux (briques emboîtables) diminue. Les développeurs réutilisent ces éléments de base dans un grand nombre de produits et de fonctionnalités.
-
Efficacité : les systèmes de conception font gagner du temps et de l’énergie, car ils permettent aux concepteurs et aux développeurs de se concentrer sur l’ergonomie et l’utilité.
-
Cohésion visuelle : les modèles d’un système de conception sont intégrés à cette fin. Ses éléments esthétiques découlent des besoins des utilisateurs. Les composants standardisés renforcent à la fois le style visuel et l’image de marque, et permettent de créer des produits et des fonctionnalités visuellement cohérents pour offrir une expérience utilisateur homogène.
-
Partage : des éléments réutilisables, documentés et accessibles facilitent la collaboration et permettent aux développeurs de récupérer les parties d’un projet et de s’appuyer sur le travail de leurs collègues.
Disponibilité immédiate
À l’instar des briques à emboîter, un système de conception vous permet de commencer immédiatement à développer des solutions. Grâce aux composants prédéfinis, vous pouvez vous concentrer sur la résolution de problèmes complexes et sur l’amélioration de l’expérience utilisateur.
L’autre avantage considérable d’un système de conception réside dans sa grande évolutivité. La bibliothèque de composants, de règles et de consignes permet de maintenir la cohérence entre les concepteurs, les développeurs, les équipes et les produits. Un système de conception évolue en fonction des besoins et permet aux concepteurs et aux développeurs de mettre à jour rapidement et facilement des interfaces et des outils sur une plate-forme complexe.
Présentation des acteurs
L’efficacité de tout système de conception dépend des personnes qui y contribuent.
-
Les consommateurs sont les concepteurs, les développeurs et les utilisateurs des éléments du système de conception aidant à créer des applications. Les consommateurs peuvent être des employés de l’entreprise à l’origine du système de conception ou des tiers, si celle-ci dispose d’un écosystème de clients qui développent des applications sur sa plate-forme, comme c’est le cas pour Salesforce.
-
Les contributeurs créent des éléments et des modèles qui composent le système de conception. À chaque nouvelle version, tout le monde peut proposer de nouveaux modèles, composants ou consignes, ou suggérer des modifications des éléments existants.
-
Les administrateurs s’occupent du système de conception. Cette équipe d’ingénieurs, de concepteurs de produits et de concepteurs graphiques gère le système de conception, supervise son code et explique à la communauté comment l’utiliser. Les administrateurs examinent les mises à jour proposées et les incorporent pour faire évoluer le système de conception.
Si vous lisez ceci, vous êtes probablement un consommateur ou un contributeur de SLDS.
Lightning Design System chez Salesforce
Chez Salesforce, nous travaillons uniquement avec des systèmes de conception. La capacité de la plate-forme Salesforce à s’adapter aux besoins complexes d’un large éventail d’utilisateurs est l’une de ses principales forces.
Nous connaissons également une croissance extrêmement rapide. Notre gamme de produits s’élargit et notre nombre d’employés s’accroît. Au fur et à mesure de notre croissance, nous répondons à davantage de besoins des utilisateurs. Il est donc essentiel que nous concevions une expérience produit cohérente de manière efficace et à grande échelle.
SLDS aide les équipes Salesforce à atteindre cet objectif. L’utilisation de modèles spécifiques à chaque situation permet aux concepteurs d’itérer plus rapidement les tâches de développement et de créer des solutions cohérentes plus efficacement. Les développeurs de composants disposent toujours de la dernière infrastructure, avec un balisage propre et accessible, ainsi qu’un CSS parfait afin qu’ils travaillent plus vite et commettent moins d’erreurs. Les clients et les partenaires créent des personnalisations sur la plate-forme Salesforce à l’aide d’un système propre, cohérent et régulièrement mis à jour, qui fournit des explications claires et des exemples de conception. Ils ne sont donc pas tentés de désosser des logiciels.
La plupart des systèmes de conception mettent à disposition un code entièrement fonctionnel. Toutefois, comme SLDS prend en charge de nombreuses bases de code différentes, comme Lightning Web Components et React, il doit rester indépendant. (Pour en savoir plus sur les différences entre SLDS et les autres systèmes de conception, consultez les ressources énumérées à la fin de cette unité.)
Dans l’unité suivante, nous revenons dans le passé pour aborder la naissance de SLDS.