Principes Bases Accessibilité Système de design Guidelines 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é Portail de la marque CFF Logo Horloge numérique Droits d’utilisation Couleurs de base Couleurs fonctionnelles Couleurs off-brand Icônes Icônes de l’horaire Pictogrammes À propos de l’accessibilité À propos de ce guide Contact Informations complémentaires Product Owner User Research Interaction Design Visual Design Development Content Design Testing What is a design system? Conception Développer FAQ Aide Procès Contribution Contact Aperçu Base Composants Overview Releases Design Tokens Composants Aperçu Base Informations Aperçu Base Composants Sens & objectif Community Assets Instructions Power-Apps Bandeaux publicitaires numériques SAP Icônes d’applications Cette page n'est pas disponible dans la langue souhaitée. Langues disponibles Deutsch English Processflow

Übersicht

Was macht die Komponente?

  • Dient zur Anzeige in welchem Schritt eines Prozesses sich die Benutzer*innen befindet.

Wann soll die Komponente eingesetzt werden?

  • Bei sämtlichen Prozessen bei denen die Benutzer*innen mehrere Schritte/Seiten durchlaufen um diesen abschliessen zu können.

Regeln

  • Der Processflow ist immer zuoberst, direkt nach dem Breadcrumb (falls vorhanden) positioniert.
  • Die Benutzer*innen können im Processflow auf einen bereits durchlaufenen Prozesschritt zurücknavigieren.
  • Vorwärtsnavigation im Prozess ist nur durch den Call-to-Action der entsprechenden Seite erlaubt. Ein Überspringen (vorwärts) von Schritten ist nicht erlaubt.
 Zustände und Varianten

Zustände

Die Komponente hat folgende Zustände:

  • Default
  • Hover

Varianten

Standard

Darstellung eines Prozessflows

Spezifikationen

DesignCode
Contact

Vous avez des questions ? Vous trouverez peut-être une réponse dans notre FAQ ou notre aide, sinon vous pouvez poser votre question sur le board correspondant sur Github.

Impressum Contact Protection des données Paramètres des cookies