Wo finde ich Beispiele für Elemente schwerer Webformen?

Ich möchte einige Beispiele einiger guter Formularlayouts (webbasiert) mit vielen Eingabefeldern betrachten. Ich mache eine Menge Web-Anwendung Entwicklung und viele meiner Formulare sind Eingabeelement schwer, so dass ich immer auf der Suche nach guten Ideen zum Anzeigen meiner Formulare. Zum Beispiel habe ich ein paar Listenfelder und viele Textfelder und einige Dropdown-Menüs auf einer Seite zusammen mit der Anzeige des Verlaufs der Änderungen am Formular.

8

3 Antworten

Ich mag es immer, Wufoo zu besuchen, wenn ich etwas Inspiration brauche.

6
hinzugefügt
Zweitens die Empfehlung; Ich habe das gleiche geschrieben, als du gepostet hast.
hinzugefügt der Autor ine, Quelle

Alles hängt davon ab, welchen Schwerpunkt Sie auf Dateneingabe oder Benutzererfahrung legen. Für Dateneingabe als primäres Ziel, würde ich die Eingabefelder dicht beieinander halten und sicherstellen, dass sie sehr gut mit der Tabulatortaste fließen, so dass der Benutzer niemals die Hände von der Tastatur nehmen muss. Auch sollte der Platz auf ein Minimum beschränkt bleiben und möglichst viele Felder auf der Seite enthalten sein.

Für User Experience ist genau das Gegenteil der Fall, Sie müssen sicherstellen, dass genügend Platz vorhanden ist, um Probleme mit der JavaScript-Validierung zu identifizieren und sicherzustellen, dass das Formular genauso gut für die neuen Benutzer funktioniert Power-User. Hauptbenutzer == Benutzer mit hoher Dateneingabe.

Wufoo is pretty good on user experience but it wouldn't work well for data entry users I mentioned above. Because the user has to stop to click a button.

5
hinzugefügt

Smashing Magazine hat eine gute Zusammenfassung von CSS-basierten Forminspirationen/Techniken/Tutorials.

Schau es dir hier an.

2
hinzugefügt