Wii Remote UI for Windows Media Player

This was a project for an elective course called Human-Computer Interaction. Each group chose a specific use case that failed or needed improvement and then implemented a solution to the identified issues. My partner and I wanted to improve the "10-foot" experience of Windows Media Player on a big screen television.

Wii Remote UI Mockup

Informal interviews with our classmates and friends led us to two main problem areas:

  1. It is too hard to quickly determine where the mouse is because of its small size and the long viewing distance, and
  2. The playback controls are too hard to hit accurately because of their small size.

We created a new user interface layer that rectified these two problems. Our design turns each circular button into a large pie shaped region of infinite size. Each button is activated when the white line crosses the button, allowing the pointer to be in an infinitely-sized region that extends off the screen. We harness the power of Fitt's Law to make each button very easy to hit, even from the sofa.

Wii Remote UI Mockup

The white line extending from the center of the pie also serves to increase the visibility of the mouse pointer itself. Even if you can't tell its exact position, you can always see the region of the screen, which is enough information to effectively use our new UI.

Formal testing of the new user interface showed a 52% decrease in the amount of time it took the tester to invoke any command from the menu compared to the original Media Center controls.


  • RT @vRallev: The M1 performend 32% better than one of the largest EC2 instances with 48 CPU cores and 192 GB of RAM, which costs $15,000 within two years (assuming 8 hours per week, 48 work weeks per year). pic.twitter.com/i6TYHA9kXs 16 hours ago
  • RT @pennig: The Client Infrastructure team @SlackHQ—my team!—is hiring a Sr iOS engineer. Remote? Heck yeah! Happy to answer Qs. Kindly reach out 🤗 11 days ago
  • RT @johnnyrodgersis: In 2020 we kicked off a big re-investment in our mobile codebases at @SlackHQ. Here's the first in a series of blog posts about this effort, including completion of our Obj-C => Swift migration on iOS and breaking up monolithic interfaces on Android. slack.engineering/stabilize-modu… 12 days ago