CONTROL TOWER

InVision Prototyping

 User Experience Design

Electronic Arts CTO Leadership Award

Control Tower is Electronic Art’s internal web service tool that monitors the real-time status of EA games and services, in order to provide the best player experience.

Note: The data has been modified and randomly generated to adhere to EA’s confidentiality agreements. I have received permission to share my internship work on my portfolio.

PARTNER & ROLES

Mikei Huang, UX Designer
Lorina Navarro, UX Researcher

PROJECT OBJECTIVES

Control Tower was initiated by EA’s Player Reliability Engineering team as a three-month internship project. Working as the UX Designer, I was tasked with redesigning the company’s internal monitoring web dashboard, improving usability and unifying visual consistency across EA’s data visualization tools. One of the challenges from this project was to condense and minimize critical data into an at-a-glance informational dashboard. EA hosted more than 90 active online game titles and used multiple dashboards to track individual game statuses and services. Many users found the current dashboards visually overwhelming and confusing. To address this issue, the focus of the project followed a user-centered approach to design dashboard prototypes that easily highlights information users need to see.

PROCESS

The project followed a define-prototype-test-iterate process. As the UX designer, I assisted UX Researcher Lorina to define user requirements, heuristic analysis of current tools and translate findings into low-fidelity prototypes. Then, I defined the style guide, created visual assets and designed a mid-fidelity prototype on InVision.

We took the first step and defined our primary user group for Control Tower. I helped Lorina interview members of the Mission Control team to find out how they use the current monitoring tool and the problems they face. Their main workflow includes triaging issues such as server drops, so they need to find relevant information when and where these happen, and what could have caused them.

The next step was to review the current monitoring tool through heuristic evaluations. Through our evaluation on the current monitoring tool, we realized that there was a total of 24 menu categories and more than 100+ user-defined tags. To organize the site map and simplify the categories, we conducted card sorting exercises with the Mission Control team to define a new categorization scheme. From the card sorting results, Lorina organized the categories into a site map and prototyped a low-fidelity wireframe in Balsamiq.

To separate the style guides created for the EA Wall, I designed new color schemes specific for the web platform using fundamental design principles of color, space, unity, balance, and hierarchy to enhance readability and visibility of data displayed.

Based on iterative feedback sessions, I created the mid-fidelity interactive prototype in Invision and user tested with the Mission Control team members. Overall, the system received a System Usability Scale (SUS) score of 93.13. Users liked the clean visual design, and noted its improvement over the previous interface in data presentation. They also completed all task protocol designed by Lorina, and rated the functionalities as useful and easy to learn.

INTERN TECH FAIR

In the last week of my internship, our team presented the final project at EA’s CTO Intern Tech Fair in Redwood Shores. The event showcased more than 60 internship projects and attracted both the general public and EA tech employees. My work was selected as one of only seven intern projects to receive the CTO Leadership Award.