Дизайн пользовательского интерфейса для отслеживания времени

Question

Я пытаюсь придумать интерфейс для системы учета времени, который позволит пользователям «сразу взглянуть», сколько времени еще нужно завершить.

Это осложняется тем, что нет фиксированных часов - сотрудники должны работать не менее 6 часов в любой день недели, а в конце каждого месяца должны были работать 7,5 часов на каждый день недели в этом месяце. 7,5 часов в любом случае могут быть перенесены на следующий месяц. Сотрудникам также может потребоваться до 1 утра и 1 дня в месяц по гибкому графику. Потребности во времени должны быть записаны к 10.15 следующего дня, но это правило сгибается в напряженное время, и границы конца недели, особенно конца месяца, становятся более важными.

Итак, какой самый читаемый формат для отображения введенного в настоящее время времени и выделения приближающихся сроков для незавершенных записей, при этом давая представление о том, как далеко впереди / позади прослеживается сотрудник (например, если у вас есть неделя, чтобы пройти в этом месяце и Вы на 8 часов раньше, вы можете запланировать немного дополнительного времени для пухового одеяла).

Первым моим взятием была гистограмма для каждого дня с красной линией на 6. Но это не дает вам никакого представления о том, как далеко или позади вы находитесь на каждый день или месяц, или о том, близки ли вы к тому, чтобы пропустить срок ...

(Прошу прощения за ужасный макет)

Может быть, я пытаюсь передать слишком много информации в одном месте?

-

Вот макет времени, записанного против. время, необходимое по предложению Дикона Рида

-

РЕДАКТИРОВАТЬ: эта сторона отлично работает для таких вещей, как это. Я собираюсь обсудить некоторые из этих идей утром и, надеюсь, выслать что-нибудь сюда.

Answer 1

Ваш первый график может быть улучшен, если показать оставшееся время, как показано ниже . Оставшееся время до следующего еженедельного / ежемесячного срока делится равномерно на оставшиеся дни до крайнего срока. Поэтому пользовательский интерфейс ответит на вопрос: «Сколько часов в день мне нужно работать, чтобы уложиться в сроки?» Если пользователь хочет взять выходной утром / днем ​​(или я вас правильно понял?), У вас должен быть флажок для этого дня, после проверки того, какие оценки будут соответствующим образом скорректированы.

Вы также должны показывать точное время в верхней части каждой вертикальной полосы, чтобы пользователю не нужно было оценивать его в своей голове (мне было лень и я добавил их только к нескольким барам в макете). Также выделите текущий день, например, на рисунке ниже, обведя кружок «четверг» и используя жирный шрифт для времени, в течение которого пользователь работал сегодня. Вы также можете использовать некоторые визуальные эффекты для сегодняшней вертикальной черты.

улучшенная гистограмма http://img11.imageshack.us/img11/6755/20090216203339em2.png

Для вашего второго графика вы также должны указывать недельные или месячные сроки в виде горизонтальных столбцов. В некоторых случаях второй график может быть лучше, но в этом случае я бы согласился с первым графиком (с моими улучшениями), потому что он мог бы лучше соответствовать ментальной модели пользователей, и таким образом вы также можете визуализировать дневной минимум 6 часов. каким-то образом.

Answer 2

как насчет изображения "пробирка / термометр", как у благотворительных организаций ... оно заполняется, когда вы добавляете время, пытаясь достичь цели (красная линия).

Заполните каждый день другим цветом и соответствующим образом пометьте ... если пользователь работает сверхурочно M-T, возможно, он достиг линии до пятницы и т. Д.

похоже на: альтернативный текст http://goyamarketing.com/blog/wp-content/uploads/2008/11/goal_thermometer.gif

Answer 3

Чтобы продвинуть идею Дикона Рида на шаг вперед, почему бы не сделать каждую точку на +/- часов впереди или позади, с базовой линией всегда равной 0. Таким образом, у вас есть больше деталей. Я не уверен, понял ли я свою точку зрения, но без примера трудно обойтись, и у меня мало времени.

Answer 4

Линейный график с «прошедшими рабочими днями» на оси X и «долей выполненной ежемесячной работы» на оси Y? Имея всего несколько точек данных, это должно быть ясно путем визуальной экстраполяции, достигнете ли вы вершины рано или поздно. Участок будет выглядеть как нерегулярная лестница.

пс. «Визуальное отображение количественной информации» Эдварда Туфте - отличная книга для идей по этому вопросу.

Answer 5

Как насчет круговой диаграммы, где общий размер представляет минимальную цель, и добавьте круговые ломтики для каждого дня с фактическими днями, которые соответствуют минимальному одному цвету, дни с дополнительным временем другим, а затем заполните оставшиеся дни серыми срезами с числом часов работнику придется делиться между ними равномерно?

Answer 6

Чарс-бар выглядит красиво визуально, но что вам действительно нужно знать, так это то, насколько далеко вы отстаете / впереди в ваших часах.

Если я правильно понял, вас интересует только текущая сальдо и текущий срок, поэтому вы можете отображать эту информацию в 2 отдельных полях (например, под диаграммой). Конечно, вы также можете отметить крайний срок какой-нибудь горизонтальной линией на графике.