Designing a Gantt chart people actually open

Most Gantt charts are built for the person who makes the plan, not the people who follow it. Here are five design decisions we made to flip that.

One color per status, the owner on every bar, and a single green line for today.

When we started designing TaskD, we collected screenshots of Gantt charts from every tool we could find. They had a lot in common: tiny text, dense grids, a rainbow of bar colors, and a legend you had to decode. They were built for the planner at kickoff. We wanted one that the whole team would open on an ordinary Tuesday.

1. One color means one thing. Bar color is status, and only status: amber for in progress, blue for review, green for done, red for overdue, grey for not started. Projects and labels don't get colors. If everything is colorful, nothing stands out.

2. The owner is on the bar. Every bar carries its owner's avatar at the start. You can scan a row of bars and see who's doing what without cross-referencing a column.

3. Progress fills the bar. A bar that's 60% done is 60% filled. You don't need to read a number to see which tasks are behind — a thin fill on a bar that's almost over is obvious.

4. Today is a line, not a highlight. A single green line runs through the chart at today's date. Everything left of it should be filled; everything right of it is the plan.

5. Dark and quiet. The interface is dark with thin dividers instead of boxes and shadows. The chart itself is the only colorful thing on the screen, so the eye goes straight to it.

We tested these with beta teams using the same exercise: show the chart for five seconds, hide it, and ask what's at risk. With the early designs people mostly remembered the legend. With the current one they remember the red bar.