Die MarkeLink target opens in a new window. SBB Markenportal Logo Digitale Uhr NutzungsrechteFarben Basis-Farben Zusätzliche Farben Off-Brand FarbenAssets Icons Fahrplan-Icons PiktogrammeSprache Über UX Writing Button- und Linktexte Benachrichtigungen Formulare und Eingaben Fortschrittsanzeige Digitale Wörterliste
Einführung Über Barrierefreiheit Über diesen Guide Kontakt Weitere InformationenRollen Product Owner User Research Interaction Design Visual Design Development Content Design Testing
Erste Schritte Was ist ein Design System? Designing Coding FAQ HilfeOrganisation Prozess Contribution KontaktMobile Übersicht Basis KomponentenLyne Übersicht Was ist Lyne? Releases Presets & Themes Design Tokens Komponenten TemplatesMaps Übersicht Basis InformationenPatterns Übersicht
Guides Power-Apps Digitale Werbebanner SAP AI Design: GrundlagenVorschriften App Icons
Formulare und Eingaben.
Formulare und Eingaben nutzen Labels, Hinweise und Platzhalter, um Nutzer:innen zu zeigen, wie Felder korrekt ausgefüllt werden.
Ihr Ziel ist es, Erwartungen klarzumachen, Fehler zu vermeiden und die Eingabe so einfach und sicher wie möglich zu gestalten.
Labels.
Labels benennen klar, was eingegeben werden soll. Sie schaffen Orientierung und reduzieren Unsicherheit.
Empfehlungen:
Sei klar. Verwende präzise Labels, die den Zweck des Feldes eindeutig beschreiben.
Erkläre bei Bedarf. Wenn zusätzliche Informationen für das Verständnis nötig sind, platziere diese in einem Info-Popover.
Beispiele:
Strasse und Nummer
Hausnummer
Nummer
Platzhalter.
Placeholders geben Hinweise und helfen bei der Eingabe.
Empfehlungen:
Zeig Beispiele. Nutze Platzhalter, um das gewünschte Format oder Beispielwerte zu zeigen und Eingabefehler zu vermeiden.
Kein Ersatz. Platzhalter ersetzen kein Label, sie dienen nur als ergänzender Hinweis.