it-swarm-eu.dev

Was ist die schnellste Benutzeroberfläche, um ein Datum innerhalb der letzten 30 Tage einzugeben?

Meine Vertriebsmitarbeiter haben eine lange Liste (200+) ihrer Konten und müssen das letzte Datum eingeben, an dem sie jedes Konto besucht haben. Meistens liegt dieses Datum innerhalb der letzten 30 Tage. Was ist die schnellste Schnittstelle, um ein Datum einzugeben oder auszuwählen?

7
Vidbot

Ich würde die Zifferntastatur sagen. Dies ist kein normales UI-Muster für Datumsangaben. Denken Sie also daran. Möglicherweise ist eine kurze Erklärung oder Schulung erforderlich. Lassen Sie sie einfach nur den Tag des Monats (1, 14, 30 usw.) eingeben und dann im Hintergrund den folgenden Vorgang ausführen:

  1. Holen Sie sich das heutige Datum.
  2. Wenn der eingegebene Tag des Monats größer oder gleich dem heutigen Datum ist, verringern Sie den aktuellen Monat automatisch um eins und fügen Sie das Jahr hinzu. (Beachten Sie, dass Sie zusätzliche Logik für Januar/Dezember hinzufügen und überprüfen müssen, ob ein Tag in einem Monat vorhanden ist.).
  3. Wenn der eingegebene Tag des Monats kleiner als das heutige Datum ist, war er im selben Monat und Jahr, sodass Sie beide an ihn anhängen können.
  4. Wenn das aktuelle Datum oder ein Datum nach einem Monat benötigt wird, können sie das vollständige Datum in Ihrem angegebenen Format eingeben.
  5. Sie können optional eine automatische Vervollständigungsfunktion bereitstellen, mit der sie die Pfeiltasten verwenden und das Datum auswählen können, sobald sie mit der Eingabe beginnen.

Zusammenfassend gibt der Benutzer entweder einen oder zwei Tastenanschläge ein, die den Tag des Monats angeben, und das System führt ihn automatisch für ihn aus.

Wenn Sie von dieser Methode nicht begeistert sind, können Sie jederzeit eine JavaScript-Datumsauswahl verwenden. ( MooTools , jQuery , Dojo usw.) Wenn Sie sich nicht sicher sind, welchen Weg Sie wählen sollen, empfehle ich Ihnen, Benutzertests durchzuführen und zu sehen Welcher Weg ist für Menschen schneller.

8
Virtuosi Media

Verwenden Sie ein Datumsauswahl-Widget, das eine 2-Monats-Ansicht (den aktuellen Monat und den vorherigen Monat) mit deaktivierten zukünftigen Datumsangaben anzeigt.

2-month date picker widget

(Das ist der jQuery UI Datepicker .)

Diese Anordnung ermöglicht die Ein-Klick-Auswahl eines beliebigen Datums im letzten Monat (mindestens), und jedes andere aktuelle Datum kann ebenfalls einfach eingegeben werden. Dies bedeutet auch, dass die Mitarbeiter "letzten Freitag" nicht mental in "letzten Oktober" übersetzen müssen, wie wenn sie das Datum eingeben müssten.

Wenn der Platz knapp ist, können Sie einfach ein Textfeld verwenden, um das Datum anzuzeigen, und die Datumsauswahl wird angezeigt, wenn das Feld den Fokus erhält.

3
Bennett McElwee

Wenn Sie "Jedes Konto besucht" sagen, bedeutet dies, dass sie auf einem Computersystem angezeigt werden. Wenn dies der Fall ist, wäre die beste Methode gewesen, das Datum jedes Mal zu protokollieren, wenn jemand dieses Konto eröffnet.

Alternativ würde ich so etwas machen:

                Last visited: [______________] [v]
  SA   SU   MO   TU   WE   TH   FR   SA   SU   MO
|_25_|_26_| 27 | 28 | 29 | 30 | 01 |_02_|_03_| 04
  • Die erste Zeile ist das Textfeld, in das der Benutzer das Datum vollständig eingeben kann, wenn er möchte
  • Dropdown-/Kalendersymbol [v] ruft die letzten 30 Tage alle hintereinander auf. Könnte "immer an" sein, da es nicht viel Platz einnimmt.
  • Tage sind möglicherweise nicht erforderlich, wenn die Wochenenden hervorgehoben sind (z. B. eine andere Hintergrundfarbe).
  • Könnte eine Bildlaufleiste enthalten, wenn sie nicht passt.
  • Könnte stattdessen den Standardkalender "eine Woche pro Zeile" verwenden, jedoch mit den letzten 30 Tagen anstatt von Monat zu Monat, z. zwei Wochen ab diesem Monat, zwei Wochen vom letzten Monat.
2
DisgruntledGoat

Kommt auf den Benutzer an. Das heißt, wenn man viele Daten eingibt, ist Tastaturen normalerweise der richtige Weg. Wenn Sie Hauptbenutzer haben, lassen Sie diese die Daten in einem bestimmten Format eingeben.

1
DA01

Kalender-Widget (auch bekannt als DTPicker). Sie sind die beste Eingabemethode, wenn Sie Daten eingeben müssen, die nahe am aktuellen Datum liegen. Sie benötigen viel Platz und sind daher nicht besonders geeignet, wenn Sie nur über wenig Platz verfügen. Ansonsten sind sie die perfekte Möglichkeit, Daten einzugeben, die nahe am aktuellen Datum liegen. Wenn Ihre Datumsauswahl hauptsächlich in den letzten 30 Tagen erfolgt, möchten Sie möglicherweise eine 2-Monats-Ansicht geben, wobei sich das aktuelle Datum immer im unteren Teil des Kalenders befindet (sodass alle Daten innerhalb der letzten 30 Tage innerhalb der letzten Tage ausgewählt werden können ein einziger Klick).

Wenn der Rest der Benutzeroberfläche jedoch über die Tastatur gesteuert wird (d. H. Es gibt keine andere Benutzeroberfläche, für die eine Maus erforderlich ist), möchten Sie wahrscheinlich auch eine tastaturgesteuerte Datumsauswahl.

1
Lie Ryan

Wie wäre es mit einer Änderung des "Besuchsformulars"? Anstatt den Vertriebsmitarbeiter zu verpflichten, das Datum des Besuchs und den Namen des Kunden einzugeben, beginnen sie dort, wo sie aufgehört haben.

Angenommen, sie haben zuletzt am Freitag, dem 10. September, Informationen eingegeben. Wenn sie Ihr Besuchsformular aufrufen, wird als Standarddatum der nächste Geschäftstag oder Montag, der 13. September angegeben. Der Mitarbeiter gibt alle Besuche für diesen Tag ein . Sie klicken auf einen Pfeil oder drücken eine Tastenkombination wie Strg-Rechts-Pfeil, um zum nächsten Geschäftstag zu wechseln und Informationen für diesen Tag einzugeben.

Auf diese Weise müssen die Vertriebsmitarbeiter kein Datum eingeben.

0
Hisham