8 Regeln für die perfekte Formgestaltung

Der ultimative Leitfaden für bessere Formen

Bevor wir mit einem Entwurf beginnen, sollten wir bedenken, dass das Hauptziel bei jedem Formular das Ausfüllen ist. Dieser Beitrag behandelt die häufigsten Fehler, die Designer machen, und wie man sie behebt, sowie einige Tricks und Tipps zur Bereitstellung einer gut aussehenden Benutzeroberfläche und einer besseren Benutzeroberfläche.

1.Bauen Sie das perfekte Eingabefeld auf

Eingabefelder sind Teil jeder Formular-Benutzeroberfläche. Hier finden Sie einige Tipps und Tricks, um bessere Eingabefelder bereitzustellen.

2.Eingabefeld UX verbessern

Der Benutzer verlässt Websites häufig wegen schlecht gestalteter Formulare. Hier einige schnelle Tipps, um dies zu vermeiden:

3.Single Column Design

Bei Verwendung eines einzelnen Säulendesigns bewegen sich die Augen des Benutzers auf natürliche Weise von oben nach unten, ohne den vertikalen Impuls zu beeinträchtigen.

4. Vermeiden Sie Dropdown-Menüs

Dropdown-Menüs halten die Optionen für den Benutzer verborgen, sodass die Auswahlmöglichkeiten nur schwer erkennbar sind.

5. Vermeiden Sie nach Möglichkeit zu schreiben

Wir füllen Formulare aus, weil wir das Ziel erreichen wollen, aber ein Fingerstreich oder eine Mausbewegung ist viel schneller und stressfreier.

6. Möglichst weniger Felder

Lassen Sie mich dies mit möglichst wenigen Worten erklären: Vorname, Nachname = vollständiger Name.

7. Unterscheiden Sie primäre und sekundäre Aktionen

Verwenden Sie das Design, um primäre und sekundäre Aktionen zu unterscheiden. Dadurch wird der primäre Aufruf zur Aktion sichtbarer als der sekundäre, um Fehler zu reduzieren.

8.Gruppenbezogene Elemente

Verwenden Sie Leerzeichen, um Gruppen oder separate Elemente visuell zu erstellen. Wenn das Formular lang ist, teilen Sie es in Schritte auf.

„Wenn ich Artikel für Menschen schreibe, die in Eile sind, schätze ich Ihre Zeit und wahrscheinlich lesen Sie wie ich gerne unterwegs. Fassen Sie sich kurz, damit Sie keinen Absatz überspringen müssen. "
Haben Sie irgendwelche Fragen? Lass es mich wissen: Instagram - Linkedin - Behance - Dribbble