Navigieren auf digital.sbb.ch

Beta

Icons

1. 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.

2. Regeln

  • Für die Verwendung in SBB SAP-Anwendungen ist der SAP Icon Font grundsätzlich in der Farbe SBB Black 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).

3. Links

SAP Icon Font Guideline
SAP Icon-Set