Label-Platzierung: Oben, oben-links oder rechts?
Welche Anordnung funktioniert wirklich? Wir analysieren die Vor- und Nachteile der drei gängigsten Positionen und zeigen, wann du welche nutzen solltest.
Warum die Position von Labels wichtig ist
Die Platzierung von Formularfeldern und ihren Beschriftungen beeinflusst nicht nur die Ästhetik, sondern auch die Geschwindigkeit und Genauigkeit, mit der Nutzer das Formular ausfüllen. Eine falsch positionierte Label kann zu längeren Scan-Zeiten, mehr Fehlern und schlimmstenfalls zu Formularabbrüchen führen.
Es’s nicht einfach eine Designentscheidung — es’s eine UX-Entscheidung. Die richtige Anordnung kann die Completion-Rate um 20-30% erhöhen. Wir schauen uns die drei beliebtesten Positionen an: oben, oben-links und rechts. Jede hat ihre Stärken und Schwächen.
Die drei gängigsten Positionen
Jede Position hat unterschiedliche Auswirkungen auf Lesbarkeit, Scan-Geschwindigkeit und visuelle Harmonie.
Labels oben
Die klassische Anordnung, bei der die Label über dem Eingabefeld sitzt. Das ist der Standard bei den meisten modernen Websites und mobilen Apps.
- Hohe Scan-Geschwindigkeit
- Nutzer scrollen vertikal sowieso
- Funktioniert auf allen Geräten gut
- Braucht aber mehr vertikalen Platz
Labels oben-links
Labels sitzen auf gleicher Höhe wie das Eingabefeld, aber leicht versetzt nach links. Spart Platz und wirkt kompakt.
- Spart vertikalen Raum
- Schöne, kompakte Layouts möglich
- Längere Augen-Bewegungen nötig
- Nicht ideal für lange Label-Texte
Labels rechts
Labels auf der rechten Seite des Eingabefeldes. Das’s selten und hat klare Nachteile, wird aber manchmal verwendet.
- Bricht natürliche Leserichtung
- Höchste Fehlerquote bei Tests
- Kann bei speziellen Designs interessant sein
- Mobile: völlig unbrauchbar
Oben: Die sichere Wahl für die meisten Fälle
Labels oben sind nicht ohne Grund der Standard. Nutzer scrollen ohnehin vertikal, dein Blick wandert natürlicherweise von oben nach unten. Die Label sitzt direkt über dem Feld, das sie beschreibt — die Verbindung ist unmittelbar und intuitiv.
Studien zeigen, dass diese Position die schnellsten Completion-Zeiten ermöglicht. Ein Formular mit Labels oben wird durchschnittlich 15-20% schneller ausgefüllt als mit Labels auf der Seite. Plus: auf dem Smartphone funktioniert’s perfekt, weil dein Label und Feld nebeneinander oder untereinander Platz haben.
“Nutzer erwarten Labels oben. Wenn sie woanders sind, braucht dein Gehirn eine extra Millisekunde um die Verbindung herzustellen.”
— Nielsen Norman Group, 2024
Oben-links: Wenn Platz kostbar ist
Labels oben-links funktionieren besonders gut, wenn du Platz sparen möchtest. Viele moderne Designs nutzen diese Anordnung, weil sie horizontaler wirkt und kompakter wirkt. Ein Formular mit oben-links angeordneten Labels braucht etwa 30% weniger vertikalen Raum als die Standard-Variante.
Aber: Der Nutzer braucht ein bisschen länger zum Scannen. Seine Augen müssen zwischen Label und Feld hin und her wandern. Das’s nicht dramatisch, aber messbar. Besonders bei langen Labels wird’s unangenehm. Verwende diese Anordnung also bei kurzen, prägnanten Labels wie “Name”, “E-Mail” oder “PLZ”.
Wann passt es: Lange Formulare mit vielen Feldern, Admin-Interfaces, Daten-Tabellen, wo Platz wertvoll ist. Nicht so gut für Registrierungs-Formulare mit Beschreibungs-Labels.
Rechts: Die Ausnahme, nicht die Regel
Labels auf der rechten Seite sind selten — und das ist kein Zufall. Unser Blick bewegt sich natürlicherweise von links nach rechts. Eine Label auf der rechten Seite bricht diese natürliche Leserichtung. Dein Gehirn muss extra arbeiten, um die Verbindung zwischen Label und Feld herzustellen.
Usability-Tests zeigen: Nutzer machen mit rechts-Labels bis zu 25% mehr Fehler. Sie übersehen häufiger wichtige Informationen. Plus: auf mobilen Geräten funktioniert’s überhaupt nicht. Das Feld sitzt oben, die Label unten — völlig verwirrend.
Es gibt kaum einen guten Grund, rechts-Labels zu verwenden. Vielleicht bei sehr speziellen Design-Anforderungen, wo Ästhetik über Usability geht. Aber dann sollte dein Design-Team das mit Nutzertests überprüfen.
Praktische Entscheidungshilfe
Welche Position passt zu deinem Projekt?
Wähle OBEN, wenn:
- Das Formular kurz ist (bis 6 Felder)
- Labels länger sind oder erklärenden Text haben
- Mobile-Nutzer wichtig sind (was immer der Fall ist)
- Scan-Geschwindigkeit zählt
- Du dir nicht sicher bist — das ist der sichere Standard
Wähle OBEN-LINKS, wenn:
- Du viel vertikalen Platz sparen musst
- Lange Formulare mit kurzen Labels (Admin-Bereich)
- Das Design kompakt und dicht wirken soll
- Deine Labels ein oder zwei Wörter sind
- Dein Publikum mit Formularen vertraut ist
Meide RECHTS:
- Außer du hast einen sehr guten Grund
- Und deine Nutzer sind extrem vertraut mit dieser Anordnung
- Und du hast getestet, dass’s funktioniert
- Ansonsten: nutze OBEN oder OBEN-LINKS
Die beste Position? Teste es mit deinen Nutzern
Am Ende zählen nicht die Richtlinien — es zählt, wie deine Nutzer mit dem Formular umgehen. Wenn dein Publikum aus technisch versierten Leuten besteht (etwa Entwicklern oder Datenbankadministratoren), können oben-links Labels funktionieren. Wenn’s Oma ist, die ein Kontaktformular ausfüllt, dann oben.
Du kannst schnell testen: Bau zwei Versionen, zeige sie 20-30 Nutzern und miss, wie lange sie brauchen und wie viele Fehler sie machen. Die Antwort wird klar. Nicht dein Design wird entscheiden — deine Nutzer werden’s tun.
Fazit: Labels oben ist fast immer richtig
Labels oben sind der Standard aus gutem Grund. Sie’s schnell zu scannen, funktionieren auf allen Geräten und passen zu wie wir natürlicherweise lesen. Wenn du dich zwischen den drei Positionen entscheiden musst, wähle oben.
Oben-links ist eine gute Alternative, wenn du Platz sparen musst und deine Labels kurz sind. Rechts solltest du meiden — die Usability-Nachteile überwiegen alle Design-Vorteile.
Aber vergiss nicht: Das beste Formular ist das, das deine Nutzer schnell ausfüllen können. Teste deine Lösung mit echten Menschen und höre auf ihre Feedback. Das’s mehr wert als jede Best Practice.
Hinweis
Die Informationen in diesem Artikel basieren auf anerkannten Usability-Prinzipien und Forschungsergebnissen der UX-Community. Jedes Projekt ist unterschiedlich. Die beste Label-Position für dein Formular hängt von deinen spezifischen Nutzern, Inhalten und Anforderungen ab. Wir empfehlen, die Positionierung mit echten Nutzern zu testen, bevor du dich auf eine endgültige Lösung festlegst.
