user-interface - 时间追踪的UI设计

Question

我正在尝试为计时系统设计一个界面，让用户“一目了然”地看到还需要完成多少时间。

由于没有固定的工作时间，这使情况变得复杂 - 员工必须在任何给定的工作日至少工作 6 小时，并且在每个月月底该月的每个工作日应该工作 7.5 小时。任何一种方式的7.5小时都可以结转到下个月。员工每月最多可占用 1 个上午和 1 个下午的“弹性”时间。时间需求应该在第二天 10.15 之前记录下来，但是这条规则在繁忙时间是弯曲的，周末，尤其是月底的界限变得更加重要。

那么，什么是最易读的格式来显示当前输入的时间并突出显示未完成条目的接近截止日期，同时仍然可以感觉到员工的领先/落后程度(即，如果您那个月还有一周的时间，并且你提前 8 小时，你可以安排一点额外的羽绒被时间)。

我的第一个想法是每天的条形图，在 6 处有一条红线。但这并不能让您了解每天或每月的领先或落后程度，或者您是否接近错过截止日期...

(请原谅可怕的模型)

也许我试图在一个地方传达太多信息？

--

这是时间记录与时间的模型。 Dickon Reed 建议的所需时间

--

编辑:这一面非常适合这样的东西。我将在早上讨论其中的一些想法，希望能在这里发布一些内容。

Answer 1

您的第一个图表可以通过显示剩余时间来改进 below .直到下一个每周/每月截止日期的剩余时间平均分配给截止日期前的剩余天数。所以 UI 会回答这个问题:“我每天需要工作多少小时才能满足我的截止日期？”如果用户想请一个上午/下午的假(或者我对您的理解有误？)，您应该有一个当天的复选框，在检查哪些估计值会相应地调整之后。

您还应该在每个垂直条的顶部显示准确的时间，这样用户就不需要在脑海中估计它(我很懒，只将它们添加到模型中的几个条)。还要突出显示当天，例如在下图中，这是通过圈出“星期四”并使用粗体字体表示用户今天工作的时间来完成的。您还可以为今天的垂直条使用一些视觉效果。

improved bar chart http://img11.imageshack.us/img11/6755/20090216203339em2.png

对于您的第二张图表，您还应该将每周或每月的截止日期绘制为水平条。在某些情况下，第二张图表可能会更好，但在这种情况下，我会选择第一张图表(经过我的改进)，因为它可能更符合用户的心理模型，这样您还可以可视化每日最少 6 小时某种方式。