APR 2022 - MAY 2022
Released in 2023, OVERWTACH 2 is a free-to-play hero shooter and a sequel to Overwatch developed by Blizzard Entertainment, featuring 30+ epic heroes, each with game-changing abilities which you can use to battle in all-new maps and modes. The game had its early access release around 2022 and based on that build, this project aims to analyze and improve the STATS screen found in the game.
• Conduct interviews with current players of the game and gather their feedback.
• Crafted wireframes, interactive prototypes, visuals and UI assets.
• UI/UX Designer
• Making sure that the players are able to understand the information being presented to them.
• Ensuring that the UI is consistent with the game's overall aesthetic and is not deviating to much from the overall design philosophy of the game.
• Incorporate feedback from players into the UI design process.
• Create a user interface that is intuitive, easy to use, and visually appealing.
• Maintaining similar styles and layouts that are found in the current and previous entry of the franchise.
I’ve conducted a couple of rounds of user research interviews with 4-7 Overwatch players who have different levels of experience playing the game. Some of the key insights and problems of the screen are listed down below:
User's want to see the most important information first. "Important" can be subjective.
The screen takes up a huge chunk of the screen.
Can't differentiate between character info tabs.
VALORANT (RIOT GAMES , 2020)
RAINBOX SIX SEIGE: After New UI Patch (UBISOFT, 2021)
EXOPRIMAL (CAPCOM, 2023)
After taking a look at some of the stat screens from other games, here are some of the things I noticed:
1. Clear distinction between enemy team and player team.
2. Player Icon and tab is highlighted.
3. Focus is on the stat screen
4. Info about the player and their teammates' ultimate abilities.
Some ideas based on the user and market research conducted that will be used when creating the mockups.
Make sure there are two primary colors that are used to differentiate the PLAYER and ENEMY Teams
Display the roles of the characters to both players and teammates.
Keep it similar to OW 1 but going in theme with OW2, everything should be a bit more minimalistic. Basically clean and concise.
There should be a priority in terms of info provided to the player. Display what's most important first without being too distracting.
HIGH FIDELITY WIREFRAMES
Throughout the design process, I kept the player in mind at every step. I asked myself questions about how the players would process the visuals and information presented to them, and I made sure that the new interface was easy to navigate and understand. I made sure that the interface was redesigned in a way that maintained the same aesthetic as the previous entry but also felt modern and innovative at the same time.
I did not create any of the character artwork, all the credit goes to the amazing folks at Blizzard Entertainment. I just used some of the art as a base and created my own assets to help illustrate some of my changes and ideas.