OVERWATCH
UX/UI Design, User Testing
Case Study | ELVTR Gaming UX/UI 2023
The Goal
To study the game Overwatch to further understand UX/UI, with a focus on understanding the players experience and improve efficiency for its broad user base. The project was completed as a part of ELVTR’s UX/UI in Gaming course.
This was executed by shaping the user experience through creating player profiles, user stories, paper prototypes, flow charts, wireframes, and UI mockups.
Challenges
Short turn around of 7 weeks
Limited access to art resources
Understanding the player’s options through their point of view
Executing usability tests
Creating icons and HUD graphics within the parameters of Overwatch’s style guide
Creating efficiencies in the wireframe for a polished title
UX Design
The Player Journey
Paper Prototype and Flowchart
Low-fidelity Wireframes
User Testing Results & Iterations
Usability test yielded mostly good results, where common concerns and points of confusion that arose from multiple player feedback. Those concerns where addressed, with changes to the iterations below.
UI Design
From the iterated wireframes, we moved on to the the high fidelity mock-ups. The challenge here was to create icons and graphics that matched Overwatch’s creative style, while keeping creative freedom over the new UI layout, with the additional challenge of addressing the research found in the usability test.
I closely studied Overwatch’s UI to get an understanding of how they use colors, shapes, and typography to address accessibility across their user base.
Mode Select Screen
Gameplay Screen
Final Thoughts
During this project, my primary objective was to dive into the player's psyche, understanding their emotions and motivations for engaging with the game. The player journey served as a pivotal foundation, guiding the development of user flows and wireframes. This strategic approach enabled me to pinpoint opportunities for enhancing player choices and gameplay.
With these insights in hand, I proceeded to craft high-fidelity mock-ups that vividly showcased potential adjustments and enhancements for game implementation. I enjoyed the challenge of harmonizing with Overwatch's distinctive visual style, creating graphics that seamlessly integrated into its immersive universe. I am excited to explore more of Overwatch's UI and accept similar challenging endeavors within additional gaming titles.
Outcomes
Acquired the ability to efficiently produce visuals under tight deadlines and resource constraints.
Gained valuable insights into integrating UX/UI principles into the gaming realm, collaborating effectively with a game designer.
Developed a strong grasp of Overwatch's visual aesthetics and their relevance in UI design.
Proficient in conducting user research tailored specifically for UX design purposes.