This is the banner that sometimes appears at the top of your screen when you are at any development-related page such as the Create page.
It’s clear what is going on. There is a button to enable notifications and an “X” to close the banner.
Here is what it looks like in light mode:
The “X” to close the banner is completely invisible. This has caused a lot of confusion in the past as many don’t even know of it’s existence and assume there is no way to close the banner.
In dark mode, the banner looks like this:
(I did not confuse the two. The banner is white in dark mode and black in light mode. It’s really odd.)
It’s even worse. There is no text to “Notify Me” or an “X” at all. I cannot stress how bad it is for UX to have an:
- Intrusive banner that pops up without your discretion regularly that,
- Has unreadable text which also,
- Requires you to click in a blank spot for it to close.
It took me, what, years to find out how to close the banner. It’s the embodiment of this:
But the X is invisible.