Project Gallery
Cracking the Code: Designing Interaction for 20,000 Players
Finding the best control method for an audience of 20,000 to interact with a shared screen was a complex challenge.
Splitting attention between the big screen and personal devices requires cognitive effort, so minimizing that strain was key. Providing personalized feedback on a massive screen for thousands of people wasn’t feasible, so all individual feedback was delivered through players' phones. The balance came down to managing cognitive load while ensuring players felt a sense of agency in the experience.
Here’s a look at some of the control methods we explored:
3. Using Movement: Lifting and Lowering Phones
Role: Lead UX Designer and Researcher
Tools: Unreal Engine, Figma, Matlab
A key challenge in designing Sphere’s website was educating users about its groundbreaking technology while delivering a seamless, visually striking experience. Many visitors were unfamiliar with the unique capabilities of the venue, requiring a design that both informed and engaged without overwhelming them.
1. Using Augmented Reality
Role: UX Designer, User Researcher
Tools: Unity, Figma, Miro, SPSS
Cognitive Load:
Player Agency:
2. Using Phone to Point and Tap
Role: UX Designer, UI developer, User Researcher
Tools: Unreal Engine, Figma, Miro, Matlab
Cognitive Load:
Player Agency:
Cognitive Load:
Player Agency:
Cognitive Load:
Player Agency:
4. Using a Virtual Joystick- Blind Thumb Control
Role: Lead UX Designer and Researcher
Tools: Unreal Engine, Figma, SPSS
Designing the Sphere Website: Educating and Engaging Users
Sphere website design
Role: UX designer and researcher
Tools: Figma, Miro, React
A common challenge when displaying UI on Sphere’s wrapped screen is distortion—straight lines can appear curved due to the screen’s shape.
To solve this, I developed a custom plugin that pre-distorts UI elements before projection, ensuring visuals render correctly in the immersive environment. This tool allows designers to seamlessly place UI on the sphere’s surface without manual adjustments.
Solving UI Warping on a Curved Display
UI Projection Plugin
Role: UI Developer
Tools: Unity, Miro