Studio Beta for Experience Controls Available Now

Isn’t it less though?? I know we get more in the middle of the screen but like… I feel like we technically have less now because nobody really uses the space at the top middle unless it’s specifically a game that needs a topbar or something

2 Likes

I really don’t like this in its current state. This is only giving us way less UI freedom.


Please do not increase the topbar inset.

  • It’s actually 48, not 58, but that doesn’t make this any better.

  • The topbar inset has been 36 pixels since 2015. 36 was already too much for me, but at least it was tolerable. Please do not forcibly increase it to 48. This will be disastrous.

  • I was already working on some UI that covered the top 36 pixels of the screen to nicely blend in with the Roblox button. I can’t afford to increase this to 48.

  • EDIT: The inset was increased from 48 to 58; presumably 48 was a bug.

The right corner menu makes no sense to me. It is the definition of bloat.

  • MRU (Most Recently Used) shouldn’t exist. I don’t see anything wrong with just leaving buttons in the 9-dot menu. The previous “More Menu” already does this and it works fine. There’s no need to create a second set of buttons in the topbar that you can’t get rid of.

  • Why a report button? What was so bad about having reports in the Roblox menu that you had to add a shortcut to reports here? This is really just a second Roblox menu button.

  • Disabling Enum.CoreGuiType.Chat doesn’t remove the chat from the MRU or 9-dot menu. I assume this is a bug.

  • Why is the leaderboard darker with this new UI enabled?

  • There’s no way to completely remove the right corner menu. Previously, you could disable the PlayerList, EmotesMenu, and Backpack CoreGuiTypes to automatically hide the “More Menu” button, but this no longer works.


For comparison, this was the maximum amount of UI freedom we could previously achieve:

(Red indicates previously-obscured areas. Dark red indicates new obscured areas.)

And now:

I’d be more okay with this change if I could customize the topbar inset and completely remove the right corner menu.

Why are you giving us less freedom? Shouldn’t it be the other way around? The previous Core UI was so close to perfect; we just couldn’t modify the Roblox menu button. But now we’re getting this.


On a more positive note, I’m excited to be able to customize the 9-dot menu. Instead of creating custom topbar buttons, we can just throw our buttons into this menu instead. We can also use this functionality to “overwrite” Roblox’s default UI, for example, disabling Roblox’s backpack and replacing the 9-dot Inventory button with one of our own. There was previously no way to edit the “More Menu”.

Some people have commented on the chat button being moved to the right corner menu instead of staying on the left corner of the screen, but I can probably get used to this.

The way I see it, this is making the UI symmetric. You have one button (Roblox button) on the left, and one button (right-corner menu) on the right. And instead of creating obstructive custom topbar buttons, we can instead just customize the 9-dot menu with our own options.

However, I can see how this could be a problem if you wanted to completely disable the right-corner menu but still have chat, as this is no longer possible.

22 Likes

Not going to lie, I played with the menu quite a bit and I kind of hate it. While it has a few nice new features, most of which are just planned and not actually usable in the beta, in general, it looks pretty inconsistent with other UI elements within the app.
While I appreciate a way to unmute/mute without clicking the SurfaceGui in-game or fully exiting to the big menu, I’m not sure an additional giant expanding bar on the right, is necessary for that. There are also many other UX problems with the fact that the chat button is moved, but the chat still displays to the left, which makes zero sense, but I won’t go into much more detail in this post, as those have been mostly pointed out already.

It’s also not quite right to keep updating these numbers without having a proper way to mount them to the top of the screen, rather than just increasing it from 36 → 58 over the course of a few months (if that). This update also just seems to be adding restrictions and bloat for people who don’t need this, now there are more elements you can’t disable through SetCore.

Basically, the only thing I personally like about this is the fact that you’re saying there will be an API to add icons to the 9-Dot Menu, which is great for customizability, especially when in the past we had to use somewhat hacky methods to make our own CoreUI looking buttons. But, I’m still not a fan of how it expands into taking up so much space. It seems like it could circle around itself (as an example), rather than expand outwards, and take up way less room from developers.

Now, I’m no fan of our current menu that’s been in use for way too long and has also aged in terms of consistency. But what happened to the 2020 menu that was going to roll out with the Discovery app? It still exists, but it only shows in very odd cases (such as when playing in VR on PC) or when you force it on. It had smooth animations and used elements that matched other parts of Roblox’s UI elements (aka UIBlox). This one doesn’t at all. I heavily preferred it, back then, and I still would now over this, after some improvements and cleanup was done to it. Technically, it still even works on the latest client, with a few bugs, such as the main bug I’m aware of the sliders being broken (but the textboxes next to them work).

Personally, I would rather have some type of menu that looks more like what was going to be released in 2020 (but never fully did), although it would probably have to be adjusted to be more cross-platform in some way. Ideally, it would have the 9-dot Menu that’s redesigned to not take up a ton of useless space, but still let you perform crucial actions, like toggling voice chat as well.

10 Likes

Okay now this is actually pretty cool! Love to see more consistency in the CoreGui.

Glad this is in beta though, some stuff should be tweaked and fixed such as the offset/padding of the buttons, it’s fine but I’d really prefer being able to adjust that in the settings. Also for whatever reason when I test this in studio the Roblox Logo on the menu button is pretty bad quality.

Hoping this style gets applied to the default backpack ui, it’s been the same for quite a while now and its been needing some updates on its looks!

Pros:

  • Everything being compacted into a single menu is actually pretty nice to be fair

Cons:

  • Changing topbar inset to 58 from 36 breaks thousands of games that integrate the old 36/40px button standard into their GUIs
  • Chat UX is, what. Why do I have to move my mouse across the full screen to access it
  • No way to fully hide the menu, nor does it respect the Enum.CoreGuiType.Chat value

I want this update to go well, I really do, because if you actually give us developer access for once, it could create some very cool ideas, but please reconsider the positioning on desktops since the UX is a complete nightmare for it, mobile UX does not translate over nicely to mouse and keyboard, you should already know this.

Also it should be possible to fully hide it (minus the menu button) as we’ve been able to do with all previous iterations of the topbar. Finally, I know its a long shot, but can we finally please customise the menu button, it cant be hard to add constraints to it right?

11 Likes

Some reactions here are a bit over the top, but I also don’t like this change very much. I like how almost every icon is collapsed under a single button, however there is also some caveats.

For starters, the buttons are a bit too big, I wouldve preferred them if the size was set to like 38-40 pixels instead of the size we have now. While developing this with mobile in mind is excellant, it’s also hampering us desktop users signifigantly.

It would be awesome to be able to customize these a bit more on the user side of things, such as chaging where the icons are docked, customizing buttons that are always visible, changing the button sizes to what we want, stuff like that. And it would do wonders to to also have access to these customizations through a api somehow, so we can adjust developer ui accordingly.

It would also be nice to be able to hide the icons again with SetCoreGuiEnabled, since this is most likely an oversight.

Overall the best way to summarize this would be taking a big step foward, but taking a massive leap back in other areas and cases. Not really looking foward to adjusting my ui once again for the 3rd time, and hoping this is the last time :skull::sob:

1 Like

I was messing around with this in CoreGui and it looks a lot cleaner having it on the left with the button itself
image

Im unsure how this would work on mobile but on desktop its a lot better to place the chat button near the chat window when working with a mouse

20 Likes

is this possible to have in runtime/live games?

1 Like

this is the best feature you can also add it for pc and xbox

If you are going to force this update onto us for no reason, at least allow us to
A: Move the right menu to the left, why must it be on the right???
B: Disable this stupid thing completely
C: Disable the MRU

And please for the sake of the space to make UIs on Roblox, keep the topbar the same size it has been since 2015, changing this is actually just stupid.

5 Likes

The buttons are too big on PC, especially the buttons in the more menu. I toggle chat a lot so having to go into a submenu to do it is annoying. Reporting isn’t used often enough for it to have a spot in a quick menu. Having the leaderboard still show while the more menu is open is ugly. The padding on the sides are inconsistent with the rest of Roblox’s UI. I don’t know why this bothers me so much but having the escape menu open from the bottom is weird. Outside of all of those, this UI looks great.

2 Likes

Great, now I can can completely redesign my UI again.

Does roblox staff realize how annoying it is to have to redo UI every 2 years or so? And this doesn’t even look good, in my opinion, I liked the only slightly beveled (current) version a lot more than this.

Either way, how do I keep the current one, I do not want to switch?

And why the hell do I have to open a menu to toggle chat? It’s just unintuitive and annoying to do if you chat a lot, and try to hide the menu.

DO NOT FORCE THIS ON US. KEEP IT OPTIONAL.

20 Likes

I really like how this GUI looks overall, but making it cover more of the screen was absolutely a bad call. Please try to change this before pushing forward, nobody wants to deal with updating their games because one single thing changed. On another note: it’s baffling how common this sort of thing is. Why change what isn’t broken?

I’m real lucky that none of my games are actually affected by this thing, apart from minor coloring differences (but they were there anyway so hey whatever).

1 Like

The GUI looks are really better. BUT BUT BUT…Why do we need to do this in the first place? Every player is doing good with the current GUI and us devs also don’t really hate the current CoreGUI. Also this will ruin TopBarPlus which a lot of games use…

3 Likes

Where find I the new topbarapp I has the current topbarapp copy-paste in starter Gui with an script that disable it find I’m it on the same place

Im have currently in the top an place for stats maybe is it beter that the menu right come on the side from the menu as @metatablecatmaid said

Maybe an option that we can chose where we place it


Can we set us own buttons in the topbarapp

I really like the new Roblox GUI. The only thing that bothers me is that the chat was hidden on the right side of the bar.

1 Like

I mean, I understand Roblox has to update their UI, but, am I the only one who finds this New UI very complicated and annoying?

Suggestions:

Maybe increase the resolution of the image of the roblox icon?
Also am i the only one bugged by the chat window being on the left but the chat toggle on the right? I mean, I can set the ChatWindow HorizontalAlignment to Right, but still-

7 Likes

If anything this takes up more space…

2 Likes

does this mean they are removing the bubble on top of the user? if so, thank god but why do we have to open a menu to go to chat? also maybe make it a dropdown menu since it would probably take up less space

2 Likes

I like the look of this new UI ignoring the inconsistencies people have mentioned. Is there any chance that the API could be expanded so we can easily add our own topbar buttons? It would be super convenient to be able to provide an icon and a callback and have Roblox do the rest. It could function similarly to ContextActionService’s BindAction function.

2 Likes