Дмитро гарно впорався із завданням. Задача була не тривіальною. Він розібрався в суті, зробив приємний дизайн і запропонував нові підходи про які ми не здогадувались. Виходячи за рамки завдання, з його сторони додатково було створено дизайн веб інтерфейсу, який допоміг оцінити та вписати нашу задачу в повноцінний продукт.
Contest translated automatically.
Log in
or
register,
to view the original
It is necessary to create a design for a chart that depicts project tasks on a timeline, a reimagined look of a Gantt chart. Based on the design, a driver will be created that should display the usual Gantt chart in a new form, so it is essential to consider a good user experience (UX) and the variety of data and their connections.
To understand the logic of construction, a layout based on part of a Gantt chart is proposed: https://www.edrawsoft.com/templates/pdf/general-residential-construction-gantt-chart.pdf
The layout is approximate; another structure may be used if desired.
The placement of tasks in the layout can be improved.
- Green - completed tasks (some - partially).
- Yellow - tasks that need to be done in the future.
- Gray - groups of tasks.
- Red - the current moment (baseline), where we are now in time.
Static chart details
Timeline (not present in the layout, but should be)
- Flow of time from left to right
- Time is continuous, as in a Gantt chart, meaning if one task follows another without a pause, the end of the first and the beginning of the second should be on the same vertical line.
Tasks
- The task name should be located in a block on the timeline or nearby (which creates some difficulties when tasks are small and immediately followed by the next ones)
- Long names can be broken into several lines. Including trying a larger vertical size of the task block. The horizontal size is limited by the length of the task.
- Tasks can be long and short
- A task can be performed by several executors. Executors need to be marked. Example:
- In the past, only completed tasks can be present, meaning the progress of execution is the position of the task relative to today's date.
- Tasks can follow one another in a sequence (in the layout with triangles at the edges).
- Tasks can follow one another and not be in a sequence. A sequence is a special state: tasks go consecutively and continuously one after another.
- Tasks can depend on the completion of the previous one, so arrows are needed to show this dependency.
Milestones
Milestones are zero-length tasks that mark important points in time (not present in the layout, but need to be added at the end as a point of completion). Example of a Gantt chart with milestones:
Groups of tasks
Used for logical grouping of several tasks.
- A group can be collapsed and hide tasks inside the group - add an example of at least one collapsed group
Dynamic elements
It is desirable to display at least one task with a mouse hover effect.
- The user can drag the edge of the task to increase or decrease the time needed for its execution - when hovering the mouse over the task, visually indicate the possibility to drag the edge.
- When hovering the mouse over a collapsed group, the option to expand it appears.
Maximum plan
- It is necessary to display the difference between two states of the chart. For example, a person returned from vacation after a week and wants to see what has changed. Examples can be found by searching for “gantt chart baseline difference” in images
References to look at: asana.com , clickup.com
