Formulare
Die Regeln für das gesamte Formular, bevor jedes Feld: fragen wenig, eine Spalte, die Beschriftung im Blickfeld und der Fehler unter dem Feld.
Auf dieser Seite
Regeln für das gesamte Formular
- Nur das Nötigende fragen. Jedes zusätzliche Feld ist Arbeit für die Person. Wenn Sie es selbst herausfinden können, fragen Sie nicht.
- Eine Spalte. Felder eines unter dem anderen, in der Reihenfolge, wie die Person denkt. Nebeneinander nur, wenn sie eine Sache sind (Stunde und Minute).
- Label immer sichtbar, über dem Feld. Platzhaltertext nimmt niemals dessen Stelle ein.
- Alles ist erforderlich, außer was "(optional)" sagt. Das Markieren des Optionalen ist kürzer als gestreute Sternchen.
- The closer, the more together. Inside a field,
space-1; between options in a group,space-2; between one field and the next,space-5. - Der Fehler geht unter das Feld, mit Icon und Wort, und eine Zusammenfassung oben, wenn es mehr als einen gibt. Unten bricht er keine zweispaltige Form nicht auf.
- Der Server validiert immer. Der Fehler kommt zurück mit den ausgefüllten Werten; nichts, was die Person geschrieben hat, geht verloren.
- Eine Haupttaste am Ende, die sagt, was passiert: "Erminnerung speichern". Feedback zeigt auf der Form selbst an.
Ein gesamtes Formular
Time format:
Versuchen Sie, mit einem leeren Namen zu speichern: der Fehler zeigt unter dem Feld auf, und der Fokus geht darauf. Mit einem Name zeigt Feedback auf der Form selbst an.
Platzhaltertext
- Als kurzes zusätzliches Beispiel unter einem Label, das bleibt: „z. B. Pflanzen gießen", „Aufgaben suchen".
- Niemals anstelle des Labels oder der Hinweiszeile: es verschwindet, wenn die Person tippt, und was gesagt wird, geht mit ihm weg.
- Niemals bei benötigten Informationen (erforderliches Format, Grenzwerte): das gehört in den Hinweis, der bleibt.
- In der hellen Textfarbe, die 4,5 Kontrast übersteigt.
Mach es und mach es nicht
Do
Subject
Das Label bleibt sichtbar, und das Beispiel hilft nur.
Don’t
Das Beispiel anstelle des Labels, mit einer Regel drin: alles verschwindet, wenn die Person tippt.
Do
Note (optional)
Nur das optionale Feld wird markiert, in Worten.
Don’t
Name *
Sternchen auf allem, mit dem Schlüsselweg unten.
Do
Name
Der Fehler unter dem Feld, mit Symbol und Wort.
Don’t
Name
Der Fehler oben, vage, und nur durch Farbe.
Schreiben
- Label: ein kurzer Substantiv oder eine direkte Frage („Erinnerungsname", „Wann erinnern?"). Kein Doppelpunkt am Ende.
- Hinweis: nur wenn es beim ersten Mal hilft, richtig zu sein. Wenn jedes Feld einen Hinweis hat, wird keiner gelesen.
- Fehler: was zu tun ist, nicht was falsch ist ("Einen Namen schreiben", nicht "Ungültiges Feld").
Komponenten
- Feld, TextInput, TimeInput, Select, Checkbox, Radios, Switch: die Teile.
- ErrorMessage und ErrorSummary: die Fehler.
- Feedback am Ort: was nach dem Speichern passiert.