it-swarm.com.de

Wie organisiere ich ein Formular mit vielen Feldern?

Wo ich arbeite, haben wir ein System, das einen Bildschirm mit mehreren Feldern hat. Es gibt ungefähr 50 Felder und alle sind wichtig und sollten erscheinen.

example of a screen with about 50 fields

// bearbeitet in gimp: D.

Irgendwelche Vorschläge, wie man die Felder so anordnet, dass sie nicht so hässlich und kompliziert aussehen?

20
Xosler

Nehmen wir für die Frage an, dass alle Felder notwendig sind. Aber es könnte ein Problem der Informationsarchitektur sein. Wenn Sie es zuerst adressieren, kann dies die Anzahl der Felder im Formular verringern und es einfacher machen. Hier ist ein guter Artikel über IA und Webformulare .

Das offensichtlichste "Problem" mit der Form ist der Mangel an Rhythmus und Gleichgewicht , tatsächlich bricht es die meisten bekannten Designprinzipien) .

Beachten Sie, dass es zu viele vertikale Linien gibt. Dies könnte durch nter Verwendung eines Gitters behoben werden, und sogar Komponieren in einem vertikalen Rhythmus würde der Form Ordnung geben.

enter image description here

Zu guter Letzt können Sie eine mehrstufige Form erstellen, sodass nicht alle Felder gleichzeitig angezeigt werden. Hier eine Frage und Antwort Erklären, wann jeder verwendet werden soll und hier, wie der Fortschritt angezeigt wird.

22
Naoise Golden

enter image description here

Ich denke, sequentielle Form wäre die effektive Lösung für dieses Problem. - Der Benutzer wird gezwungen, jeden Schritt zu durchlaufen, um den Vorgang abzuschließen. - Es würden keine obligatorischen Schritte übersehen. (Das Problem in der Registerkarte, dass wir nicht sehen können, unter welcher Registerkarte wir Pflichtfelder haben, so dass wir jede einzelne Registerkarte durchgehen müssen) - Es reduziert die kognitive Belastung des Benutzers durch Teilen/Aufteilen von Daten.

Hoffe das wird helfen.

5
Preyash

Die Verwendung von Registerkarten anstelle von Gruppen und das Platzieren aller Eingabefelder in einer Spalte mit konstanter Größe würde die Augen erheblich entlasten.

Wenn Sie Comboboxen mit weniger als 5-7 möglichen Elementen haben, ersetzen Sie diese durch Listenfelder - nimmt mehr vertikalen Platz ein, sieht aber viel besser aus und wenn Sie Registerkarten verwenden, haben Sie mehr Platz.

5
Danny Varod

Verwenden Sie Registerkarten für Felder, die nicht erforderlich sind.

Teilen Sie die Felder (z. B. Personal, Finanzen, Buchhaltung) in separate entsprechende Registerkarten auf.

Finden Sie heraus, welche Informationen normalerweise von Personen ausgefüllt werden sollten. Wenn sie Ihr gesamtes Formular ausfüllen, ist dies nicht wirklich UX, da dies wirklich viele Felder sind. Wenn Sie dies in einer kommerziellen Anwendung verwenden, werden Benutzer denken, dass es zu voll und zu schwierig ist, was zu mehr Supportanrufen führt. Vielleicht sollten Sie mit Ihrem Chef prüfen, welche Informationen automatisiert/gelöscht werden können. Wenn ich mich nicht irre, ist dies ein juristisches Dokument oder ein Vertrag. Wenn es sich um einen Vertrag handelt, sollten sich Kunden mit Adresse, Name, Nummer, .../Produkten mit ihren Steuern und Informationen bereits im System befinden. Dies würde den Informationsüberlauf etwas leichter ertragen;)

Sie haben auch Felder abgeleitet, z. Wenn Benutzer eine Stadt ausfüllen, können Sie die Postleitzahl, die Region und das Land abrufen. Wenn sie die Straßen ausfüllen, kennen Sie alle vorherigen (oder können darauf basierend eine Auswahl treffen), indem Sie nur sagen. Das Aufteilen in einen Assistenten ist eine Möglichkeit, dies zu beheben.

Normalerweise habe ich Registerkarten mit der ersten Registerkarte = "global" mit allen erforderlichen Feldern. Dann trenne ich Tabs für ihre Verwendung und ihre Verwendung (= viel verwendet - ja/nein?).

4
NicoJuicy