Luis Sencio
Everbright: Battle Screen UI/UX overview, by Luis Sencio for Made on Earth Games 01 Overview: The Battle Screen. Challenge: high information density. Principles: glanceability, thumb-zone first, responsive by default 02 User flow: The Battle Loop, from choosing heroes to victory 03 Breakdown: Battle Screen Anatomy, with callouts for top HUD, hero duel, troop grid, status indicators, counter-class, usable orbs and turn order 04 Wireframe: From Wireframe to Final 05 Responsive: One Battle, Every Screen, shown on a 16:9 phone, iPhone 15, tall Android and iPad 06 Ultimate: Ultimate Skill Targeting 07 Troop info: Unit Inspection 08 Counter-class: Class Advantage 09 Auto battle: Auto Battle Onboarding 10 Pre-battle: Hero Selection 11 Victory: Victory Screen 12 GUI atlas: Battle GUI Atlas 13 Style guide: Battle Text Wall of battle screens Thanks for watching! UI/UX design by Luis Sencio. Everbright © Made on Earth Games