Fresh NodeBB UI gripes
-
I use a typical corporate purchase, whatever Dell monitor is cheapest. With the brightness and contrast turned up moderately from the default, I've discovered that the yellow shade that indicates unread notifications is essentially unreadable unless I put my head at a low enough viewing angle to cause the colors to get distorted. I should probably post this on the nodebb bug tracker too but if we can get that color darkened up a bit it would probably be helpful.
I'll see if I can get a picture of it that captures what my eyes see.
-
@FrostCat Are you on Windows? Have you tried pressing the windows key, typing 'calibration' and running the calibrate monitor tool?
I don't use a monitor without doing that.
-
@Magus said in Fresh NodeBB UI gripes:
@FrostCat Are you on Windows? Have you tried pressing the windows key, typing 'calibration' and running the calibrate monitor tool?
I don't use a monitor without doing that.
Yes, and No, because I don't think I'd ever heard of that.
I adjusted the brightness and contrast up about 10% this week--that may have made the yellow fade even more.
-
I think that improved things but I don't have any new notifications yet so I'll have to wait a bit.
Doing the gamma adjustment, all three rows were slightly different--I probably need to bring the monitors up an inch or two.
All you other multimon folks--the two side-by-siders in particular--how do you place them? So that one is mainly centered in front of you with the other to one side, or so that the border between the two is closer to the middle?
-
@FrostCat At home, I have a central monitor for games, and a second one for videos and chats; at work I have my laptop center, a 4:3 left, and a 16:9 right, where the left contains a panel made from my VS Test Explorer, Source Control Explorer, Pending Changes, and a bottom panel with C# Interactive, or I put documents there, with outlook on my right. Works well enough.
@FrostCat said in Fresh NodeBB UI gripes:
I think that improved things but I don't have any new notifications yet so I'll have to wait a bit.
Doing the gamma adjustment, all three rows were slightly different--I probably need to bring the monitors up an inch or two.As for this, every monitor seems to be different, even by the same manufacturer; most have really high gamma by default ime, and always have different warmths. It's a pain, and like kerning, once you see it, you always see it...
-
@FrostCat said in Fresh NodeBB UI gripes:
All you other multimon folks--the two side-by-siders in particular--how do you place them? So that one is mainly centered in front of you with the other to one side, or so that the border between the two is closer to the middle?
I put the border in the middle at work, but that's mainly due to workplace constraints. At home, I put the left monitor almost directly in front of me.
-
@Magus the yellow's still kind of faint but it's definitely visible now, so that's an improvement.
-
@abarker said in Fresh NodeBB UI gripes:
workplace constraints
Yeah, the right half of my left monitor's right in front of me for the same reasons. I have two standalone desks making an L, and the one in front of me's not quite wide enough--I think I'll move the computer onto the other one so I can move the monitors a bit to the right and have the left one centered in front of me.
-
Yeah, I think it's a weird themeing thing again:
I thought we had some custom CSS to make it black.
-
Here's what I was seeing before the calibration.
No idea why the first one is so moirelicious and the second isn't, but the first was taken with the camera basically at eye level and the second with it down near the bottom of the monitor angled up. The first picture shows the yellow more clearly than I could see it.
After calibration, looking at the notification dropdown at eye level looks closer to the before-angled picture.
-
@Tsaukpaetra said in Fresh NodeBB UI gripes:
Yeah, I think it's a weird themeing thing again:
I don't theme the site, or even use any userscripts.
-
@FrostCat said in Fresh NodeBB UI gripes:
@Tsaukpaetra said in Fresh NodeBB UI gripes:
Yeah, I think it's a weird themeing thing again:
I don't theme the site, or even use any userscripts.
I didn't mean you themed the site, but they're messing around with the theme CSS things I bet (notice how light-colored the Composer buttons are?), and the effect is compounded when using anything other than the Default theme.
-
@FrostCat said in Fresh NodeBB UI gripes:
@Magus the yellow's still kind of faint but it's definitely visible now, so that's an improvement.
I see it's time again to look at Lorne's Second Law of Web UI Design, since people still think they can get away without borders or icons.
Funnily enough in response to @end
https://what.thedailywtf.com/post/270404
Lorne's Second Law of Web UI Design:
Colors are not a good, useful or adequate indicator of anything. Any information conveyed by colors or contrast will be lost.First Corollary To Lorne's Second Law:
Users can and will override your colors by choice.Second Corollary to Lorne's Second Law:
User's devices can and will override your colors, or be incapable of displaying those colors at significant contrast levels to be relevant.
-
@Lorne-Kates said in Fresh NodeBB UI gripes:
@FrostCat said in Fresh NodeBB UI gripes:
@Magus the yellow's still kind of faint but it's definitely visible now, so that's an improvement.
I see it's time again to look at Lorne's Second Law of Web UI Design, since people still think they can get away without borders or icons.
Funnily enough in response to @end
https://what.thedailywtf.com/post/270404
Lorne's Second Law of Web UI Design:
Colors are not a good, useful or adequate indicator of anything. Any information conveyed by colors or contrast will be lost.First Corollary To Lorne's Second Law:
Users can and will override your colors by choice.Second Corollary to Lorne's Second Law:
User's devices can and will override your colors, or be incapable of displaying those colors at significant contrast levels to be relevant.Frostcat conveniently excluded the filled/unfilled circles in that list from his photos.
HOWEVER,
https://what.thedailywtf.com/notifications needs to get those, too.
-
@FrostCat said in Fresh NodeBB UI gripes:
I think that improved things but I don't have any new notifications yet so I'll have to wait a bit.
You can always just use the inspector to add the "unread" class to one of the
<li>
elements in the list.I CSS'd the backgrounds darker, though:
/* Make the highlight on unread notifications more visible */ .container li.unread[data-nid] { background-color: #fcf8af; }
(edit: that rule matches both the dropdown under and the list at /notifications.)