Wo kann ich Beispiele von Elemente schwerer Webformularen finden?

Question

Ich möchte einige Beispiele von einigen guten Form Layouts (webbasiert) suchen, die eine Menge von Eingabefeldern haben. Ich mache eine Menge von Web-Anwendungsentwicklung und viele meiner Formen sind Eingangselement schwer, so bin ich immer auf der Suche nach guten Ideen, wie meine Formulare angezeigt werden soll. Zum Beispiel habe ich ein paar Listenfelder und viele Textfelder und einig Dropdown-Menü auf einer Seite entlang der Geschichte von Änderungen an die Form mit der Anzeige.

Answer 1

Ich habe immer gerne unter Wufoo , wenn ich irgendeine Form Inspiration brauchen.

Answer 2

Es hängt alles davon ab, was Ihr Fokus ist die Dateneingabe oder Benutzererfahrung. Für Dateneingabe als primäres Ziel, würde ich die Eingabefelder hält eng zusammen und stellen Sie sicher, sie fließen sehr gut mit der Tab-Taste, damit der Benutzer niemals ihre Hände von der Tastatur zu nehmen hat. halten soll wohl auch den Raum auf ein Minimum und versuchen, so viele Felder auf der Seite wie möglich aufzunehmen.

Benutzererfahrung, nur um das Gegenteil der Fall ist, müssen Sie sicherstellen, dass es genug Platz, um Probleme mit JavaScript-Validierung zu identifizieren und sicherstellen, dass die Form genauso gut für das neue Werk Anwender wie die Power-User. Power-User == schwere Dateneingabe Benutzer.

Wufoo ist ziemlich gut auf Benutzerfreundlichkeit, aber es wäre auch nicht funktionieren, für die Dateneingabe Benutzer ich oben erwähnt. Da der Benutzer auf eine Schaltfläche klicken, um zu stoppen hat.

Answer 3

Smashing Magazine haben eine gute Zusammenfassung von CSS-basierten Form Inspirationen / Techniken / tutorials.

Überprüfen Sie es heraus hier .