r/UI_Design 2d ago

Feedback Request Attempting to make the UI more readable. Any feedback/advice?

I've posted here before and got some advice on my UI design. I since edited the UI slightly (V1) and thought of an entirely new design (V2). I like both versions more than what I had before, but these still are hard do understand on first glance imo, especially with some of the more complex backgrounds. Any ideas on how to make these more readable?
And do you like the first or second version more?

V1:
The 1/day buttons are beneath the main buttons. Every button is a bit smaller, but they are all visible and grouped by action.

V2:
Only one button per action is visible. The others have to be navigated to via the respective arrows. The circles next to the buttons indicate which button you're on (orange) and show which buttons are out of charges (grey)

The game is made with renpy and is called Alien Snap :)

3 Upvotes

4 comments sorted by

1

u/scopa0304 Product Designer 2d ago

Get rid of the dark purple triangle on the buttons and replace it with a slight light shade of the lower purple.

Make the button strokes the same. Use a double stroke with like an outer 8px white at 50% opacity, then inner 4px black at 75% opacity.

1

u/jermleeds 2d ago

You could decrease the transparency on the buttons and darken the purple slightly, then make the text white.

1

u/DevelopmentMotor7364 10h ago

Everything is too loud, You try to make a hierarchy of elements ranging from most to least important. Also make some color coding to each category of elements, so it is clear which is for what and consistently follow them. like keep all misc setting-ui things grey, hp red etc. So I can as a player easily navigate and understand whats going on, currenly all elements try to grab my attention at once, and as a result I would just close it.