Die SAP Design Guidelines sind noch im Aufbau. Derzeit besteht es aus ersten Informationen für konsistente SBB SAP Applikationen. Grundlage dafür bildet das SAP Fiori Design Konzept. Mehr Informationen dazu finden sich auch in der SAP Community.

SBB Theme

Einführung

Für die Erstellung von SBB SAP Anwendungen mit konsistentem Bedienerlebnis bildet das SAP Fiori Design Konzept die Basis. Zur Einhaltung der Richtlinien der SBB Markenelemente, wurde das «SBB Theme» mit dem SAP Theme Designer definiert.

Das SBB Theme steht mit integriertem SBB Logo und modifizierten Farbwerten für interne Anwendungen auf dem SAP Fiori Launchpad und SAP Business Technology Platform (BTP) zur Verfügung.
Kontakt: DSRV SAP TechOps

Für eine erweiterte Gestaltung mittels HTML und CSS für modifizierte Benutzeroberflächen oder Themes für spezifische Kunden- oder ERP-Portale, wie z.B. das «Immobilien Kunden Cockpit», kontaktieren Sie bitte die SBB Markenführung.

Beispiele

SBB Fiori Portal «Auftragsabwicklung Planung und Steuerung

Logo

Verwendung

• Das Logo wird bei allen SBB SAP-Web-Applikationen eingesetzt und ist bereits im SBB Theme eingebettet.

Regeln

• Das Logo tritt genau einmal pro Seite auf und befindet sich immer im Header.
• Die Positionierung ist immer links oben.
• Abwandlungen des Logos sind nicht erlaubt.
• Das Logo ist verlinkt auf die Basisseite der SAP Umgebung.

Icons

Verwendung

Icons dienen zur visuellen Unterstützung von Themen und Aktionen für die Benutzer*innen. Für die Verwendung in SBB SAP-Anwendungen ist der SAP Icon Font einzusetzen.

Sollte das bestehende Icon-Set von SAP nicht ausreichen, können neue Icons in SAP Style bei den UX-Expert*innen der Digital Solution oder beim DSRV UX bestellt werden.

Eine selbständige Erstellung von Icons ist erlaubt, diese müssen von der SBB Markenführung oder vom DSRV UX vor deren Einsatz abgenommen werden. In digitalen Produkten und Apps ist darauf zu achten, dass Icons nicht in verschiedenen Linienstärken verwendet werden.

Regeln

• Für die Verwendung in SBB SAP-Anwendungen ist der SAP Icon Font grundsätzlich einzusetzen.
• 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.
• Innerhalb von Fliesstexten soll wenn immer möglich auf die Verwendung von Icons verzichtet werden.
• 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").
• Icons sollen anwendungsübergreifend (Digital Solution übergreifend) immer die gleiche Bedeutung haben (Konsistenz).

Links

SAP Icon Font Guideline
SAP Icon-Set
SAP Fiori UX Vorgehen (mit SBB Login zugänglich)