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
2 Asked on October 31, 2021 by tal-blizowsky
3 Asked on October 31, 2021 by naveed-iqbal
4 Asked on October 31, 2021
1 Asked on October 31, 2021 by nick-cipher
1 Asked on October 31, 2021 by husseinsd
2 Asked on October 31, 2021 by doubleclickonthis
3 Asked on October 31, 2021
2 Asked on October 31, 2021
1 Asked on October 31, 2021 by ivan-kulezic
1 Asked on October 31, 2021 by jon-sud
2 Asked on October 31, 2021 by lea-grossman
3 Asked on March 2, 2021 by zirnamaraji
2 Asked on February 18, 2021 by swathi
2 Asked on February 18, 2021
1 Asked on February 16, 2021 by harshal-parekh
1 Asked on February 14, 2021 by estela-gaspar
1 Asked on February 12, 2021 by user133718
Get help from others!