Small project status bar UI tweak

[ctwhome]

Updated Jan 2024 with new use cases

The current implementation shows a progress bar for each project as designed. After seeing the final result with the current data I think it looks rather cluttered. I have a proposal to keep the card a bit cleaner, while still keeping the message of the status:

• Completed projects: show only starting and finish dates.
• In-progress projects: show dates and progress bar.
• Non-started projects: show dates and progress bar (gray bar) - Ongoing projects: show starting date and progress bar fixed to 50%

As seen in the following example, the projects that are in progress are more prominent and they create a clearer distinction between completed and not started. As well as giving a less cluttered UI overall.

[jmaassen]

Good idea. Do we always know when a project will start? If not, we may have an additional option for non-started projects:

• "waiting to start" (when the start date is not known yet)
• "dates and grey progress bar" (when the start date is known and in the future)

[ctwhome]

• "dates and grey progress bar" (when the start date is known and in the future) Yes indeed, that is the state for Non started project (Last option)

"waiting to start" is also a good case, no progress bar in that case, only the label.

I updated the design to include these options!

[ewan-escience]

I actually like the bar in all cases, it's much faster to interpret than having to parse dates and conclude that it finished.

[ctwhome]

Reopening the issue with updated cases where a project is "ongoing" or doesn't have a finished date.