Studio Beta for Experience Controls Available Now

Hi! Is there currently any methods of enabling the new top bar manually for games? Or do we still need to wait for Roblox to push it out.

I completely agree. If thereā€™s an issue regarding touch screens and mis-taps, just increase the area to detect taps, and leave the buttons in the corners not taking up valuable screenspace?

I have noticed that the Camera Preview on the new Experience Controls has changed in one of the past updates.

There are a few small issues with it:

1. Looking at this you might get a little jumpscared from how close your character is to the camera, itā€™s quite literally kissing your screen.

2. This X button is seems to have been rushed, it is bigger on some sides than on others
image

3. Something Iā€™ve noticed while testing around with it often times when you try to close the camera preview by hitting the X button the UI wonā€™t close. I am guessing this is because the UI thinks I am trying to move it while I am just trying to close it.
A easy fix to this would be to let people move the UI by holding and moving anywhere but the X button. Like this the X button would be just for closing, not moving.

And on top of all this: There is a feature where when you click the UI it expands it by a few pixels. I donā€™t really see any use in that because it literally just expands it by a small amount of pixels.

2 Likes

After having this enabled for a while in studio and testing in play solo, my biggest critique is with the chat button being on the right. I understand that it may be easier for mobile users to press, but on PC itā€™s extremely annoying to have the chat appear when hovering on the left, then have to click all the way on the right to hide it. Would be great if this could just be a platform difference.

3 Likes

Roblox please donā€™t force this on us.

Itā€™s not ā€œunsafeā€ to let us hide the UI because players can still change settings and report if they click the main Roblox button.

Itā€™s not cool that youā€™re forcibly taking up ANOTHER corner on the screen that was already in use. If you are really not going to let us change it, at bare minimum please put it by the main Roblox menu button.

Roblox has a really really bad habit of making everything opt out and then eventually removing the opt out entirely. In this case thereā€™s no reasonable excuse.

Just let us hide it.

5 Likes

Concept of new health UI for Updated Experience Controls Artwork

-- 1. Health GUI can switch cross and number in settings.
-- 2. This GUI can show always or hide at 100 in settings.

image

7 Likes

This looks sick, but please use a squircle(square with rounded edges) instead of a circle for the background of the buttons. It would look so much better imo

No, this topic related new experience controls, this is not squircle, a circle. Squircle is 2020 core gui only but doesnā€™t fit any number in circle bar due small size.

I have an idea to resolve the feedbacks:
Offseted topbar safe insets
This feature make offset linked Roblox menu and experience controls [when display are smaller, offset is smaller; when display larger, offset is larger].
P.S. I canā€™t upload on mobile gets glitched ignored all file formats

image
I meant the core gui, the health bar doesnt have to be a circle


Attempted the photo for offseted top bar safe insets

Hey Creators,

Thank you for your feedback on experience controls ā€” weā€™ve heard you. While we initially planned for the right side of the screen, weā€™ve decided to move them to the left, largely based on your input. Starting on November 20, we will begin testing the updated experience controls to a percentage of users. The experience control layouts we are testing are all left-aligned, and some vary by the prominence of the text chat controls.

image1

We want to make sure your in experience UI works for your needs, and your feedback has been invaluable in guiding our decision.

Why the left side?

After hearing your feedback, we revisited our goals and felt that we could still deliver on 1) a clear distinction between the UI for in-experience actions and Roblox platform actions and 2) build a permanent, easy-to-access space for immersive controls (such as chat and self view) with a left-aligned design. This change also paves the way for future platform developments, accommodating new features without cluttering the interface.

What does this mean for you?

If you already made a design change using the experience control APIs, the APIs will respect the shift in reserved space. Users will now see both your changes without obstruction and the updated experience controls.

If you have yet to make a design change, we encourage you to use the signal API and/or the new TopbarSafeInsets API that are available across Roblox client and Studio. These APIs will make it easier for you to design your experience UI in a way that is compatible with the Roblox reserved space.

The road aheadā€¦

Our journey forward involves rolling out updated experience controls to all users by early 2024. As noted, please use the new APIs to refine your UI for a smooth transition. Robloxā€™s goal is to reimagine social interaction, and these experience controls will play a key role with simpler, scalable designs.

Stay tuned for more updates, and as always, happy developing!

FAQ

What if I already made design changes that removed my UI from the right side?

  • Thank you for testing this with us! If you made a design change using the new experience control APIs, the API will respect the shift in reserved space. Users will now see both your changes without obstruction and the updated experience controls.

Will experience controls move again?

  • We donā€™t expect to move experience controls alignment again. Informed by your feedback, our aim is to keep these platform controls on the left. While we anticipate adding more features inside the expandable experience controls, using the recommended APIs ensures your UI remains adaptable and consistent.
28 Likes

Thanks for taking on our feedback! This feels much better, and fixes one of the few flies in the ointment.

I can say safely now that Iā€™m fully looking forward to this rolling out! This will make a fine replacement for the hodgepodge of UIs and bubbles we have right now.

6 Likes

can we have the option to pick either side? thanks for considering

10 Likes

Thank you. This will minimise the amount of redesign required for this update for so many games- not to mention I much prefer how this looks.

1 Like

I too would like the option to select which side!

Weā€™re working on a game that benefited greatly from the more symmetrical design. This new left-oriented design makes this more difficult for us.

8 Likes

yep me too! plus i made my own chat system and such so that kinda makes my ui look a little cluttered now. love your games btw

1 Like

We would really appreciate an option to control which side of the screen the UI is on. We were designing our UI to make use of the symmetrical design, but the way we went is now going to look out of place.

8 Likes

Not bad but it would probably look a bit better if you slightly moved the playerlist up to match the height of the symbols. It looks a bit empty above the playerlist:


Also quick reminder to these issues if you havenā€™t already seen, as I see they did not get fixed:

6 Likes

Iā€™m honestly pretty disappointed about this, I thought the left/right setup was really well done and it let me make this on each side of the screen.
08 - 22-12-30 08 - 22-16-12

But now, I donā€™t think I can use this type of layout because the amount of padding used between the roblox menu and the expandable menu is a lot more than I would be able to account for.
08 - 22-17-41

Having alignment options would be nice, though I do understand it would be pretty weird to have different core UI layouts between games like that.

14 Likes