User Experience Asked on January 3, 2022
In a turn based game I’m building you manage a few resources, two of which are related.
I’d like to indicate both with progress/health bars (or some other similar UI) so their values are glanceable. I’d also like to clearly indicate the relationship between them: Endurance indicates how much Speed you’ll regain next turn.
Here’s what I have so far (next to the only other progress bar here for context). What I tried was to have the related bars touching, and to have the Endurance bar have a width that shows it’s proportion to the Speed bar. I don’t think this communicates it clearly though, it’s not obvious why the Endurance bar is shorter.
Can the alignment be adjusted to make this relationship clearer? Can making them share the same bar somehow make it more clear without losing track of Endurance as it’s own separate resource? Are progress bars in general just not the right solution here?
There are a number of different types of information you are trying to represent/present to the user, and the key is to create a consistent and coherent set of visual signals so you can convey the key information correctly and clearly.
From what I can see, these are the key elements:
So I suggest the following changes:
I think each of these examples show how the design indicates both current and future speed points as you progress through your turn quite clearly, and can be applied to any other attributes that work in a similar manner.
Answered by Michael Lai on January 3, 2022
1 Asked on January 6, 2022 by homam
2 Asked on January 5, 2022
1 Asked on January 3, 2022
1 Asked on December 31, 2021 by user3718908
1 Asked on December 31, 2021 by m-jung
3 Asked on December 29, 2021
2 Asked on December 27, 2021 by zcb
4 Asked on December 24, 2021 by prasad-shiva
5 Asked on December 24, 2021 by juan-jardim
3 Asked on December 23, 2021 by briana
1 Asked on December 22, 2021
1 Asked on December 22, 2021 by dhwanilshah
1 Asked on December 17, 2021
2 Asked on December 15, 2021 by roxana
3 Asked on December 12, 2021 by michael-schmidt
2 Asked on December 12, 2021 by gaurav5430
Get help from others!