Choose a fitting state and progress indicator

Information can be displayed in a variety of ways. It's important to evaluate the efficacy of your UI indicators and settle for ones that best fit the context:

  • Progress Bars: Good for progress, but even better at showing capacities, such as ammo or health. We are used to bars changing their state in both directions. A reasonably sized bar allows people to easily recognize ~10 different fill states. This means that our peripheral vision can acknowledge a 10% change in fill-state as a significantly different situation.
  • Circular Indicators: Great at efficiently representing time! A circular indicator being filled in a radial manner can result in up to 36 unique positions being easily recognizable ...

Get Practical Game Design now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.