Feature Request: Colour for 'Building' projects - trivial change that would help usability

[rb126]

Thanks so much for creating BuildVision. It's awesome when working on large solutions.

My seemingly-trivial suggestion is to have a different colour for the building project(s). They go green when built, and are blue beforehand, but so are "UpToDate" items, meaning it's hard to see where the action is when you have loads of projects:

Any chance? 8-)

[StefanKert]

Hi there.

Thanks for the feedback on this feature. You are totally right that the current color is nt the best choice. I tried it with gray and some others but most of them have been either not really „beautiful“ or would highlight the UpToDate items to much or to less.

That is the reason why I went with blue, which in fact is not a really good choice. Do you have any specific color in mind that would fit better? Otherwise probably someone else has any idea on this. If not I will do some research and paste some examples in here and we can choose what would be the best option.

Thanks again for the feedback and the warm words :) i am glad that BuildVision is s helpful tool for so many people!

[rb126]

Hi Stefan - thanks for the speedy response!

What I had been thinking was either to make the "UpToDate" less prominent because, after all, nothing has really happened with those, so generally they are pretty uninteresting (and you already have an option to hide them). But you've said that grey didn't work well, and have tried various combinations, so you probably have a much better feel for what works. Or option 2 might be to highlight the "active" (building) projects more, perhaps with a bright orange or something, since they are actually doing something and it would almost always be useful for them therefore to draw the eye as the build progresses.

[AgWillow]

I'd think the "same" blue would work for both: a brighter blue for projects while building, a darker blue for up-to-date projects. Take the HSL for the blue that BV uses today and increase and/or decrease the Lightness until you have two shades that are easily distinguished but are still fairly easy on the eye.

---

From: rb126 notifications@github.com Sent: Monday, September 3, 2018 7:10 AM To: StefanKert/BuildVision Cc: Subscribed Subject: Re: [StefanKert/BuildVision] Feature Request: Colour for 'Building' projects - trivial change that would help usability (#66)

Hi Stefan - thanks for the speedy response!

What I had been thinking was either to make the "UpToDate" less prominent because, after all, nothing has really happened with those, so generally they are pretty uninteresting (and you already have an option to hide them). But you've said that grey didn't work well, and have tried various combinations, so you probably have a much better feel for what works. Or option 2 might be to highlight the "active" (building) projects more, perhaps with a bright orange or something, since they are actually doing something and it would almost always be useful for them therefore to draw the eye as the build progresses.

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHubhttps://github.com/StefanKert/BuildVision/issues/66#issuecomment-418096918, or mute the threadhttps://github.com/notifications/unsubscribe-auth/AEOYWluiiMYgPyFlmKUF94Do4BX-W-gyks5uXRxSgaJpZM4WXcDx.

[rb126]

If we want contrast to help distinguish projects that need no action, are essentially irrelevant for the build, that can be ignored, and those projects actively being built (and I would really like to distinguish these cases) then I don't think two shades of the same colour would be a good choice. The human eye is much more sensitive to changes/differences in hue and relatively insensitive to differences in lightness/saturation, particularly when it comes to picking out items from a large set. We currently have green for success, red for failure, and blue for up-to-date, so I'd recommend a contrasting colour like yellow or orange. Something like this (mocked up by me, badly) - easy on the eye, but more importantly nice and clear:

[StefanKert]

Big thanks to both of you for the great input.

I absolutely agree with you that we should highlight the "interesting" parts and I really do love the (btw greatly done) MockUp @rb126. I am currently on vac but probably I can spend some time to deliver some mockups with all icons in place.

@AgWillow do you have any specific color in mind? If you find the time I´d greatly appreciate a simple MockUp to get some deeper insights. But anyways thanks so much for your input.

What do you guys think of making the color of the items configurable?

At the moment we do have the following "ProjectState" - Icons

1. New Succeeded
2. UpToDate
3. Failed
4. Canceled
5. Building (probably the one we could make orange or yellow?)
6. Skipped
7. Pending
8. Warning

Here is an example what the version with the complementary color (orange) as background would look like (http://www.color-hex.com/color/2a7fff is the color for up to date and building now):

Cheers :)!

[rb126]

Hi Stefan,

Well configurable with a good default out of the box would be the best option, indeed, but I didn't really want to request that much! Configurable would let people play with exactly the colours they want, and would also assist those with colour blindness or with monitors that distinguish some colours poorly, but a clearer "build-in-progress" colour would be enough for me 8-) Enjoy your vacation!

[yannduran]

Something seems to have gone wrong (in the latest CI build - v3.0.0.85):

The top row never loses the top/bottom border, and clicking the rows can sometimes leave several rows "selected", but other times clicking on a row un-selects it. I can't imagine that this overall effect was intended. This border coloring will be replaced with just the new icons, yes?

I do agree that the "best" option would be to allow the user to configure the colors as they wish.

[yannduran]

Have you thought about changing the background color of the row(s) being built, instead of the top/bottom border?