Lead UI / UX Designer

Designed the StarCraft 2 interface to be clear, engaging, and intuitive.
Role: Lead UI / UX Designer, interaction design, usability, cross-function collaboration

Goal

Crafted the design vision and coordinated a large, cross-disciplinary team to bring it to life.

RESULTS

YouTube comments show user excitement over some upcoming UI changes over social features and content for casual personas.

CASE STUDY: INTERACTION DESIGN

Chat Messages

One of the biggest pain points for players was the sense the game lacked a community, caused by low activity in chat channels. This stemmed from both the UI design and the algorithm that populated the channels.

Mute

Who: Doesn’t like to chat.
Findings: Prefers playing solo, little social interaction.
Thoughts: Easy to accomadte
Solution: Give them a way to leave chat.

TV-noise guy

Who: Similar to those who are alone but have the TV on
Findings: Enjoy watching text fly by
Thoughts: Likes passive engagement, can benefit from chat visibility.
Solution: Text can fly by without a background; doesn’t need to be fully legible or ADA-compliant

Watcher

Who: a lot of people
Findings: Large portion of the player base.
Thoughts: Potential to convert into active participants with better chat design.
Solution: Add a background for text to improve legibility, but keep it from taking up the whole screen.

Guys-who-like-to-talk guy

Who: Actively talks in chat.
Findings: Core social players we want to support.
Thoughts: Driving chat activity, most important persona for engagement.
Solution: Make chat tall and pinnable but not take up primary navigation space.

Text on the bottom right and scrolls by as users talk for TV-noise guy.

Cross-functional Collaboration

Crafted the design vision and coordinated a large, cross-disciplinary team to bring it to life.

  • UI Designer

  • UI Artist

  • Technical Artist

  • Developers

  • Producers

  • 3D Artist

  • 3D Animator

  • 3D Scene Builder

  • Sound Team

  • Community Team

Examples:

Teams Invovled

  • UI Designer

  • UI Artist

  • Technical Artist

  • Developers

Teams Involved

  • UI Designer

  • UI Artist

  • Technical Artist

  • Developers

  • 3D Artist

  • 3D Animator

  • 3D Scene Builder

  • Sound Team