it-swarm.com.de

Welches Muster soll auf ein umfangreiches Flugprotokollierungsformular angewendet werden?

Ich muss eine Form von ungefähr 15 bis 20 Feldern erstellen, um einen Flug aufzuzeichnen. Ich werde folgende Daten sammeln:

  • Registrierung von geflogenen Flugzeugen
  • Bezeichnung des Benutzers (verantwortlicher Pilot, Copilot usw.)
  • Name des verantwortlichen Piloten, wenn er nicht der Benutzer ist
  • Datum, Uhrzeit und Flughafen von Abflug und Ankunft
  • Flugzeit, Anzahl der Starts und Landungen bei Tag und Nacht.
  • Optionale Hinweise zum Flug.

Ich suche nach der besten Möglichkeit, dieses Formular dem Benutzer zu präsentieren, und erwäge ein einfaches Formular, in dem alles auf einmal sichtbar ist, ein (jQuery) Akkordeonformular oder einen Assistenten (einseitiges JavaScript).

Einige Überlegungen:

  • Meine Benutzer erledigen diese Aufgabe durchschnittlich zwei- bis dreimal pro Woche. Ich bin mir nicht sicher, ob ein Assistent eine gute Idee wäre, da diese Aufgabe regelmäßig ausgeführt wird.
  • Ich kann gute Standardeinstellungen für fast das gesamte Formular verwenden. Ich möchte, dass der Benutzer sie vor dem Absenden des Formulars überprüft, sodass ein Formular mit Registerkarten unerwünscht erscheint.
  • Ich kann einige Formularwerte basierend auf früheren Eingaben schätzen. Zum Beispiel kann ich die Flugzeit basierend auf der Abflugzeit und der Ankunftszeit berechnen. Assistenten berücksichtigen dies, aber andererseits muss ich den Wert nicht unbedingt vorberechnen.

Ich würde gerne hören, was am besten zu dieser Aufgabe passt.

3
Laurens

Das wichtigste zuerst:

Iterieren

protokollierungsformulare sind ein sehr häufiges Bedürfnis. Wenn Sie das Formular in Iterationen erstellen können, beginnend mit etwas Einfachem wie einem Google-Tabellenkalkulationsformular, gehen Sie diesen Weg. Es könnte den Bedarf vollständig decken. Es kann auch einige große Kopfschmerzen ersparen. Ich habe einmal zwei Wochen damit verbracht, einige großartige Formulare zu erstellen, nur um zu erfahren, dass der Kunde mir die falschen Papiere gegeben hat. Kundenkosten, aber zwei Wochen Arbeit zu verschwenden macht nie Spaß.

Vorausgesetzt, Sie gelangen mit jQuery zum Formularerstellungsteil:

Formularentwurf

Feldanpassung Ein Formular mit allen sichtbaren Feldern ist sinnvoll, insbesondere wenn Sie Standardeinstellungen verwenden. Unter der Annahme, dass die Eingabegeschwindigkeit eine Überlegung ist, würde ich die Daten der Benutzerbildschirmgrößen überprüfen und sicherstellen, dass alle Felder passen, ohne zu scrollen. Je nach Platz kann vertikal oder horizontal arbeiten.

Beschriftungen : Unter der Annahme von Text von links nach rechts und vorab ausgefüllten Standardeinstellungen platzieren Sie die Beschriftungen außerhalb der Eingaben. links oder oben keine Wasserzeichen.

Standardeinstellungen : Gute Idee. Wenn unterschiedliche Benutzer unterschiedliche Einstellungen haben, sollten Sie auch ihre bevorzugten Standardeinstellungen auf ihrem Computer in einem Cookie/Localstorage (für Felder ohne Sicherheitsprobleme) oder auf dem Server speichern.

Datenqualität : Da es sich um die Protokollierung handelt, ist es normalerweise wichtig, die Datenqualität sicherzustellen jQuery validate ist ein hervorragendes Plugin. Wenn es sich um FAA-Anforderungen handelt, führen Sie auch eine serverseitige Validierung durch.

Autocomplete : Für Felder mit begrenzten möglichen Antworten kann Autocomplete einen Vorteil und eine Einschränkung bieten.

Referenz : Benutzer möchten sich möglicherweise frühere Einträge merken, um zu bestimmen, was diesmal eingegeben werden soll. Wenn Sie Platz haben, sollten Sie frühere Einträge in einer Tabelle rechts verfügbar machen. Denken Sie an abwechselnde Zeilenfarben.

Automatische Auffüllung : Wenn sich mehrere Felder häufig von den Standardeinstellungen unterscheiden, ist das Ausfüllen eines Formulars mit einem Klick möglicherweise schneller als die Standardeinstellungen. Benutzer können Referenztabellenspalten sehr schnell scannen. Wenn Sie die Felder, die sich am wahrscheinlichsten ändern, am oberen Rand Ihres Formulars (und links von der Referenztabelle) platzieren, können sie die Tabelle schnell nach vorherigen übereinstimmenden Einträgen durchsuchen. Platzieren Sie links neben jeder Spalte eine kleine Schaltfläche mit dem Titel "Kopieren Sie die Einträge dieser Zeile in das aktuelle Formular". Sobald die Felder kopiert wurden, kann das Springen des Cursors zu Feldern, die sich später ändern können (z. B. Zeit), die Eingabe beschleunigen.

Fokus-Hervorhebung : Das jQuery-Formular-Plugin bietet einige nützliche Möglichkeiten, um das aktuell aktive Feld hervorzuheben. Es kann auch erreicht werden mit CSS

Für zusätzliche Ideen :

1
Adam