Any menu design tips?

Hi everyone! I’m a solo dev who specializes in programming, but I can do most game-design-related things. I’m still trying to get better at UI design for my game. Can someone tell me how I could make my UI more navigatable and readable?

The theme is supposed to be slightly cartoonish, emphasized by the doodled background. Primary color is yellow, secondary is red (based on ROBLOX’s 2005 logo)

(I personally think all of these are fine, but I’m having the most problems with Custom Round’s menu.)
(You can see the baseplate because there will be a physical lobby!)

Main

Lobbies (I really like this one)

Map Select

Custom Round

I’m definitely thinking of moving the checkmark/back buttons more to the right, and I think that’ll help.

3 Likes

Main menu feedback:

The story mode and multiplayer mode buttons are in a different style than the background menu and game logo. I think it would fit better if you used a button style that fit with that drawn/cartoony look. You also have a style clash in your fonts, your logo and “scroll for more” use 1 font but the main buttons and the fact text use a different font.

For example:


(i did NOT make this icon, chatGPT did)

Also the layout itself can be improved for more clarity. Breaking things up into different sections can help allot;


Lobbies menu feedback:

The exit button should be located at the top of the menu, because thats where the exit buttons are usually always at, when the player wants to exit the menu, theyll instinctively look at the top corner first.

The join and leave button doesnt make that much sense where it currently is right now, you should have one button for both joining and leaving. If youre not inside of that crew, it should say join, but if you are inside of that crew, you should switch it to say leave. It saves space, and just makes more sense.

Also the ( + ) icon would look better as an text button that explains what it does, like; “create crew” or something abit more readable.


Map select menu feedback:

I would change the scrollbar side to be on the left, it feels out of place being in the center of the screen.

For the angled part, i would make it straight down the middle, maybe add a wiggle effect to match the style. Right now with it being angled, the map description kinda hangs of the side.

With the exit button, i would move it up to the top of the screen


Overall feedback:

  1. You have a styleclash happening with your fonts, and icons/buttons.
  2. Some of the colors are really dull compared to other colors in the designs.
  3. The layouts can be improved abit to save more space and provide more readability.
5 Likes

dang you’re a genius, ill try this thanks

also quick question: the frames that were diagonal are now sort of curvy blobs in your image:

how would i make this and still have the background scroll? (the background would be a separate ImageLabel)

i still enjoy it without the curves, though

Image

2 Likes

if youre having the camera view as the background, i dont think its really possible. You could try it with sprite sheets, but the setup for that would be annoying

2 Likes

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.