PrincipesBasesAccessibilitéSystème de designGuidelines Deutsch Français Italiano English
Nos principes de design Centré sur l’utilisateur Reconnaissable Inclusif Minimaliste Holistique Auto-explicatif Axé sur les tâches Approprié
La marqueLink target opens in a new window. Portail de la marque CFF Logo Horloge numérique Droits d’utilisationCouleurs Couleurs de base Couleurs supplémentaires Couleurs off-brandAssets Icônes Icônes de l’horaire PictogrammesLangue À propos du UX writing Les textes de boutons et de liens Les notifications Les formulaires et champs de saisie Indicateur de progression Liste de mots numériques
Introduction À propos de l’accessibilité À propos de ce guide Contact Informations complémentairesRôles Product Owner User Research Interaction Design Visual Design Development Content Design Testing
Premiers pas What is a design system? Conception Développer FAQ AideOrganisation Procès Contribution ContactMobile Aperçu Base ComposantsLyne Aperçu Qu'est-ce que Lyne ? Releases Presets & Themes Design Tokens Composants TemplatesMaps Aperçu Base InformationsPatterns Aperçu
Guides Power-Apps Bandeaux publicitaires numériques SAP IA Design : BasesSpécifications Icônes d’applications
SAP
Les directives de conception SAP sont encore en cours d'élaboration. Actuellement il s'agit des premières informations pour une expérience cohérente pour l'ensemble des applications CFF SAP. Le Link target opens in a new window. concept SAP Fiori Design en constitue la base. Vous trouverez plus d'informations à ce sujet dans la Link target opens in a new window. communauté SAP.
Thème CFF
Introduction
Pour réaliser des applications SAP CFF avec une expérience utilisateur cohérente, les Link target opens in a new window. directives de conception SAP Fiori constituent la base. Afin de respecter les directives relatives aux éléments de la marque CFF, un "thème CFF" a été défini à l'aide du concepteur de thèmes SAP.
Le thème CFF est disponible avec le logo CFF intégré et des valeurs de couleur modifiées pour les applications internes sur SAP Fiori Launchpad et SAP Business Technology Platform (BTP). Contact: DSRV SAP TechOps
Pour une conception étendue utilisant HTML et CSS pour des interfaces utilisateur modifiées ou des thèmes pour des portails clients ou ERP spécifiques, tels que le "Real Estate Customer Cockpit", veuillez contacter la gestion de la marque CFF.
Exemples
Portail Fiori CFF «Auftragsabwicklung Planung und Steuerung"
Logo
Utilisation
Le logo est utilisé dans toutes les applications web SAP des CFF et est déjà intégré dans le thème des CFF.
Règles
Le logo apparaît exactement une fois par page et se trouve toujours dans l'en-tête.
Le positionnement est toujours en haut à gauche.
Les variations du logo ne sont pas autorisées.
Le logo est lié à la page de base de l'environnement SAP.
Icônes
Utilisation
Les icônes sont utilisées pour soutenir visuellement les sujets et les actions des utilisateurs. Pour les applications SAP des CFF, la police d'icônes SAP doit être utilisée.
Si le jeu d'icônes existant de SAP n'est pas suffisant, de nouvelles icônes dans le style SAP peuvent être commandées auprès des experts UX de votre solution digitale ou du Link target opens in a new window. Service UX.
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.
Règles
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.
L'utilisation d'icônes dans un texte doit être évitée autant que possible.
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").
Les icônes doivent toujours avoir la même signification (cohérence) dans toutes les applications (dans les solutions numériques).
Liens
Link target opens in a new window. SAP Icon Font Guideline Link target opens in a new window. SAP Icon-Set Link target opens in a new window. SAP Fiori approche UX (en allemand, accessible avec le login CFF)