3

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

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

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

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

条形图（请原谅可怕的模型）

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

--

这是 Dickon Reed 建议的记录时间与所需时间的模型 时间与目标的关系图

--

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

4

6 回答 6

2

“试管/温度计”图像怎么样，就像他们为慈善机构所做的那样……随着时间的推移，它会填满，试图达到一个目标（红线）。

用不同的颜色填充每一天，并相应地标记……如果用户加班 MT，他们可能在星期五之前到达了线路，等等。

类似于： 替代文字 http://goyamarketing.com/blog/wp-content/uploads/2008/11/goal_thermometer.gif

于 2009-02-16T13:52:15.767 回答
2

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

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

改进的条形图 http://img11.imageshack.us/img11/6755/20090216203339em2.png

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

于 2009-02-16T18:29:23.150 回答
1

字符条在视觉上看起来不错，但你真正需要知道的是你在你的时间里落后/领先多远。

如果我理解正确，您只对您当前的 Saldo 和您当前的截止日期感兴趣，因此您可以在 2 个单独的字段中显示该信息（例如在图表下方）。当然，您也可以在图表中用一些水平线标记截止日期。

于 2009-02-16T13:23:15.337 回答
1

一个饼图怎么样，其中总大小代表最小目标，并为每一天添加饼片，其中实际天数满足最小一种颜色，天数有额外时间，然后将剩余天数填充为灰色切片，其中包含小时数员工将不得不在他们之间平均分配工作？

于 2009-02-16T13:46:41.880 回答
1

在 X 轴上带有“经过的工作日”和在 Y 轴上带有“每月所需工作完成的部分”的线图？只有几个数据点，通过直观地推断您是否会早晚达到顶峰应该很清楚。情节看起来像一个不规则的楼梯。

附言。Edward Tufte 的“定量信息的视觉显示”是一本关于这类主题的好书。

于 2009-02-16T15:43:05.733 回答
1

为了让迪肯·里德的想法更进一步，为什么不将每个点都提前或落后 +/- 小时，基线始终为 0。这样你就有更多的细节。我不确定我是否理解了我的观点，但没有一个例子很难做到，而且我的时间很短。

于 2009-02-16T23:08:41.700 回答