Microsoft Surface was an interactive table device and was unveiled in May of 2007, five years before the Surface tablets and laptops we know today. When the Surface was first released, it was a big deal. It was one of the first non-desktop, non-mobile multi-user interactive devices to come to market and it was a huge opportunity to make something different.


My Role —

I helped develop the concept, designed the look and feel and user interface for both the table and mobile versions of the app.

Team —

VD/Animation: Jules Konig, UX: Nathan Moody, Dev: Josh SantangeloClient: Microsoft

TouchTones for PixelSense

Our collective passion for music and interaction led to the creation of TouchTones, a multi-user collaborative music maker that doesn’t require any musical knowledge in order to make something beautiful. The instrument took advantage of Surface’s unique camera-based system to leverage finger orientation as well as touch position.

Process

Before arriving at the final design, I explored several variations for the sprites.

TouchTones for Surface v1

TouchTones for Surface v1 was a proof of concept of sorts. It was the first app that we designed and developed for the original Surface table. It was 720p magic! Seriously though, it was received well and that's why we were asked to redesign it for the updated PixelSense table a few years later.

TouchTones for Windows Phone 7

In 2010, we ported TouchTones to the Windows Phone 7 platform which required a significant redesign of the user interface and user experience.

Process

This type of document is something I'd share with our dev team so they can see all the assets in one place. It also helps in the design process to check for consistency and to make sure things work together as design language.