Scroll for more

In-Match HUD Patterns in Mobile Games

An in-match HUD is the chrome that stays up while the player acts. Strong ones keep score, resources, and the next action at the edges so the playfield remains readable.

What repeats

  • Score, moves, or an opponent kept to the edge.
  • Pause or exit small, and away from the main gesture.
  • Turn or objective called out only when it changes.

What varies

Questions

What is an in-match HUD?

It is the set of counters and buttons that stay visible during play, as opposed to a menu the player opens.

When should a popup cover the board?

When the match cannot continue without a choice, as in Candy Crush’s extra moves or Archero’s skill pick. Otherwise the board stays clear.

How should a designer use these references?

Sketch the playfield first, then place only the counters the player needs for the next action.

Examples from shipping games

More In Game stills

Sign up for free to continue browsing

The 6 screens above are the public sample of in game screens. An account opens the rest of the library, including flows and mechanics.

Join for free