Ranked 2.0
My work for the Ranked feature revamp involved redesigning the menus to streamline navigation and enhance user interaction. I can only display the final in-game results for this project.
Main UX/UI Designer
December 15, 2022
A new competitive experience
This season brings a complete overhaul of Ranked and the way the ranking system works.
On UX side, we had to make sure the new system was easy to understand.
Rank Points
Rank Points are the newest addition to the Ranked playlist and Ranking System of Rainbow Six Siege. Their function is to give a clear indication to the player on their progress towards the next rank.
We chose to represent this progression with an horizontal progress bar as it would allow players to clearly see their previous, their current and next rank in a linear visual progression.
We also added a short text in the proximity of the progress bar that would explain what Rank Points are and how they work.
Rank Divisons
We revamped the divisions within each rank, to give a more clear and homogeneous progression now all the ranks (except Champion) have 5 levels.
To showcase this change visually, we introduced this element with roman numbers directly on the Rank card, that automatically updates with the player’s progress.
The card also features the number of rewards unlocked in the progression. A player can grow in ranks and then it might occur that gets demoted, however they would still keep the rewards obtained so far. For this reason the number of obtained rewards might differ from the actual division showed on this card.
Demotion Shield
The Demotion Shield saves the player from the first possible demotion. It only activates once, when the player should go below 0 in their current rank. If the players loses another match, then they will finally get demoted.
We decided to represent the Demotion Shield with an animation when the bar hits the 0, to emphasize that it won’t go further, for this time.
We also added an extra text that clearly explains to players what happened and the amount of RP (Rank Points) that were spared.
It’s a second chance given before demoting the player to the previous rank and it was one of the most challenging feature to represent visually for the Ranked 2.0 project.
The Overview Screen
We wanted the Overview screen to be an actual summary of all the important information the player might need to resort at on a fast check:
Season Information
All the general information regarding the new Season is displayed on the left side of the screen, including the map rotations.
Rank Widget
The Rank Widget is displayed on the right side, where before we had the charms, to give always a quick and practical information about the status of the player’s Rank and their progression.
Rewards Recap
A summary of the last obtained and next available rewards should avoid the player to always make the extra effort to reach the RANKS&REWARDS tab to check what’s gonna come next.
My Rank Screen
Other than a couple of small changes, the main new introduction in this screen was the Rank Widget, which is positioned in the middle of the screen and guides the player on the journey to the Ranking System.
Ranks & Rank Points Bar
The central widget features all the information about the status of the current, past and future ranks. It also showcases a rank points bar that showcases the amount of Rank Points that the players has in the current rank and division.
Past Seasons Details
We added extra information for the previous seasons rank history: highest and final ranks. This information it’s particularly helpful to highlight the full progress of the season and not only the rank it ended with.
Ranks & Rewards
This is a completely new screen and it has a double functionality: showcase all the available ranks and their progress and the rewards that are available for the player to unlock with their progression:
All the Ranks
All the possible Ranks are showcased in this screen as focusable cards. Each Rank has their 5 divisions, except Champion which is a leaderboard category.
Rewards
Upon hovering on each rank the rewards below change and show the available rewards for that specific rank divisions.
It was quite challenging, on the early design stages, to find a solution to showcase so many rewards in one screen.
Progression
Each Rank tile has its own internal progression, that can be tracked in this screen too. Including the unlocked rewards for each Rank tier.
Thousands of players are already positively commenting on this feature!
This feature is available in the game since
"Y7S4 Operation Solar Raid"
Release date: December 6, 2022
