UI-Design für Zeiterfassung

Question

Ich versuche, eine Schnittstelle für eine Zeitmessung System zu denken, dass die Nutzer „auf einen Blick“ sehen lassen, wie viel Zeit muss noch abgeschlossen werden.

Dies wird durch die Tatsache erschwert, dass es keine festen Stunden sind - Mitarbeiter müssen mindestens 6 Stunden an einem bestimmten Wochentag arbeiten, und am Ende eines jeden Monats sollten in diesem Monat 7,5 Stunden pro Woche Tag gearbeitet haben. 7,5 Stunden oder so können zum nächsten Monat übertragen werden. Die Mitarbeiter können auch bis 1 morgens und 1 Nachmittag pro Monat ‚flex‘ Zeit in Anspruch nehmen. Zeitbedarf sollte von 10.15 am nächsten Tag aufgezeichnet werden, aber diese Regel ist gebogen, während die stark frequentierten Zeiten, und am Ende der Woche und vor allem der Monat Grenzen endet wichtiger werden.

Also, was ist das lesbare Format die aktuell eingegebenen Zeit anzuzeigen, und markieren Sie die Fristen für unvollendete Einträge nähern, während immer noch ein Gefühl zu geben, wie weit voraus hinter / verfolgt die Mitarbeiter sind (dh, wenn Sie eine Woche haben in diesem Monat zu gehen und Sie sind 8 Stunden voraus könnten Sie ein wenig mehr Bettzeit einplanen).

Meine erste Klappe war ein Balkendiagramm für jeden Tag mit einer roten Linie auf 6. Aber das nicht geben Ihnen eine Vorstellung davon, wie weit vor oder hinter Ihnen für jeden Tag oder Monat oder ob Sie fehlt eine nahe Frist ...

(Bitte entschuldigen Sie die schreckliche Mockup)

Vielleicht an einem Ort zu viel Informationen zu vermitteln?

Ich versuche,

-

Hier ist ein Mock-up der Zeit aufgezeichnet v.s. Zeit erforderlich als von Dickon Reed vorgeschlagen

-

EDIT: Diese Seite funktioniert gut für Sachen wie diese. Ich werde einige dieser Ideen um am Morgen treten und hoffentlich etwas zurück hier gepostet bekommen.

Answer 1

Ihre erste Chart könnte durch welche die verbleibende Zeit verbessert werden, wie unter . Die verbleibende Zeit bis zum nächsten Wochen / montly Frist vor Ablauf der Frist gleichmäßig auf die restlichen Tage aufgeteilt. So wird die Benutzeroberfläche auf die Frage beantworten: „Wie viele Stunden pro Tag muss ich arbeiten, um meine Frist zu treffen?“ Wenn der Benutzer wünscht, einen Vormittag / Nachmittag ausziehen (oder habe ich verstehe Sie falsch?), Sollten Sie eine Checkbox für diesen Tag haben, nach Überprüfung die die Schätzungen entsprechend angepasst werden.

Sie sollten auch die genaue Zeit an der Spitze eines jeden vertikalen Balken zeigen, so dass der Benutzer es in seinem Kopf zu schätzen nicht braucht (ich war faul und fügte sie nur ein paar Bars in der Mock-up). Auch markiert den aktuellen Tag, zum Beispiel in der unten stehenden Bild wurde dies durch „Donnerstag“ und mit einem Fettschrift für die Zeit kreist, dass der Benutzer arbeitet heute ist. Sie könnten auch einigen visuellen Effekt für die heutige vertikale Leiste verwenden.

verbessert Balkendiagramm http://img11.imageshack.us/img11/6755/ 20090216203339em2.png

Für Ihre zweite Tabelle, die Sie sollten auch in den wöchentlichen oder monatlichen Terminen, als horizontale Balken ziehen. In einigen Fällen kann die zweite Grafik besser sein, aber in diesem Fall würde ich mit dem ersten Diagramm (mit meinen Verbesserungen) absetzen, weil es besser, den Benutzers mentalen Modell entsprechen könnte, und auf diese Weise können Sie auch die tägliche Minimum 6h visualisieren einige Art und Weise.

Answer 2

, wie etwa ein „Reagenzglas / Thermometer“ Bild, wie sie für gemeinnützige Organisationen haben ... es füllt sich, wie Sie Zeit hinzufügen, versucht, ein Ziel (die rote Linie) zu erreichen.

Füllen Sie jeden Tag mit einer anderen Farbe, und entsprechend beschriftet ... wenn die Benutzer Überstunden M-T funktionieren, können sie die Zeile vor Freitag erreicht haben, etc.

ähnlich wie: alt text http://goyamarketing.com/blog/wp- content / uploads / 2008/11 / goal_thermometer.gif

Answer 3

Die char bar sieht optisch schön, aber was Sie wirklich brauchen, zu wissen, wie weit hinter / vor Sie in Ihren Stunden sind total.

Wenn ich richtig verstanden hat, sind Sie interessiert nur in der aktuellen saldo und Ihre aktuelle Frist, so dass Sie diese Informationen in zwei separaten Bereichen angezeigt werden könnten (zum Beispiel unterhalb der Grafik). Natürlich könnten Sie markieren auch mit einiger horizontalen Linie in der Kurve, die die Frist.

Answer 4

Wie wärs mit einem Kreisdiagramm, wo die Gesamtgröße des Minimalziel darstellt und Tortenstücke für jeden Tag mit dem tatsächlichen Tagen hinzufügen, die mindestens eine Farbe, Tage mit der Verlängerung noch getroffen und dann die verbleibenden Tage als graue Scheiben mit der Nummer füllen Stunden würde die Mitarbeiter haben gleichmäßig unter ihnen aufgeteilt arbeiten?

Answer 5

Ein Liniendiagramm mit „Werktag vergangen“ auf der X-Achse und „Bruchteil der monatlichen erforderlicher Arbeit“ auf der Y-Achse? Mit nur wenigen Datenpunkten, sollte es durch visuell Extrapolation klar sein, ob Sie die Top-Hit werden früh oder zu spät. Das Grundstück würde aussehen wie eine unregelmäßige Treppe.

ps. „Die visuelle Darstellung von Informationen Quantitative“ von Edward Tufte ist ein großes Buch für Ideen auf dieser Art von Thema.

Answer 6

Dickon Reeds Idee einen Schritt weiter zu gehen, warum nicht jeder Punkt tun als +/- Stunden vor oder hinter, mit der Baseline immer 0. Auf diese Weise können mehr Details haben. Ich bin mir nicht sicher, ob ich meinen Punkt über bekam, aber es ist schwer, ohne ein Beispiel zu tun, und ich bin wenig Zeit.