Image 1 — Struggling with readability... Any ideas?
Image 2 — Struggling with readability... Any ideas?
Image 3 — Struggling with readability... Any ideas?
▲ 8 r/uidesign+2 crossposts

Struggling with readability... Any ideas?

I'm struggling with making my UI less crowded & more readable. I have created two versions, but both 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 :)

u/JoStorys03 — 4 days ago

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 :)

u/JoStorys03 — 4 days ago
▲ 2 r/gamedevscreens+1 crossposts

Is this too overcrowded? / Readability

I'm currently working on a Visual Novel made with renpy called Alien Snap.
I just added the distance indicator in the top left (second image) and I worry that:

  1. this is unreadable as a distance indicator?
  2. the whole snap UI is slowly getting a bit too crowded?

The UI is changing throughout the game and is introducing more and more elements as time goes on.
In the screenshots you can see how it looks early, mid and late game.

Like I mentioned, the screen in the top left is supposed to be a distance indicator and I just can't make it look better :/
I don't know if this is just because I've been staring at it too long or if it's actually hard to read. I also feel like it doesn't fully fit in with the rest of the UI.
If you have any feedback on what I could adjust visually (or any other feedback for that matter), it would be greatly appreciated!!

snap encounter early game

snap encounter early-mid game

snap encounter late game

early-mid game UI video

reddit.com
u/JoStorys03 — 24 days ago

Is this too overcrowded? / Readability

I'm currently working on a Visual Novel made with renpy called Alien Snap.
I just added the distance indicator in the top left (second image) and I worry that:

  1. this is unreadable as a distance indicator?
  2. the whole snap UI is slowly getting a bit too crowded?

The UI is changing throughout the game and is introducing more and more elements as time goes on.
In the screenshots you can see how it looks early, mid and late game.

Like I mentioned, the screen in the top left is supposed to be a distance indicator and I just can't make it look better :/
I don't know if this is just because I've been staring at it too long or if it's actually hard to read. I also feel like it doesn't fully fit in with the rest of the UI.
If you have any feedback on what I could adjust visually (or any other feedback for that matter), it would be greatly appreciated!!

snap encounter early game

snap encounter early-mid game

snap encounter late game

early-mid game UI video

reddit.com
u/JoStorys03 — 24 days ago