it-swarm.com.de

So vereinfachen Sie eine lange Form

Wir entwerfen eine Web-App für Reiseveranstalter und die anfänglichen Daten sehen aus wie der Anhangcurrent mockIdeen zur Vereinfachung. Einige der Felder werden berechnet, diese werden entfernt, und einige nicht benötigte Dinge können ausgeblendet werden (z. B. wenn keine Rückreise erforderlich ist, werden keine Rückreisedetails geladen).

Schätzen Sie die Zeit für das Durchschauen.

Wir haben einige Anpassungen gemäß den eingegangenen Kommentaren vorgenommen und es sieht jetzt so aus revised version. Aber ich denke, dass in diesem Design meine Tab-Bewegung nicht schön wäre. es würde 2 Tabs runter gehen, dann richtig. Noch mehr Tipps. Der Vorteil, alles zu sein, wird auf einen Schlag gesehen.

Nun, ich denke du wirst kein Bild posten. Wer braucht schon einen?

Meine Empfehlungen sind hier ziemlich zusammengefasst:

Was macht eine gute Form aus?

Ein guter Anfang ist Luke Wroblewski und seine verschiedenen Schriften zum Formulardesign, zB http://www.lukew.com/presos/preso.asp?22 Aber um hinzuzufügen: Aus meiner Erfahrung, Hunderte von zu bauen Formulare kann ich folgendes empfehlen:

1. Minimieren Sie die Anzahl der Felder im System. Dies erfordert möglicherweise ein wenig Hin und Her zwischen Ihnen und dem Geschäftsanalysten + ein wenig zusätzliche Benutzerrecherche, aber Sie werden erstaunt sein, wie viele überflüssige Felder vorhanden sein könnten.

2. Löschen Sie den Pfad zum Abschluss: Ordnen Sie Felder und Feldbeschreibungen so an, dass das Auge über den Bildschirm zu den Aktionsschaltflächen geführt wird.

3.Wenn es Pflichtfelder gibt, markieren Sie diese deutlich.

4. Validieren Sie Felder, wenn der Benutzer sie nicht nach dem Senden eingibt. Inline-Anweisungen anbieten

5.Wenn Sie einen Stapel von Feldern haben, ordnen Sie diese entweder in diskrete Abschnitte (wie Sie angeben) oder führen Sie den Benutzer durch eine Folge von Seiten bis zur endgültigen Fertigstellung. Bearbeiten: Registerkarten funktionieren nicht für sequentielle Informationen oder wenn in jeder Registerkarte obligatorische Informationen enthalten sind. Ich habe festgestellt, dass dies ein guter Ansatz ist, um verschiedene Arten von Inhalten in einem System zu enthalten, die der Benutzer über einen bestimmten Zeitraum aktualisiert oder verwendet.

6. Progressive Offenlegung. Ich spiele darauf in 5) an. Dies ist ein Weg, um kognitive Belastung oder Informationsüberflutung zu vermeiden. Einfach ausgedrückt, präsentieren Sie Informationen in einer Reihe von einfachen Schritten anstelle eines großen Ganzen.

7.Brechen Sie längere Formen in visuell unterschiedliche Regionen auf. Auf diese Weise können Sie leicht unterschiedliche Feldsätze zusammenfassen und dem Benutzer dabei helfen, ein mentales Modell des Systems zu erstellen. Außerdem können Sie den Eindruck erwecken, dass das System weniger belastend ist als es tatsächlich ist (auch dies könnte argumentiert werden) eine Art progressive Offenlegung sein).

7
colmcq