Post-Match Result Screen
Hello everyone
So this is going to be a long one and Iâm for sure missing things. This was weeks in the making.
Improving the post-match result screen, there were a lot of things not up to the quality standards.
So here is a breakdown of what we did.
New better UI
The design process was as with all UI iterations we did focused on making it clearer, more modern, and adding animations.
Some key changes players are sorted by Teams and we indicate the winning team.
We used the same Player widget which displays the playerâs name, avatar, and other information in multiple places. This made the Widget Blueprint huge and more and more of a pain to work with UI and BP code-wise. So we separated sub-elements and created new Player widgets for specific screens and use cases.
More data
Static Data
Key data that is fast accessible for any player and teamâs totals.
Periodic
For deep dives and analysis.
I love it, the insights it gives are so good. After playtesting sessions, you can catch me starring at them
Seeing a Final spell or a big battle leaving its mark in the graphs.
Specials
This data gives great insights into a playerâs approach and execution of the match played.
Spell History
Here we have some room to improve the feature even more showing how efficiently each spell type was used. Already in this state it is very nice to have and makes it easy for players to understand how things evolved without going through the replay analyzing the match.
Initial Base Layout
This is especially good for short matches where cheesy, greedy, or weird strategies get executed. We also allow players to copy the base layout of other players as a quality of live feature so they donât have to manually trace it.
Better graphs
Bar graphs are not the best representation for all data so additionally to the Bar graph we already had we added a Line graph and even a Compare graph which allows the player to compare any 2 players with each other.
The Compare graph is a direct inspiration of the League of Legends compare graph.
Compare graphs also work during gameplay for Spectators.
There are a lot of little things we added and had to consider to get them properly displayed. Like negative values, horizontal and vertical indicators, hover information, etc.
Stored
Storing the Data in the match history so players can revisit it.
Doesnât sound like much but itâs a must-have. How else am I able to stare at them after I close the screen?
Endnotes
Next couple of weeks we will spend a lot more time polishing and playtesting the game for an upcoming event
Let me know what you think and feedback is always welcome.