Met standaardcomponenten kunt u gemakkelijk hoogwaardige, consistente diagrammen samenstellen, aanpassen en hergebruiken. Deze professionele stilering wordt gebruikt voor alle Salesforce-diagramsjablonen en is beschikbaar in onze partnertools voor het maken van diagrammen voor gebruikscases:


Voorbeelden van het gebruik van componenten vinden in de Naslagarchitectuurgalerij

De volgende secties bevatten gedetailleerde best practices voor de koptekst, kaarten, pictogrammen en connectoren die zijn opgenomen in de standaardcomponenten.

Diagramkoptekst

De koptekst moet aanwezig zijn in alle diagrammen en het volgende bevatten:

  • Een titel die snel kan worden begrepen door uw doelgroep
  • Een duidelijke beschrijving van wat het diagram bestrijkt, het doel en de bedoeling ervan
  • (optioneel) uw logo of bedrijfsnaam om de auteur over te brengen
  • (optioneel) een sleutel om pictogrammen, ontwerpen of symbolen te verduidelijken die als classificaties worden gebruikt

De grootte moet minstens 10% van de diagramhoogte en 100% van de breedte beslaan.

De tekengrootte van de beschrijving moet minstens de helft van de grootte van de titel zijn.

Er moet een sleutel worden opgenomen wanneer pictogrammen, connectoren, kleuren, enz. worden gebruikt die niet zijn opgegeven bij titels op het diagram zelf. De sleutel moet indien mogelijk worden gegroepeerd in even rijen.

Alle eigenschappen van uw diagram moeten worden weergegeven met een kaart. Kaarten kunnen van formaat worden gewijzigd en kunnen transparante of gekleurde vullingen hebben. Er zijn meerdere secties van de kaart met variaties die u kunt gebruiken om verschillende concepten in uw diagram weer te geven.

Een voorbeeldkaart staat hieronder, met de verschillende secties beschreven. De enige vereiste Kaartinhoud is de Titel. De andere secties kunnen naar behoefte worden gebruikt voor specifieke gebruikscases.

Kaartanatomie

Kaartpictogram
Kaartpictogrammen zijn visuele activa die de kaarteigenschap vertegenwoordigen

Kaarttitel
De titel van de kaart is een naam voor een kaart die snel kan worden begrepen en die vastlegt welke eigenschap, welk gebied of welk concept de kaart vertegenwoordigt

Kaartkenmerken
Kaartkenmerken zijn op tekst gebaseerde details over de eigenschap, weergegeven als een lijst en gebruikt wanneer u meerdere punten van gegevens moet vastleggen en overbrengen

Kaartvoettekst
De voettekst van de kaart biedt extra kenmerken van het onroerend goed. Voorbeelden omvatten: Pakket-/object-/API-namen, Eigendom, Mogelijkheden, enz.

Pictogrammen kaartvoettekst
De sectie met voettekstpictogrammen is voor visuele activa om aanvullende informatie over de eigenschap weer te geven. Voorbeelden zijn: kanalen, gedeelde services, mogelijkheden, enz. Voettekstpictogrammen moeten worden opgenomen / uitgelegd in uw diagramsleutel.

Het gebruik van verschillende secties biedt verschillende kaartvariaties voor verschillende toepassingen. U kunt kaartanatomie naar behoefte combineren en koppelen om deze variaties in uw diagrammen te maken. Zie onderstaande voorbeelden:

Gevouwen kaart

Gedetailleerde kaart

Gedetailleerde kaart met voettekst

Raadpleeg de Naslagarchitectuurgalerij voor ideeën over het gebruik van deze variaties.

Maak gebruik van de mogelijkheid om het formaat en de kleur van uw kaarten aan te passen om typen te onderscheiden en duidelijke, begrijpelijke diagrammen te maken.

Kaarten kunnen ook fungeren als containers, d.w.z. groeperingen voor meerdere eigenschappen. U kunt kaarten nesten binnen een andere kaart om hiërarchische relaties weer te geven of gerelateerde eigenschappen naar behoefte te classificeren.

Containers

Salesforce-diagrammen bieden een basisset Salesforce-productlogo's en extra pictogrammen om eigenschappen en andere gebieden in uw diagram aan te geven.

Pictogrammen

Voorbeelden van het gebruik van Pictogrammen vindt u in de Naslagarchitectuurgalerij

Raadpleeg voor extra pictogrammen de Lightning Design System-pictogrammen.

Connectoren moeten altijd elleboogverbindingslijnen gebruiken en waar mogelijk recht zijn voor betere leesbaarheid.

Connectoren en pillen

Connectoren vertegenwoordigen een relatie, integratie of processtap tussen twee kaarten. Lijnstijlen geven een ander type verbinding aan en moeten worden weergegeven in uw diagramsleutel. Eindpunten geven de richting van een integratie- of procesconnector aan. Eindpunten geven ook kardinaliteit en ordinaliteit aan voor een relatieconnector.

Pillen worden gebruikt om details over de verbindingen te geven. Raadpleeg diagrammen van oplossingsarchitectuur en interactieprocesstromen voor bijvoorbeeld het gebruik van pillen.

Wereldwijd leven ongeveer 1,3 miljard mensen met een bepaalde vorm van handicap, goed voor 15% van de wereldbevolking. Toegankelijkheid gaat over het begrijpelijk maken van uw diagram voor al uw kijkers. Er zijn twee specifieke aandachtsgebieden die uw diagrammen toegankelijker kunnen maken: optimaliseren voor schermlezers en het juiste gebruik van kleurcontrast.

U vindt meer informatie over ontwerpen voor toegankelijkheid op de Salesforce Design-blog.

Schermlezers
Een schermlezer is een softwaretoepassing die de woorden in een bestand, app of website hardop voorleest. Een schermlezer kan diagrammen voorlezen aan personen die deze niet goed kunnen zien. De beste indeling voor schermlezercompatibiliteit is PDF (Portable Document Format). In tegenstelling tot afbeeldingen en niet-toegankelijke toepassingen zijn PDF-bestanden toegankelijk voor schermlezers voor het lezen van woorden, vormen en kleuren. Het exporteren van uw diagrammen naar PDF-indeling bij delen met anderen kan de toegankelijkheid vergroten.

Kleurcontrast
Het vergroten van het kleurcontrast is een andere manier om uw diagram toegankelijker te maken. Mensen kunnen uw diagrammen beter herkennen en lezen wanneer ze voldoen aan het minimumkleurcontrast van Web Content Accessibility Guidelines (WCAG) van een 4,5:1-verhouding tussen de achtergrondkleur achter de tekst en de kleur van de tekst zelf.

Voorbeeld van kleurenpalet om voorgesteld contrast te tonen

Aan elke kleur in het Salesforce-kleurensysteem is een getal, tussen 0 en 100, gekoppeld. Zorg er bij het kiezen van kleuren voor uw diagrammen voor dat de achtergrondkleur achter de tekst minstens 50 punten groter is dan of kleiner is dan de kleur van de tekst. Als uw achtergrondkleur bijvoorbeeld 80 is, mag uw tekstkleur niet hoger zijn dan 30. Overweeg om de 50-puntenregel ook voor randen en omtrekken te gebruiken.

Heeft u invoer of vragen van Salesforce Diagrammen? Laat ons hier uw mening weten.