Motion Designer, UI Prototyping
With such a demand for gaming content, how can gamers capture these epic moments from their consoles? Prior to the Xbox One and PS4, gamers needed to invest in some pretty serious capture hardware PLUS video editing software—not something most casual gamers were going to invest in, moneywise or timewise.
With the introduction of DVR capabilities in the Xbox One, Soho Productions took on the challenge of building an editor to harness this new capability.
The result was Upload Studio, a video editing app for the Xbox One that lets gamers edit and share their best gaming moments with the Xbox community. It needed to be dead simple to edit, easy to navigate with a Xbox controller, and allow for some fun customization.
In the Upload Studio editor, gamers were given four choices to edit their clips:
To top it all off, gamers could then wrap their video in a themed skin and share it with the Xbox Live community or upload it to their Skydrive to share on YouTube.
I worked alongside the design, video and engineering teams on two different aspects of the app:
As the design team began creating mock-ups for the UI, I brought those into After Effects to prototype the user interactions. Prototyping with actual game footage and seeing the editor in action gave the design and engineering teams a better feel for where the experience was successful and where it could be improved.
A few of the prototypes were also used in a number of high-profile presentations, including its in-depth debut at E3 in 2013. You'll see the on-stage presenters "using" (wink wink) Upload Studio, plus the final edit of the Killer Instinct clip and skin added at the end.
While designing the themed skins for gamers to apply to their clips, there were a number of technical constraints that we needed to consider regarding both the visual and motion design of a skin. This required working closely with the rest of the video & engineering teams to identify these boundaries:
Two of the skins that I designed with the Upload team: Nightvision and Stripes.