Необходимо создать дизайн для чарта, который изображает задачи проекта на шкале времени, переосмысленный вид Гант чарт (Gantt chart). На основе дизайна будет сделан движок, который должен отображать привычный Гант чарт в новом виде, так что необходимо учитывать хороший пользовательский опыт (UX) и разнообразие данных и их связей.
Для понимания логики построения предлагается макет, основанный на части Гант чарта: https://www.edrawsoft.com/templates/pdf/general-residential-construction-gantt-chart.pdf
Макет является приблизительным, возможно использовать другую структуру по желанию.
Расположение задач на макете может быть улучшено.
- Зеленые - выполненные задачи (некоторые - частично).
- Желтые - должны быть сделаны в будущем.
- Серый - группы задач.
- Красный - текущий момент (baseline), где мы находимся сейчас во времени.
Статические детали чарта
Шкала времени (на макете нет, но должна быть)
- Поток времени слева направо
- Время непрерывное, как в Гант чарте, то есть если одна задача следует без паузы за другой, то конец первой и начало второй должны быть на одной вертикальной прямой.
Задачи
- Название задачи должно находиться в блоке на таймлайне, или рядом (что создает некоторые трудности, когда задачи маленькие и за ними сразу идут следующие)
- Длинные названия можно разбивать на несколько строк. В том числе попробовать больший вертикальный размер блока задачи. Горизонтальный размер ограничен длиной задачи.
- Задачи могут быть длинными и короткими
- Задачу могут выполнять несколько исполнителей. Нужно обозначать исполнителей. Пример:
- В прошлом могут быть только выполненные задачи, то есть прогресс выполнения - это положение задачи относительно сегодняшней даты.
- Задачи могут следовать одна за другой кортежем (на макете с треугольниками по краям).
- Задачи могут следовать одна за другой и не быть кортежем. Кортеж - это особое состояние: задачи идут последовательно и непрерывно одна за одной.
- Задачи могут иметь зависимость от выполнения предыдущей, так что нужны стрелки, которые показывают эту зависимость.
Майлстоуны
Майлстоуны - задачи нулевой длины, которые обозначают важные точки во времени (на макете нет, но нужно добавить в конце, как точку завершения). Пример Гант чарта с майлстоунами:
Группы задач
Используются для логического объединения нескольких задач.
- Группу можно свернуть и скрыть задачи внутри группы - добавить пример хотя бы одной свернутой группы
Динамические элементы
Желательно отобразить хотя бы на одной задаче с изображением мыши.
- Пользователь может потянуть за край задачи, чтобы увеличить или уменьшить время, необходимое на ее выполнение - при наведении мыши на задачу, визуально отобразить возможность потянуть за край.
- При наведении мыши на свернутую группу появляется возможность ее развернуть.
План максимум
- Необходимо отобразить разницу между двумя состояниями графика. Например, человек вернулся через неделю из отпуска и хочет увидеть, что изменилось. Примеры можно нагуглить в картинках по запросу “gantt chart baseline difference”
Референсы, которые стоит посмотреть: asana.com , clickup.com
