New design not good for people with color weakness/blindness

With the new n8n version the UI has changed as well. For me it has gotten much more difficult.
As I am color weak (not really color blind) I have now very hard times:

  • to see which workflow is active and which one not
  • In workflow execution which node is currently working

It was much easier in the previous version with the mobile phone like buttons and in the circle with the arrows moving in the working node.

It would help me very much to change those items back to the previous experience. I am aware that I am part of a minority with this handicap, but I believe I am not the only one.

Otherwise I am very happy with your work and evolution.

While i dont think i have any issue with myself… i can say that this new color pallette when you get from a v1 older version directly to the latest, it’s brutal even for me the contrast(especially the black in node configs).
And the spinning, yea more contrast or orange color.

The v1 gray palette was friendly.

Cheers!

1 « J'aime »

I just want to add my 2 cents on this. Using color for semantics is one of my pet peeves, when the colors are not accessible to me. I have a red-green color deficiency and you are most definitely not the only one @askans . Wikipedia says red-green color blindness "…affects up to 1 in 12 males (8%) and 1 in 200 females (0.5%).

Where I noticed this in n8n was on the individual workflow execution lists, where red and green are used to distinguish successes and failures.

The global execution list, /projects/{projectId}/executions, has the best semantics, for me, as the rows of a failed run are highlighted with a color. Successes, which is the expected outcome, are not highlighted with any color, as they indeed are unexceptional.

On the individual workflow execution list, workflow/{workflowId}/executions/28, all rows have a color attached on the left edge. The nuances of red and green used here are impossible for me to tell apart, making it hard to find an error with a quick glance. Even though a failed run also have a small status text saying “Error” in red.

I used Claude Code to take a stab at how it could be improved (PR against my own n8n fork here). As a new user I am limited to adding 5 screenshots. The most notable changes and improvements for me are:

Workflow executions list
In the current design the list is not skimmable for me. There is no difference in color between success and failure.

Existing

Updated

Workflow execution statuses
The exceptional cases stand out from the expected successful run in my suggestion.

Existing

Updated

Claude Code wrote a whole treaty on color theory, contrasts between colors and why blue is a good replacement :sweat_smile: I don’t have the knowledge to know how much truth there is to that, but it aligns with what Github do for instance. And the colors definitely work for me.

The work above only addresses my concern, and not the points you mention @askans. But nevertheless, I think both of our asks is to make the design more accessible for people with various vision deficiencies :folded_hands:

2 « J'aime »

I thank you very much @lassebn to add to this topic. I very much appreciate you adding examples how it should look like, those examples help tremendously to explain how n8n could make my life easier.
Again, thank you very much.

1 « J'aime »