UI Design Help!

Hey guys, the UI you see above is a UI I am currently unhappy with. I love every part of it except for the fact that I want perks to be the CORE MAIN progression system in this game.

To put it simply, players can progress by unlocking new perk packs / win conditions etc, but I can’t find a way to make the UI feel more popped, or more integrated. This is a scene where players can buy new perks, and choose them before the game starts, but I really want to accentuate or saturate the part that makes the player want to buy perk packs.

Any input is appreciated!

2 Likes

I think ui doesn’t need be improved its already quite good

1 Like

If you want the player to be able to differentiate between labels and buttons, you can probably try to invert the depth of the current buttons in this case (filling the center and fading the edges).

The UI design looks really cool, but I think the UX of the menu could be refined a bit!

Because I don’t have the context of how the game works, my first impression was that I was confused by (1) the win condition details, (2) the prices next to all the win conditions/perks, and (3) the button colors/visual hierarchy.

If the goal of this screen is to encourage players to spend points on new perks, I’d suggest making the player’s point total more prominent since it’s pretty easy to miss right now.

I was confused by how the green buttons on the right are paired with red, negative numbers whereas the green buttons on the left are paired with green, positive numbers. At first, I assumed all numbers were perk prices, but the color choices made that a bit confusing. Since green is typically associated with confirmation or a selected state, I wasn’t sure if a perk had already been applied or if it was just available.

I’m also not sure how the hover functions on mobile (if you intend to have mobile players). Hopefully this helps, the game looks really fun!

1 Like

Thanks - I think making the perks more prominent would help. I knew something was off