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

Question

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

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

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

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

(Пожалуйста, простите ужасный макете)

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

-

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

-

EDIT: эта сторона прекрасно работает для вещи, как это. Я собираюсь выпустить некоторые из этих идей по утрам и, надеюсь, получить что-то, размещенное здесь.

Answer 1

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

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

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

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

Answer 2

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

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

Answer 3

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

Answer 4

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

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

похож на: alt text http://goyamarketing.com/blog/wp-content/uploads/2008/11/goal_thermometer.gif

Answer 5

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

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

Answer 6

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