In what area do you think it’s cluttered? A bunch of people have said that now, so I should fix it.
On most pages there are just a ton of icons and text. It’s a bit hard for my eyes to navigate.
Is the navbar a problem in your opinion? I can make it hide if you feel like that’s cluttering the UI
Not really I just feel like this is a bit cluttered and hard to read.
It’s a little bit, what’s the word, like cluttered. The icons and text are a little too big and/or the background / frame isn’t big enough. There’s not enough open space on a lot of them.
Hi.
When it comes to designing an interactive UI, good graphic design is really really important.
But, I don’t think the design here is good… the design on this admin panel is shabby. Lack of hierarchy, inconsistency, poor balance, and like the other guys are saying, it’s cluttered.
First Screenshot
First off, starting with the base, it’s compact which I think is neat. I like the idea of having a panel where you can do things off the bat. The title looks good, and the icons on the bottom are alright although too big. I have no idea what they do. Also, why is there a date on the top? Kinda useless.
Spacing is pretty bad and it doesn’t have a good balance. The “Current stats” title should be located on the header, and the “stats” should be punctuated. The icons… try using different ones; they shouldn’t look the same as the icons on the bottom, because those are buttons. Someone would probably mistake them for buttons. Why is there a skinny check mark on the module’s icon? It’s also hard to see.
Second Screenshot
The balance and spacing on this one are bad. The “Player Management” title should be on the header. Why aren’t the two checkboxes next to each other? Why are they on each side? And why are they so huge? The text size on both of them is inconsistent, too.
Third Screenshot
The title should be on the header. The balance on here is fine, but it can be improved. “loaded {INSTANCE_NAME}”? I’d remove the two icons on the right; a lot of people wouldn’t know it means ‘time played’ and whatever the second icon means.
Fourth Screenshot
There’s a lack of balance. I’d remove the icons because it’s pointless. Move the words closer to their icons. And, is that a checkbox or not?
Last Screenshot
Everything’s too cluttered. The brand icon looks unbalanced (compare it to the header position and you’ll see). Why is the loading icon so far from its text? And why does it have a gradient while all the other icons don’t? I’d make the big green button black instead, for consistency (unless it’s that important).
In conclusion. There are some very needed improvements.
Sorry if I sounded mean through it all. Anyways, that’s my take on this admin panel
Trying my best to reply to everything here;
There should be a minimize button up there too, dont know why it doesn’t appear in PlaySolo. Mainly because I thought it looks too empty in the normal version, so I added that and it lo9oked better to me.
That would make the titlebar cluttered (i made it a bit smaller just now), and in the Spanish Version, it has something up there taking it’s spot.
I tried that and it looked a bit weird. A Period would be way too formal and wouldn’t fit in, an exclamation mark would look too out of place, and I dont even need to go into a question mark.
That would look out of place and inconsistent though, wouldn’t it?
I will remove it, if i even keep the icons
Same reasoning for the homepage
I was thinking of doing that
I need to downsize them, you’re right
A bit ago I started to use UITextSizeConstraints (i used to be super dumb), so I must have left these out
Also the same reason
That’s a placeholder
This has a dedicated DevForum topic where I have a tutorial explaining what everything does, I think they should stay, because the labels would be a bit out of place otherwise
I removed the icons next to “Loaded” + “Fired”, and again, the textlabels would look weird without the other ones
Yeah, that looks better
It was a poor icon choice by me
What do you mean by this?
I will add more spacing
I will recenter the text
If you’re talking about the logo, because I want it to stick out. I dont think there’s one on the loading icon, and the Check for Update’s right side needs to have more green in my opinion.
Or this solution.
And, thank you for your feedback!
I’m glad you took my feedback pretty well, I was just going off on it and I was starting to feel bad lol
The logo is perfect actually, I think it’s fine the way it is. I was talking about the rotating icon
Dont worry, I have been around on the devforum too long to take feedback harshly with the way the Roblox community is
Heavily recommend the use of UIPadding to ensure certain elements such as text labels fit in their boxes without enlarging too hugely.
Same priniciple for icons, definitely use UIPadding so they don’t touch the edges of frames, it tends to make the icons pop out too much and can make it feel cluttered.
This probably isn’t the place, but I have no idea how to use UIPadding because they haven’t ever really worked lol
If you’re sizing elements by Scale, use Offset for the Padding behaviours. Allows you to scale in much smaller increments without making huge jumps.
You might have to either:
- Size down the icons manually with the UI editor
- Put the icons inside a frame, then put the UI Padding under the frame to hopefully size down the icons all at once, though it might end up affecting the frame itself.
Certainly go ahead on using it for text labels, highly recommended in some spots
I like the blur! The whole UI looks very professional. I honestly hate repeating, but the text inside it is a bit much. Lots of negative space on some ends and too much text (of which has only one text family in one piece, or 3 in another) in other places. The only main issue with me personally are the icon placements, for a few examples
(size is everything)
It’s really good for a WIP. Would love to keep up with your progress.
The disappointing thing is it’s getting worse.
The only thing I can say is to add padding to some buttons/toggles in this menu:
And, the check for updates button (it might also look better if you remove the gradient):
I gave the About page some more spacing and padding, I think personally that fixed the cluttering issue.
Hi, sorry it’s a very late reply, almost a year.
I’m a UI designer and I’ve been wondering how to create a background blur on transparent UI for a while now, how do you do this?
Wow yeah, this UI is really old, I need a new thread.
I have been using this for a couple of years now: How to make UI Gaussian Blur
However, you can use this: New ui blur [fully automatic]