Make the stats GUIs easier to read

As a Roblox developer, it is currently too hard to read the fonts of the stats GUIs. For those not familiar, you can open stats GUIS in-engine using Shift+Ctrl+F1 through F5. They provide some fairly helpful information, like how many drawcalls are happening or how many triangles are being rendered (see this RDC talk), so often I have to look at them.

However, they look like this:
image

I’ll be blunt: I can barely read that. I have perfect vision, but it takes me a second to read the green and red text. This is in an ideal contrast environment too, where the background doesn’t blend in with any of the text. A lot of the time, that’s not the case.

As an example, I took a screenshot in Adopt Me:

You may notice how:

  • The parts that are rendering over the other UI are next to impossible to read
  • The parts that are rendered over the brightly colored part are hard to read
  • There’s a part that doesn’t have the background and it’s actually just impossible to read.

I am asking you with kindness in my soul: please make these UIs better. I don’t know what you need to do, but if nothing else add a text stroke and remove the drop shadow. This is an accessibility issue and Roblox needs to do better.

If Roblox were to address this issue, it would make everyone happier because we wouldn’t have to squint at the stats UIs. It would also address an accessibility concern by making it so everyone can read these, not just people with good vision.

PS: If you tried the shortcuts I listed earlier inside Studio, they might have gotten stuck on. If that’s the case, go to the View tab and click this button:
image

28 Likes

Hey dekkonot! You have a GREAT POINT! in the name of accessibility and our poor eyeballs, I updated the UI to be a bit more readable during hackweek!

Here are some befores and afters :sparkles:
image

I had fun finding the playground :face_with_monocle:

Enjoy the update! Please let me know if you have any feedback otherwise :slight_smile:

67 Likes

yooo these new designs are fire

1 Like

This looks much better, thank you very much! My remaining bit of feedback is that it’s still a bit hard to read when it overflows the box, but I don’t know if there’s much you can do about that because sometimes things have variable size. Even then, it’s much easier to read now (in the sense that I can actually read it).


Obviously not ideal still, but a heck of a lot better than before.

I’m also impressed you found the playground! I wasn’t expecting that, haha.

3 Likes

Awesome changes! By the way, is that font available in studio? What would it be?

Glad you like it! Its a bit of a custom bitmap font based off of vcr osd mono… its not a full fledged font like what you would use as a developer in favor of being more performant. So that means it’s not supported in studio, sorry!

8 Likes

It would be cool if we could see this font in studio one day since we need more bitmap fonts

2 Likes

You cooked. Everything is much more readable now and i can more quickly look for the labels i need. Thanks!

2 Likes

could this font change not be spread to the microprofiler? In the microprofiler it’s way less readable than the old font, especially on windows

(sorry for the deleted reply above, I accidentally clicked the wrong reply button…)

2 Likes

I was surprised when I found it changed, now I know why. Very good change though

Also fastest feature request acception ever

1 Like

I don’t know if this is just because I’m not used to it, but I’m having the same problems with the new UI that OP was having with the old one.

It’s very difficult to take a quick glance at the microprofiler with this update. I can hardly read some of the tags anymore.


We can always dump it in our filesystem, but this makes the process way more tedious when quickly iterating and testing.

1 Like