New In-Game Topbar

Razorter · March 14, 2020, 4:11am

I’m guessing it’s like that because of phone screens with rounded corners.

RomDino · March 14, 2020, 4:21am

Does using the {1,0}{1,0} UDim2 size cover up the whole screen now or do we still have to add a 36 pixels offset to cover the top bar?

ElusiveEpix · March 14, 2020, 4:43am

This looks nice! Perhaps a GUI scale option would be useful?

HASNPLAYZ · March 14, 2020, 4:48am

Very cool! This could change up the whole gameplay, nice! In my opinion, the player list still doesn’t looks great because of the darker alphabets of the player’s names! If maybe change it in full white colour than it will look even cooler! By the way, the ROBLOX logo at the top left page I think you guys should give it a little animation when we press it like in the game’s loading page.

Nyonic · March 14, 2020, 4:52am

Why not put all buttons on the left side of the screen. And/Or allow us to control locations of the buttons and also locations of each screen easily like the chat, leaderboard/playerlist, emotes and the backpack/inventory. So that it is full customization by the developer if needed. It would be nice to be able to control all this from a local script with just a few lines of code without forking the main scripts. As a bonus having the options to change colors of text and background for core UI would be nice also.

10allday · March 14, 2020, 5:16am

Great idea. I hope they add that.

wevetments · March 14, 2020, 5:32am

Since the bar is gone, shouldn’t it be called “Barless Topbar”. Bad joke

Anyway, I have a few suggestions about the overall design though (based on the images)

The notification is too big
Let developers still enable the backpack and emotes icon beside the chat icon
The roblox logo doesn’t fit well with the rest of the icons
The positioning of the buttons are not really plesant

Questions

Will there be still some sort of bar to nest the buttons?
Will the menu on the right be customizable?
Will the age indicator come back?

mekboy21 · March 14, 2020, 6:36am

Wow I really like this, but one thing the player list isn’t really going to fit.

beanandsoupguy · March 14, 2020, 7:21am

Can there be a function to get the topbar size, instead of having to manually tweak it?

geigop · March 14, 2020, 7:21am

I prefer the old one better.I think you guys can improve this feature with making some changes like adding bag back to where it is and possibly add a transparent part which is more modernized.

Hacreey · March 14, 2020, 7:41am

I like it, however I wish the buttons in the top left are added back. I also feel like the buttons need something to make them ‘pop’.

dibblydubblydoo · March 14, 2020, 7:47am

Wow! I think this will be a great update! There are so many games with GUI that go through the top bar in mobile, so mobile players will be able to experience games even better.

3rdhoan123 · March 14, 2020, 7:53am

Not gonna lie but I greatly dislike the roblox logo put in there with a passion, the hamburger menu like before would be better in my opinion. The sizing of it is inconsistent with the other UI elements and sticks out like a sore thumb.

m_orbidlyfat · March 14, 2020, 8:07am

Any chance you could have an in-Studio button to revert the topbar (and PlayerList) to the older one? Next we know, you’ll be changing the chat

fafieanie_123 · March 14, 2020, 8:23am

i really like how it looks so far! my only problem with it is that the scaling with the icons can be pretty inconsistent. i feel like the chat, health and the new game context icon could be scaled up a bit in my opinion.

BrowniesLuna · March 14, 2020, 8:24am

Thank you for your efforts in creating a fresh new design for the topbar ui. I think in this day and age, it is the step in the right direction. I would like to give constructive criticism by comparing the new ui with the current one we know and love.

Style
I’m all in on the transparent style with no bars whatsoever. I think it brings a lot more space to the game view and also opens more freedom for devs to personalise their ui further. However, the Roblox icon happens to be a bit larger than the rest of the buttons. This may be for the purpose of dominance in layout, but having a much flatter design like the current topbar makes it easier for devs to align their ui with the top buttons.

Accesibility
From what I see on the sneak peek, the buttons for leaderboards, emotes and backpack are all grouped into a single dropdown. This makes the topbar a lot tidier, but I believe there is a disadvantage in terms of speed. In this way, I would need 2 clicks to open my backpack instead of 1. The difference in milliseconds becomes a great deal if the player is in a battle. I would suggest the buttons would stay the same, since I don’t think it hogs the topbar too much.

I hope you’ll take my suggestions into consideration. I am excited for this facelift design and my arms are wide open for it.

BIoxPixeI · March 14, 2020, 9:19am

I actually like this new feature on Roblox, I can’t wait to see when the new In-Game topbar has come to release.

Cyanitem · March 14, 2020, 9:21am

I like it a lot, it’s very slick and modern and matches wirh the other UI on screen much more!

Riddevan · March 14, 2020, 9:24am

The new design personally has both good stuff and bad stuff. I was waiting for a WHILE for the half-transparent top black bar to be removed, thankfully it got, which gives horror, adventure and a lot of other game’s the professional and modern way to be more realistic. Tho the icons seem like they are just standing there randomly and seem kinda big.

Either way that’s a very good update, thank you

xStaRz2 · March 14, 2020, 10:03am

i prefer the old topbar, this one looks empty without the transparent line on the top, even the leaderboard is pretty strange to get used to, can u please keep the current TopBar