Les composants standard facilitent l'élaboration, la personnalisation et la réutilisation de diagrammes cohérents et de haute qualité. Ce style professionnel est utilisé pour tous les modèles de diagramme Salesforce, et est disponible dans nos outils partenaires pour schématiser des cas d'utilisation :

Lucidchart Éléments Miro Google Slides

Recherchez des exemples d'utilisation de composants dans la galerie Architecture de référence

Les sections suivantes présentent les meilleures pratiques détaillées pour l'en-tête, les cartes, les icônes et les connecteurs inclus dans les composants standard.

L'en-tête doit être présent sur tous les diagrammes et inclure :

• Un titre qui peut être rapidement compris par votre audience
• Une description claire de ce que le diagramme couvre, son but et son intention
• (facultatif) votre logo ou nom de société pour transmettre l'auteur
• (facultatif) une Clé pour clarifier les icônes, dessins ou symboles utilisés en tant que classifications

La taille doit occuper au moins 10 % de la hauteur du diagramme et 100 % de la largeur.

La taille de police de la description doit être au moins égale à la moitié de la taille du titre.

Une Clé doit être incluse lors de l'utilisation d'icônes, de connecteurs, de couleurs, etc., qui ne sont pas spécifiées avec des titres sur le diagramme lui-même. La clé doit être regroupée en lignes paires si possible.

Toutes les propriétés de votre diagramme doivent être représentées par une carte. Les cartes peuvent être redimensionnées et avoir des remplissages transparents ou colorés. Plusieurs sections de la carte présentent des variantes que vous pouvez utiliser pour représenter différents concepts dans votre diagramme.

Un exemple de carte est ci-dessous, avec les différentes sections décrites. Le seul contenu de la Carte requis est le Titre. Les autres sections peuvent être utilisées selon les besoins pour des cas d'utilisation spécifiques.

Icône Carte
Les icônes de carte sont des actifs visuels représentant la propriété de la carte

Titre de la carte
Le titre de la carte est un nom de carte qui peut être rapidement compris, capturant la propriété, la zone ou le concept que la carte représente

Attributs de carte
Les attributs de carte sont des détails textuels sur la propriété, représentés sous forme de liste et utilisés lorsque vous devez capturer et transmettre plusieurs points de données

Pied de page
Le pied de page de la carte fournit des caractéristiques supplémentaires de la propriété. Exemples : Noms de package/ d'objet/ d'API, Propriété, Capacités, etc.

Icônes de pied de page de carte
La section Icônes de pied de page permet aux actifs visuels d'afficher des informations supplémentaires sur la propriété. Par exemple, canaux, services partagés, capacités, etc. Les icônes de pied de page doivent être incluses / expliquées dans votre clé de diagramme.

L'utilisation de différentes sections fournit différentes variantes de carte pour différentes utilisations. Vous pouvez mélanger et mapper l'anatomie des cartes si nécessaire pour créer ces variations dans vos diagrammes. Voir exemples ci-dessous :

Pour des idées sur l'utilisation de ces variantes, consultez la Galerie d'architecture de référence.

Utilisez la possibilité d'ajuster la taille et la couleur de vos cartes si nécessaire pour différencier les types et créer des diagrammes clairs et compréhensibles.

Les cartes peuvent également agir en tant que conteneurs, c'est-à-dire des regroupements pour plusieurs propriétés. Vous pouvez imbriquer des cartes dans une autre carte pour représenter les relations hiérarchiques ou classer les propriétés associées si nécessaire.

Les diagrammes Salesforce fournissent une série de logos de produit Salesforce de base ainsi que des icônes supplémentaires pour représenter les propriétés et d'autres zones de votre diagramme.

Vous trouverez des exemples d'utilisation d'icônes dans la galerie Architecture de référence

Pour d'autres icônes, voir les icônes Lightning Design System.

Les connecteurs doivent toujours utiliser des lignes de connexion coudées et être droits dans la mesure du possible pour plus de lisibilité.

Les connecteurs représentent une étape de relation, d'intégration ou de processus entre deux cartes. Les styles de ligne indiquent un type de connexion différent et doivent être représentés dans votre clé de diagramme. Les points de terminaison indiquent la direction d'un connecteur d'intégration ou de processus. Les points de terminaison indiquent également la cardinalité et l'ordinalité dans un connecteur de relation.

Les pilules sont utilisées pour fournir des détails sur les connexions. Consultez Architecture de solution et diagrammes de flux de processus d'interaction pour des exemples d'utilisation de pilules.

Dans le monde, environ 1,3 milliard de personnes vivent avec une forme de handicap, soit 15 % de la population mondiale. L'accessibilité consiste à rendre votre diagramme compréhensible pour tous vos visualiseurs. Deux zones de focus particulières peuvent faciliter l'accès à vos diagrammes : l'optimisation pour les lecteurs d'écran et l'utilisation appropriée du contraste des couleurs.

Vous trouverez plus de ressources sur la conception pour l'accessibilité dans le blog Salesforce Design.

Lecteurs d'écran
Un lecteur d'écran est une application logicielle qui lit à haute voix les termes d'un fichier, d'une application ou d'un site Web. Un lecteur d'écran peut lire les diagrammes pour les personnes qui ne peuvent pas les voir clairement. Le meilleur format pour la compatibilité du lecteur d'écran est PDF (Portable Document Format). Contrairement aux images et aux applications non accessibles, les fichiers PDF sont accessibles par les lecteurs d'écran pour lire les mots, les formes et les couleurs. L'exportation de vos diagrammes au format PDF lors du partage avec d'autres utilisateurs peut améliorer l'accessibilité.

Contraste de couleur
Augmenter le contraste de couleur est une autre façon d'aider votre diagramme à être plus accessible. Les personnes seront plus en mesure de reconnaître et de lire vos diagrammes lorsqu'ils respectent les Web Content Accessibility Guidelines (WCAG) minimum de contraste de couleur d'avoir un ratio de 4,5:1 entre la couleur d'arrière-plan derrière le texte et la couleur du texte lui-même.

Chaque couleur du système Salesforce est associée à un chiffre, compris entre 0 et 100. Lorsque vous choisissez des couleurs pour vos diagrammes, assurez-vous que la couleur d'arrière-plan derrière le texte est supérieure ou inférieure d'au moins 50 points à la couleur du texte. Par exemple, si votre couleur d'arrière-plan est 80, la couleur du texte ne doit pas dépasser 30. Vous pouvez également utiliser la règle des 50 points si nécessaire pour les bordures et les contours.

Vous avez une entrée ou des questions sur les diagrammes Salesforce ? S'il vous plaît faites-nous part de vos pensées ici.