EA WALL

InVision Prototyping, Adobe After Effects

 User Experience Design

Electronic Arts CTO Leadership Award

EA Wall is Electronic Art’s internal executive dashboard that monitors the real-time status of EA games and services, in order to provide the best player experience. EA Wall is currently installed in the office space at EA Headquarters.

Pictured left shows the office space at EA Headquarters in Redwood Shores, CA.

Note: The dashboard 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, Lead UX Designer
Lorina Navarro, UX Researcher

PROJECT OBJECTIVES

EA Wall was initiated by EA’s Player Reliability Engineering team as a three-month internship project. Working as the Lead UX Designer, I was tasked with redesigning the company’s internal executive monitoring 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. The other challenge was to create style guidelines that standardizes color, layout, typography, CSS, and animation for EA’s internal dashboards. Previous dashboards were made by individual teams across different departments. Without a standardized design, these dashboards tend to look very different from each other, which made it difficult for users to jump from one dashboard to the other.

PROCESS

The project followed a define-prototype-test-iterate process. The first step was to analyze current EA data visualization tools through heuristic evaluations. I worked on consolidating all of EA’s dashboard visuals to define a cohesive visual language, while my co-intern Lorina defined user requirements through on-site interviews with users. We referenced Jakob Nielsen’s Usability Guidelines and Stephen Few’s Information Dashboard Design to create prototypes based on HCI practices. The style guidelines that I created followed fundamental design principles of color, space, unity, balance, and hierarchy to enhance readability and visibility of data displayed. I have also included animation guidelines based on Google’s Material Motion to suggest responsiveness and spatial relationships between objects. After collecting user feedback and defining the visual language, Lorina and I developed low-fidelity paper prototypes and conducted usability testing with internal and external teams to validate and iterate on the project. From there, I designed mid-fidelity and high-fidelity prototypes in InVision and Adobe After Effects based on feedback.

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.