Bestes Design für ein langes HTML-Eingabeformular

Question

Ich bin dabei, ein langes HTML-Eingabeformular zu entwerfen und diskutiere zwischen einigen Gestaltungsmöglichkeiten:

1. Einseitiges langes Formular, bei dem die Benutzer nach unten scrollen müssen
2. Mehrere Seiten, bei denen Sie für jede neue Seite auf "Weiter..." klicken müssen
3. Verwenden Sie einen Tabulator AJAX-Schnittstelle um die Formulareingaben zu organisieren, sondern Registerkarten.

Gibt es dazu Untersuchungen oder bewährte Verfahren?

Answer 1

Wir haben ähnliche Formulare in unserem Unternehmen, und wir enden mit der Kombination von 2 und 3, d. h., zeigen Sie die Registerkarte am oberen Rand des Bildschirms, auch eine Schaltfläche "Weiter", um auf die nächste Registerkarte zu gehen. Hier sind einige Gründe/Betrachtungen, 1, verwenden Sie Ajax, um jede Registerkarte zu laden, um das Formular auf der Client-Seite kleiner zu machen, in der Regel der Benutzer nur anzeigen/bearbeiten ein oder zwei Registerkarten jedes Mal. 2, wir können verschiedene Registerkarten zeigen, wenn das Formular geladen wird, basierend auf dem verschiedenen Szenario. 3, ähnlich wie bei 1, können wir einige Registerkarten je nach Benutzerprivileg anzeigen/ausblenden. 4, einige Felder sind miteinander verknüpft, wenn also die vorherige Registerkarte aktualisiert wird, ändern wir einige Einstellungen auf der anderen Registerkarte entsprechend. 5, und manchmal ist das Formular einfach zu lang, um damit zu arbeiten, wenn man es nicht in Registerkarten unterteilt.

Answer 2

Mit Teilansichten, ich baue im Grunde sowohl #1 als auch #3 und werde Feedback von meinen Nutzern erhalten. Mein anfängliches Gefühl ist, dass #3 wird mehr skalierbar sein, wie ich mehr und mehr Daten hinzufügen.

Answer 3

Ich habe ein Plugin für diesen speziellen Zweck geschrieben - hauptsächlich für den Einsatz im Gesundheitswesen und im Rechtswesen - aber es funktioniert für jede Anforderung an ein langes HTML-Formular:

Awesome Forms - mehrseitiges jQuery-HTML-Formular-Plugin

Answer 4

Ich mag keine wirklich langen Formulare auf einer Seite. Ich finde es schwierig, in ihnen zu navigieren, da es schwierig ist, ein Feld unter vielen zu finden, wenn man versucht, seine Einträge zu überprüfen. Was mir auch nicht gefällt, ist, dass es in manchen Fällen einige Zeit dauern kann, das Formular fertigzustellen, und was macht man, wenn man unterbrochen wird? Eine weitere Möglichkeit ist, was passiert, wenn die Sitzung unterbrochen wird, der Browser abstürzt, das Netzwerk zusammenbricht oder ein Atomkrieg ausbricht usw.

Ich bevorzuge die Registerkarten für jeden Abschnitt mit den Schaltflächen "Weiter" und "Zurück". Außerdem füge ich hinzu, dass die Daten gespeichert werden, wenn der Benutzer von einem Abschnitt zum nächsten navigiert. Die andere Möglichkeit ist, eine automatische Speicherfunktion einzubauen.

Kürzere Formulare sind besser, aber manchmal braucht man die Daten einfach und hat keine andere Wahl.