Although a good design might look simple and easy to use, the design process itself was probably far from linear. In fact, Design Process is usually messy and involves multiple iterations and refinements, and some ideas get tossed out completely.

To simplify the Design Process, begin by looking at the Art Direction and Cognitive Design. Then iterate by streamlining and shifting between form and function.

Why is this important? Players want the UI to be responsive to context and as comprehensive as possible. It’s a balancing act between form and function.

Design is not Linear

The DOs of the design process:

The DON’Ts of the design process:

  • Do not display vital information in a small font or outside the safe action zone.
  • Do not show too much information. You want the players to play the game, not the UI.
  • Do not rely on color alone to convey different states.

UI is used to support contextual information and actions in the game. Without good Art Direction, you might end up with information displayed inconsistently and with many elements competing for the player’s attention:

Design No

Design your UI components such that there is no need to explicitly display “YOUR HEALTH IS LOW!”

Design NoNo

Next-generation effects might not always improve the design. Instead, ensure that the elements are subtle and work together.

Effects are not the answer