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