Case Study

Overwatch 2

Overwatch 2

OVERVIEW

The Gist

My Roles and Responsibilities

Project Length

Challenges

UI overhaul of Overwatch 2 v1.0 with usability enhancements and UX improvements.

UI overhaul of Overwatch 2 v1.0 with usability enhancements and UX improvements.

  • Principle UX Researcher

  • Principle UX Designer

  • Principle UI Designer

  • Principle UX Researcher

  • Principle UX Designer

  • Principle UI Designer

2 Months

2 Months

  • First time working on a videogame.

  • Creating a better new player experience.

  • Reimagining a UI within the game's style and theme.

  • First time working on a videogame.

  • Creating a better new player experience.

  • Reimagining a UI within the game's style and theme.

Deliverables

26 ingame screens with new UI and a style guide to acompany the new UI scheme.

WIREFRAMES

PROCESS

The Process Used

The nitty gritty, behind the scenes, under the hood of my UX/UI design process for this project.

PLAYER PROFILE

AKA Personas

There are the tow main personas that stood out as the target audience based on research.

PLAYER JOURNEY

AKA User Journey

Based on a user play through.

PAPER PROTOTYPE

Rough Screen Layout

A rough layout of various screens the user encounters and the decisions or choices they have.

FLOWCHART

USABILITY TESTING

User Interviews

  • 3 unique users, with varying levels of videogame experience.

  • Users were asked 31 questions based on various wireframe screens.

  • Users were asked a variety of questions as well as asked to complete simple tasks.

Findings

  • Certain aspects of the wireframes were unclear, such as chat prompts and back prompts.

  • Tooltips were better as something that button initiated rather than always persistent.

  • In character selection screens, the appearance of other characters being ready was confusing.

WIREFRAMES

UI MOODBOARD

UI STYLE GUIDE

UI MOCKUPS

OUTCOMES

I learned alot.

  • Through actual work I've learned new skills that I never thought I would, including in-engine implementation of my UI.

  • Speaking with our lead programmer also opened a whole new world of interest in game engine work.

  • I created a UI based on team input and implemented it.

Logo
Logo