Standardkomponenter gjør det enkelt for deg å bygge, tilpasse og gjenbruke diagrammer av høy kvalitet og konsistens. Denne profesjonelle stilen brukes på alle Salesforce-diagrammalene, og er tilgjengelig i partnerverktøyene våre for diagrammering av bruksområder:


Finn eksempler på hvordan du bruker komponenter i Referansearkitekturgalleriet

Følgende deler inneholder detaljerte anbefalte fremgangsmåter for hodet, kort, ikoner og koblinger som er inkludert i standardkomponentene.

Diagramoverskrift

Toppteksten skal være til stede på alle diagrammer og inkludere følgende:

  • En tittel som raskt kan forstås av målgruppen din
  • En tydelig beskrivelse av hva diagrammet dekker, formålet og hensikten
  • (valgfritt) logoen eller firmanavnet for å formidle forfatteren
  • (valgfritt) en nøkkel for å klargjøre ikoner, utforminger eller symboler som brukes som klassifisering

Størrelsen bør ta opp minst 10 % av diagrammets høyde og 100 % av bredden.

Skriftstørrelsen i beskrivelsen skal være minst halvparten av størrelsen på tittelen.

En nøkkel bør inkluderes når det brukes ikoner, koblinger, farger og så videre som ikke er angitt med titler i selve diagrammet. Nøkkelen bør grupperes i like rader når det er mulig.

Alle egenskaper i diagrammet skal representeres med et kort. Kort kan endres i størrelse og de kan ha enten gjennomsiktige eller fargede utfyllinger. Det finnes flere deler av kortet med variasjoner som du kan bruke til å representere forskjellige konsepter i diagrammet.

Et eksempelkort nedenfor med de forskjellige delene beskrevet. Det eneste nødvendige kortinnholdet er Tittelen. De andre delene er tilgjengelig for bruk etter behov for bestemte brukstilfeller.

Kortanatomi

Kortikon
Kortikoner er visuelle aktiva som representerer kortegenskapen

Korttittel
Korttittelen er et navn på kortet som raskt kan forstås, og som fanger opp hvilken egenskap, område eller konsept kortet representerer

Kortattributter
Kortattributter er tekstbaserte detaljer om egenskapen, representert som en liste og brukt når du må fange opp og overføre flere datapunkter

Kortbunntekst
Kortbunnteksten gir flere egenskaper for eiendommen. Eksempler er: Pakke/objekt/ API-navn, Eierskap, Funksjoner og så videre.

Kort bunntekst ikoner
Delen Bunntekstikoner er for at visuelle aktiva skal kunne vise mer informasjon om eiendommen. Eksempler er kanaler, delte tjenester, funksjoner og så videre. Bunntekstikoner skal inkluderes / forklares i diagramnøkkelen.

Bruk av forskjellige deler gir forskjellige kortvariasjoner for forskjellige bruksområder. Du kan blande og samsvare kortanatomi etter behov for å opprette disse variasjonene i diagrammene. Se eksempler nedenfor:

Skjult kort

Detaljerte kort

Detaljert kort med bunntekst

Se Referansearkitekturgalleriet for å få ideer om hvordan du bruker disse variasjonene.

Bruk muligheten til å justere kortets størrelse og farge etter behov for å skille mellom typer og opprette tydelige, forståelige diagrammer.

Kort kan også fungere som beholdere, det vil si grupperinger for flere egenskaper. Du kan neste kort inne på et annet kort for å representere hierarkiske relasjoner eller klassifisere relaterte egenskaper etter behov.

Beholdere

Salesforce-diagrammer inneholder et grunnleggende sett med Salesforce-produktlogger i tillegg til flere ikoner som representerer egenskaper og andre områder i diagrammet.

Ikoner

Du finner eksempler på hvordan du bruker Ikoner i Referansearkitekturgalleriet

Se Lightning Design System-ikoner for å få flere ikoner.

Koblinger bør alltid bruke koblingslinjer med albue og være rette når det er mulig for å få bedre lesbarhet.

Koblinger og piller

Koblinger representerer en relasjon, integrasjon eller prosesstrinn mellom to kort. Linjestiler angir en annen type tilkobling og skal være representert i diagramnøkkelen. Sluttpunkter angir retningen til en integrasjons- eller prosesskobling. Sluttpunkter angir også kardinalitet og ordinalitet i en relasjonskobling.

Piller brukes til å gi detaljer om forbindelsene. Se Løsningsarkitektur og Interaksjonsflyt diagrammer for eksempel bruk av piller.

Rundt om i verden lever omtrent 1,3 milliarder mennesker med en eller annen form for funksjonshemming, som utgjør 15 % av verdens befolkning. Tilgjengelighet handler om å gjøre diagrammet forståelig for alle brukerne. Det finnes to spesifikke fokusområder som kan bidra til at diagrammene blir mer tilgjengelig: optimalisering for skjermlesere og bruk av riktig fargekontrast.

Du finner flere ressurser om design for tilgjengelighet på Salesforce Design-bloggen.

Skjermlesere
En skjermleser er et programvareprogram som leser ordene høyt i en fil, app eller nettsted. En skjermleser kan lese diagrammer til enkeltpersoner som ikke kan se dem tydelig. Det beste formatet for skjermleserkompatibilitet er PDF (Portable Document Format). Til forskjell fra bilder og ikke-tilgjengelige programmer kan PDF-filer åpnes av skjermlesere for å lese ord, former og farger. Eksport av diagrammene dine til PDF-format når du deler med andre, kan øke tilgjengeligheten.

Fargekontrast
Å øke fargekontrasten er en annen måte å gjøre diagrammet mer tilgjengelig på. Brukerne vil være bedre i stand til å gjenkjenne og lese diagrammene dine når de oppfyller WCAGs minimumsfargekontrast med et forhold på 4,5:1 mellom bakgrunnsfargen bak teksten og selve tekstens farge.

Fargepaletteprøve for å vise foreslått kontrast

Hver farge i Salesforce-fargesystemet har et tall, mellom 0 og 100, knyttet til seg. Når du velger farger for diagrammene, må du forsikre deg om at bakgrunnsfargen bak teksten er minst 50 poeng større enn eller mindre enn fargen i teksten. Hvis bakgrunnsfargen for eksempel er 80, bør tekstfargen ikke være høyere enn 30. Vurder å bruke 50-punktregelen etter behov også for kantlinjer og skisser.

Har Salesforce Diagrammer inndata eller spørsmål? Vennligst gi oss beskjed om dine tanker heri.