Gaming UX: Redesigning HUD for Competitive Mobile MOBA — A Case Study

Gaming · 6 min read

Studio Arcline’s mobile MOBA had high user churn in the first 30 minutes; players reported that the heads-up display felt crowded and obscured skill readouts during team fights. Designers started by conducting contextual playtests and heatmap analysis during live matches to quantify where players were looking and what information they needed during clutch moments.

They prototyped three HUD variants that prioritized different information hierarchies: minimal (prioritize map and cooldowns), contextual (show expanded info on demand near touch points), and adaptive (present different HUD density based on player aggression metrics). Internal playtests and an opt-in beta with 10k players showed the adaptive HUD performed best — it reduced accidental skill taps by 38% and improved time-to-decision by 22% during skirmishes.

Implementation details included adjustable opacity, skinnable minimap sizes, and a context-sensitive radial menu that appeared only when a player’s thumbs were idle for a brief interval. Post-update analytics confirmed lower churn among new players and a measurable uptick in match satisfaction scores. For competitive mobile games, the study reinforces that adaptive interfaces which respond to player state can retain strategic information while reducing visual overload.