it-swarm.com.de

Zeiteintrag in eine Tabelle

Ich versuche, die Erfahrung einer Anwendung zu verbessern, mit der Benutzer ihre Arbeitszeiten basierend auf Kunden und Aufgaben täglich eingeben und auch die Gesamtarbeitszeit ihrer Woche anzeigen können. Über die aktuelle Benutzeroberfläche können Benutzer zuerst die Woche auswählen und dann in der folgenden Tabelle Kunden-, Aufgaben- und Arbeitszeiten eingeben.

Was ist Ihrer Meinung nach das größte Problem? Und wie könnte der Prozess vereinfacht werden?

enter image description here

4
wcdomy

Ich arbeite gerade an einem Zeiterfassungs-Prototyp ...
Ja, es ist wichtig, dem Benutzer zu helfen, wenn schnell , und die Benutzeroberfläche so zu programmieren, dass die sich wiederholenden Aufgaben so gut wie möglich erledigt werden.
Meine Einstellung ähnelt der von msanford (also habe ich auf seinem Drahtmodell aufgebaut).
enter image description here

1- Das Datum ist nur einmal fällig, da der Benutzer in den meisten Fällen die heutigen Daten eingibt. Es wird mit dem vorinstallierten heutigen Datum und einer auffälligen visuellen Bestätigung des Wochentags "in diesem Fall" Montag "angezeigt, um den Benutzer zu beruhigen. Der Benutzer kann mit den beiden Pfeiltasten auf beiden Seiten des Datums zu den vorherigen oder nächsten Tagen navigieren und den Tag ändern, an dem die Daten festgeschrieben werden.

2- Der Rest des Formulars zeigt alle Aktivitäten des ausgewählten Tages und eine leere Zeile zur Eingabe weiterer Aktivitäten an. Zuerst gibt es nur eine leere Zeile mit Fokus im ersten Feld (nicht im Datum, das fast immer richtig ist, damit wir es überspringen können).

3- Die Elemente "Projekt" und "Abteilung" hängen von der Organisation Ihres Unternehmens ab. IMO hier ist weniger besser. Beachten Sie, dass hier keine Organisationsstruktur repliziert werden muss. Wenn Sie mit denjenigen sprechen, die die Daten konsumieren, und sie beraten, möchten sie möglicherweise eine Abstraktionsschicht einfügen, die den Benutzern die entsprechenden Abrechnungsnamen zur Verfügung stellt, sodass nur ein Datum benötigt wird, das alle Abrechnungsanforderungen umfasst. Später können sie diese Namen in offizielle Buchhaltungszeiger übersetzen.
Auf jeden Fall sollten die Benutzer hier keine Codes, sondern Namen in ihrer Sprache sehen.

4- Die Benutzeroberfläche kann den Benutzern sehr helfen, indem sie die Felder Projekt/Abteilung/Aufgabe (oder was auch immer) mit denselben Daten vom Vortag vorlädt.
Idealerweise sollten diese Felder wie jQuery UI Autocomplete funktionieren.

5- Das Stundenfeld wird schneller ausgefüllt, wenn der Benutzer die Zahlen eingeben kann, anstatt auf einen Drehknopf zu klicken. Zeigen Sie als zusätzliche Hilfe irgendwo die Gesamtstunden des Tages an, damit der Benutzer überprüfen kann, ob die Nummer richtig ist. Ein Steuerelement wie Keith Woods Zeiteintrag kann nützlich sein, da es die Formatierung übernimmt. Ich habe es ohne die Spinner und den AM/PM-Teil eingestellt. Benutzer müssen nur die Zahlen und die Registerkarte vorwärts eingeben.

Mit dieser Anordnung wird der Benutzer, der die Benutzeroberfläche erreicht, zum aktuellen Tag mit der Einfügemarke in der ersten Buchhaltungseingabe (im Beispiel "PROJEKT") geführt.
Dieses Feld ist mit denselben Daten wie am vorherigen Arbeitstag gefüllt, sodass der Benutzer normalerweise zum nächsten Feld wechselt.
Die Abteilungseingabe ist mit denselben Daten vorinstalliert, als der Benutzer das letzte Mal dieses PROJEKT gemeldet hat. Daher ist es möglicherweise auch richtig (laden Sie die ABTEILUNG vor, wenn der Fokus das PROJEKT verlässt).
Dasselbe könnte für "Aufgabe" gemacht werden, wenn die Benutzer dazu neigen, Aufgaben an aufeinanderfolgenden Tagen zu wiederholen.
Wenn die vorinstallierten Daten nicht richtig sind, muss der Benutzer einige Tastenanschläge eingeben, damit die automatische Vervollständigung funktioniert. Der vorinstallierte Text muss ausgewählt werden, damit er verschwindet, wenn der Benutzer mit der Eingabe in das Feld beginnt.
Die Stunden werden durch Trinkgeld wie 8 vervollständigttab30tab.
Nun ist der Benutzer im "Kommentar", der in der Regel optional ist.
Noch eine Registerkarte und sie befindet sich in der Taste [+] (Die Tasten [x] befinden sich nicht in der Tabulatorsequenz).
Dies ist so schnell und sicher wie möglich.

3
Juan Lanus

Ich musste kürzlich eine ähnliche kundenspezifische Lösung für das Unternehmen entwerfen, für das ich arbeite. Es wurde extrem schnell entwickelt und bereitgestellt, hauptsächlich als Ersatz für eine großväterliche papierbasierte Lösung, für die wir nie Zeit hatten, sie zu ersetzen.

Unser Anwendungsfall mag sich von Ihrem unterscheiden, aber wir haben Folgendes getan:

Kontext

  1. Wir haben kleine Gruppen von Entwicklern, Administratoren, Verkäufern und Managern.
  2. Jede dieser Gruppen hat unterschiedliche Arbeitsmuster. Glücklicherweise arbeiten wir Entwickler oft nur an ein oder zwei "Aufgaben" pro Tag. Administratoren, Verkäufer und Manager arbeiten zunehmend daran.
  3. Wir haben bereits Aufgaben eingegeben zumindest jeden Tag.
  4. Mein erklärtes UX-bezogenes Ziel, das das Design meines Projekts leitete, war, dass sich jeder Benutzer innerhalb von 90 Sekunden anmelden, die Daten dieses Tages eingeben und sich abmelden kann.

Unser System

Nach einem kurzen Interview mit jedem meiner zukünftigen Benutzer (nach der Verwaltung für deren Datenerfassung und Verfahrensanforderungen) entschied ich, dass das folgende Formular für unser Szenario am besten geeignet ist:

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

(Das Formular beginnt mit einer Zeile.)

Das Datumsfeld ist mit dem heutigen Datum vorab ausgefüllt, die Abteilung ist mit der Abteilung des Benutzers vorab ausgefüllt (kann jedoch geändert werden, da wir ein kleines Unternehmen sind und häufig den Boden überschreiten). An anderer Stelle gibt es Steuerelemente zum Hinzufügen von Zeilen, Senden des Formulars usw.

Wichtig ist, dass alles in einem Schritt geschieht . Wir verwenden keinen Wochenansichtsansatz, da alle Mitarbeiter - meistens - am Ende eines jeden Tages Aufgaben eingeben. Diejenigen, die viele Aufgaben pro Tag haben, erledigen sie zweimal am Tag (d. H. Mittagessen/Geschäftsende) oder wenn sie erledigt sind. Die Datumsauswahl macht die Eingabe von Aufgaben für andere Daten schmerzlos, obwohl dies eine relative Seltenheit ist.

Übrigens habe ich ein Update (pro Benutzeranfrage) geplant, um jedes <select /> an Autocomplete , hauptsächlich, um die Suche in der Mitte der Zeichenfolge nach Projektnamen und -codes zu ermöglichen.

1
msanford