Field Lab · HUD design
Designing Game HUDs Players Don't Have to Think About
Ask a player about a game's HUD and, if it was good, they usually can't tell you much. They knew their health was low. They knew the reload was coming. They never once looked at the corner of the screen to find out. A heads-up display works best when it stops being a thing you read and becomes something you simply know — and that is a design goal, not an accident.
Most HUDs fail the opposite way. They compete with the game for the player's attention, crowd the edges of the screen with numbers, and force a glance away from the action at exactly the moment the action needs both eyes. The fix is rarely "more information, more clearly." It's usually less, placed where the eye already is.
Read the eye before you place the pixel
During play, a player's gaze lives in a small region near the centre of the screen and near whatever they're controlling. Anything critical belongs close to that region or in the player's peripheral vision, where motion and colour register even when text does not. This is why a health bar that flashes red at 20% works when a small "20" in the corner doesn't: the player never has to leave the fight to read it.
So the first question on any readout isn't "how do we display this number?" It's "does the player need the exact value, or just its state?" Health is a state — fine, low, critical. Ammo is often a count, because the difference between three rounds and four decides whether you reload now. Match the form to the decision: shapes and colour for states, digits only where the digit itself drives a choice.
Layer information by urgency
A good HUD has quiet layers and loud layers. The quiet layer is always present and barely noticed — a thin stamina ring, a subtle ammo counter. The loud layer appears only when something changes and the player must act: a hit indicator, a low-health vignette, a "picked up" flash. When everything shouts, nothing is heard, so reserve motion and saturated colour for the moments that have earned them.
The corner of the screen is expensive real estate. Charge a high rent, and only rent to information that can prove it changes a decision.
Diegetic isn't the point; legibility is
There's a fashion for diegetic HUDs — the ammo count on the gun, the map on a wrist device — and when it fits the fiction, it's lovely. But baking a readout into the world only helps if the player can still read it under pressure, at their real screen size, with the game's own lighting fighting it. We've reviewed beautiful diegetic displays that were unreadable the moment a firefight lit up the scene. Fiction is a bonus. Legibility is the requirement.
Test it the way it's played
The most common HUD mistake we see in an audit isn't a design choice at all — it's that the display was tuned on a large monitor, up close, in a calm menu, and never checked in motion on a living-room television across a room. Contrast that felt generous at desk distance vanishes at couch distance. A number that was crisp on a 27-inch panel turns to mush at 1080p on a handheld. Test your HUD in the conditions your players actually use, or you're tuning for a screen nobody owns.
A short checklist
- For each element, name the decision it supports. If it supports none, cut it.
- Show states with shape and colour; reserve exact digits for counts that drive a choice.
- Keep a quiet always-on layer and a loud only-when-it-matters layer.
- Check contrast and size at the smallest screen and furthest distance you support.
- Give the player a way to dial the HUD down — some want almost nothing on screen.
A HUD you never think about is the highest compliment the surface can earn. It means the interface got out of the way and let the game be the thing the player remembers.
Keep reading
Next: Menu UX in games — the patterns that quietly frustrate players, and Onboarding without tutorials. If your own HUD deserves a proper look, book a UI audit.