Skip to content

Commit

Permalink
fix sap guide: remove sbb color info, add confluence link
Browse files Browse the repository at this point in the history
  • Loading branch information
luciegirardier committed Aug 24, 2023
1 parent d179bb5 commit a5aea6d
Show file tree
Hide file tree
Showing 4 changed files with 8 additions and 5 deletions.
3 changes: 2 additions & 1 deletion src/de/guidelines/guides/sap/sap.md
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,7 @@ Sollte das bestehende Icon-Set von SAP nicht ausreichen, können neue Icons in S
Eine selbständige Erstellung von Icons ist erlaubt, diese müssen von der <sbb-link variant="inline" type="button" href="mailto:[email protected]"> SBB Markenführung</sbb-link> oder vom <sbb-link variant="inline" type="button" href="mailto:[email protected]"> DSRV UX</sbb-link> vor deren Einsatz abgenommen werden. In digitalen Produkten und Apps ist darauf zu achten, dass Icons nicht in verschiedenen Linienstärken verwendet werden.{.lead}

### Regeln
* Für die Verwendung in SBB SAP-Anwendungen ist der SAP Icon Font grundsätzlich in der Farbe <sbb-link variant="inline" type="button" href="/{{page.lang}}/foundation/colors/base-colors/">SBB Black</sbb-link> einzusetzen.{.lead}
* Für die Verwendung in SBB SAP-Anwendungen ist der SAP Icon Font grundsätzlich einzusetzen.{.lead}
* Die Basisvektorgrösse für SAP Icons beträgt 16px für Symbole, die in den UI-Steuerelementen verwendet werden. Andere aufgelistete Grössen von 18px bis 40px hängen von den individuellen Anforderungen der Benutzeroberfläche ab.{.lead}
* Innerhalb von Fliesstexten soll wenn immer möglich auf die Verwendung von Icons verzichtet werden.{.lead}
* Icons ohne Text müssen selbsterklärend oder schnell lernbar sein. Je mehr Icons in einer Anwendung eingesetzt werden, desto schwieriger wird es die Bedeutung deren zu merken. Die Icons ohne Text müssen mit einem Alternativtext hinterlegt werden, wobei nicht das Icon selbst, sondern seine Funktion in Textform beschrieben wird (z.B. "Menu schliessen").{.lead}
Expand All @@ -62,6 +62,7 @@ Eine selbständige Erstellung von Icons ist erlaubt, diese müssen von der <sbb-
### Links
<sbb-link variant="inline" type="button" target="_blank" href="https://experience.sap.com/fiori-design-web/icons/">SAP Icon Font Guideline</sbb-link>
<sbb-link variant="inline" type="button" target="_blank" href="https://sapui5.hana.ondemand.com/sdk/test-resources/sap/m/demokit/iconExplorer/webapp/index.html">SAP Icon-Set</sbb-link>
<sbb-link variant="inline" type="button" target="_blank" href="https://confluence.sbb.ch/pages/viewpage.action?spaceKey=DSRVUX&title=SAP+Fiori">SAP Fiori UX Vorgehen (mit SBB Login zugänglich)</sbb-link>


<script>
Expand Down
4 changes: 2 additions & 2 deletions src/en/guidelines/guides/sap/sap.md
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,7 @@ Should the existing SAP icon set not suffice, you can ask the UX experts of the
Independent creation of icons is allowed, but needs to be approved by the <sbb-link variant="inline" type="button" href="mailto:[email protected]"> SBB Markenführung</sbb-link> or the <sbb-link variant="inline" type="button" href="mailto:[email protected]"> DSRV UX</sbb-link> before the icons go in use. As for digital products and apps pay attention that you don't use icons in different line width.{.lead}

### Rules
* For the usage of SBB SAP applications the SAP icon font is generally to be used in the colour <sbb-link variant="inline" type="button" href="/{{page.lang}}/foundation/colors/base-colors/">SBB Black</sbb-link>.{.lead}
* For the usage of SBB SAP applications the SAP icon font is generally to be used.{.lead}
* The base vectors size for SAP icons is 16px for symbols that are used in the UI controls. Other listed sizes from 18px to 40px depend on individual requirements of the interface.{.lead}
* One should abstain from using icons within a flowing text whenever possible.{.lead}
* Icons without text need to be self-explanatory or easy to learn. The more icons are used in an application the harder it gets to correctly remember their meaning. The icons without text need to be supplemented with an alternative text, whereby not the icon itself but its action must be described (e.g. "Close Menu").{.lead}
Expand All @@ -62,7 +62,7 @@ Independent creation of icons is allowed, but needs to be approved by the <sbb-l
### Links
<sbb-link variant="inline" type="button" target="_blank" href="https://experience.sap.com/fiori-design-web/icons/">SAP Icon Font Guideline</sbb-link>
<sbb-link variant="inline" type="button" target="_blank" href="https://sapui5.hana.ondemand.com/sdk/test-resources/sap/m/demokit/iconExplorer/webapp/index.html">SAP Icon-Set</sbb-link>

<sbb-link variant="inline" type="button" target="_blank" href="https://confluence.sbb.ch/pages/viewpage.action?spaceKey=DSRVUX&title=SAP+Fiori">SAP Fiori UX approach (accessible with SBB Login)</sbb-link>

<script>
const buttons = document.querySelectorAll(".more-details");
Expand Down
3 changes: 2 additions & 1 deletion src/fr/guidelines/guides/sap/sap.md
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ Si le jeu d'icônes existant de SAP n'est pas suffisant, de nouvelles icônes da
L'auto-compilation d'icônes est autorisée, mais celle-ci doit être approuvée par la direction de la marque CFF ou par DSRV UX avant d'être utilisée. Dans les produits numériques et les applications, il faut veiller à ce que les icônes ne soient pas utilisées dans des épaisseurs de ligne différentes.{.lead}

### Règles
- Pour les applications SAP CFF, la police d'icônes SAP doit être utilisée dans la couleur <sbb-link variant="inline" type="button" href="/{{page.lang}}/foundation/colors/base-colors/">SBB Black</sbb-link> CFF.
- Pour les applications SAP CFF, la police d'icônes SAP doit être utilisée.
- La taille vectorielle de base des icônes SAP est de 16px pour les icônes utilisées dans les contrôles de l'interface utilisateur. Les autres tailles répertoriées, de 18 à 40 px, dépendent des besoins de l'interface utilisateur.{.lead}
- L'utilisation d'icônes dans un texte doit être évitée autant que possible.{.lead}
- Les icônes sans texte doivent être explicites ou faciles à apprendre. Plus il y a d'icônes dans une application, plus il est difficile de comprendre leur signification. Les icônes sans texte doivent inclure un texte alternatif décrivant la fonction de l’icône (par ex. "Fermer le menu").{.lead}
Expand All @@ -60,6 +60,7 @@ L'auto-compilation d'icônes est autorisée, mais celle-ci doit être approuvée
### Liens
<sbb-link variant="inline" type="button" target="_blank" href="https://experience.sap.com/fiori-design-web/icons/">SAP Icon Font Guideline</sbb-link>
<sbb-link variant="inline" type="button" target="_blank" href="https://sapui5.hana.ondemand.com/sdk/test-resources/sap/m/demokit/iconExplorer/webapp/index.html">SAP Icon-Set</sbb-link>
<sbb-link variant="inline" type="button" target="_blank" href="https://confluence.sbb.ch/pages/viewpage.action?spaceKey=DSRVUX&title=SAP+Fiori">SAP Fiori approche UX (en allemand, accessible avec le login CFF)</sbb-link>

<script>
const buttons = document.querySelectorAll(".more-details");
Expand Down
3 changes: 2 additions & 1 deletion src/it/guidelines/guides/sap/sap.md
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@ Se il set di icone SAP esistente non prevede l’icona di cui hai bisogno, hai l
La creazione autonoma di icone è consentita, ma deve essere approvata dal <sbb-link variant="inline" type="button" href="mailto:[email protected]"> SBB Markenführung</sbb-link> o dal <sbb-link variant="inline" type="button" href="mailto:[email protected]"> DSRV UX</sbb-link> prima che queste icone vengano poste in uso. Resta buona norma nei prodotti digitali e nelle applicazioni prestare attenzione a non utilizzare icone con uno spessore delle linee diverso.{.lead}

### Regole
* Per l'utilizzo delle applicazioni SAP FFS, il font delle icone SAP deve essere generalmente utilizzato nel colore <sbb-link variant="inline" type="button" href="/{{page.lang}}/foundation/colors/base-colors/">SBB Black</sbb-link>.{.lead}
* Per l'utilizzo delle applicazioni SAP FFS, il font delle icone SAP deve essere utilizzato.{.lead}
* La dimensione di base dei vettori per le icone SAP è di 16px per i simboli utilizzati nei controlli dell'interfaccia utente. Le altre dimensioni elencate, da 18px a 40px, dipendono dai requisiti individuali dell'interfaccia.{.lead}
* È preferibile evitare di utilizzare le icone all'interno di un testo scorrevole.{.lead}
* Le icone senza testo devono essere autoesplicative o facili da imparare. Più icone vengono utilizzate in un'applicazione, più diventa difficile ricordarne correttamente il significato. Le icone senza testo devono essere integrate con un testo alternativo, che descriva non l'icona in sé, ma la sua azione (ad esempio, "Chiudi menu").{.lead}
Expand All @@ -61,6 +61,7 @@ La creazione autonoma di icone è consentita, ma deve essere approvata dal <sbb-
### Collegamenti
<sbb-link variant="inline" type="button" target="_blank" href="https://experience.sap.com/fiori-design-web/icons/">Linee guida per i caratteri delle icone SAP</sbb-link>
<sbb-link variant="inline" type="button" target="_blank" href="https://sapui5.hana.ondemand.com/sdk/test-resources/sap/m/demokit/iconExplorer/webapp/index.html">Set di icone SAP</sbb-link>
<sbb-link variant="inline" type="button" target="_blank" href="https://confluence.sbb.ch/pages/viewpage.action?spaceKey=DSRVUX&title=SAP+Fiori">Approccio UX di SAP Fiori (in tedesco, accessibile con il login FFS)</sbb-link>


<script>
Expand Down

0 comments on commit a5aea6d

Please sign in to comment.