High prio
Revamp the Heroes feature
to support novice learnability and expert efficiency
User journey, Info Hierarchy from benchmarking, Flow chart, Wireframe, Prototype
Starting from Player journey of Heroes feature
Issues were identified across player journey of Heroes feature, particularly for expert players.
So ‘Heroes’ was comprehensively revamped revisiting info architecture, user flows, and interactions from the ground up.
Insights from Comparative Benchmarking
Among character-collecting games, I checked titles that have been live for over 4 years and reached more than 10,000 monthly active users.
By analyzing their info hierarchy and layout patterns shaped accumulated complexity, I designed a scalable structure that accounts for the long-term growth of Lord of Heroes.
Flow chart
Feature Highlights
Detach and Reorganise ‘Hero list’ for Better Scanability
Choose a Hero
As-is
-
Players want to compare heroes here
-
Players reported difficulty finding heroes:
- Multiple max-level heroes made differentiation unclear
- Hard to identify low level heroes or specific element heroes
- Players want to sort by speed, element, and class -
Same notifications are used for skills, level, promoting, and ascending, so players ignored them
To-be
-
Separate ‘Hero List’ to display as many heroes as possible at a glance
-
Add sorting and filtering features
-
Clearly display hero speed, element, and class
-
Differentiate notifications for skills, level, promoting, and ascending
Unify a Status Panel and Use it consistently inside one screen
Manage a hero
As-is
-
Identical info presented differently caused confusion for novice players
-
Low usability of ‘Stats screen’ for expert players:
- Evaluating growth required manual calculation of aggregated values everytime
- ‘Stats screen’ was frequently used at low levels but rarely accessed later
- ‘Equipment screen’ already contain most of needed info -
Passive skills affected hero status, but players were often unaware of it
To-be
-
Introduce a unified status panel shared across related features
-
Place interaction-heavy elements within the right-hand thumb zone
-
Provide layered info based on player needs and context:
- Display aggregated stats on ‘Hero overview’ for quick evaluation
- Display stat changes driven by equipment within ‘Equipment screen’
- Display stat changes driven by skill within ‘Skill screen’
Add a ‘Hero Rating popup’ with Tags
Manage a hero
As-is
-
Players check hero type, element, class, skills, stats, and community evaluations when deciding on growth, but this Info was difficult to find
-
‘Hero Rating popup’ was only accessible within ‘Universe’, so players want to use it on ‘Hero screen’
-
Skills and base stats were not visible in ‘Universe’. Needed info was scattered.
To-be
-
Link Universe’s ‘Hero Rating’ popup directly to individual ‘Hero screen’
-
Add tag-based filters to help players quickly surface relevant info
Add ‘Preset Popup’ to Equipment Screen
Set up Equipment
As-is
-
Auto-equip was rarely used, as it mechanically assigned item by class and often reduced overall hero performance
To-be
-
Enable the same ‘Preset popup’ used across the core gameplay loop to be accessed within ‘Equipment screen’
-
Reuse an identical popup to ensure interaction consistency and technical optimization
Centralize all Hero contents on ‘Heroes feature’
Subculture Activities
As-is
-
Players want to view cinematics, voice lines, and skins directly within ‘Heroes feature’
-
Players sometimes play games to see certain cinematics, but they don't like it.
-
To hear specific voice lines, players repeatedly triggered random voice playback when entering menus and requested a replay function.
To-be
-
Add voice and dialogue access on ‘Heroes feature’, allowing players to explore all hero-related content anytime in one place