QUANTUM BREAK INTERFACE

TitleQUANTUM BREAK INTERFACE
BrandMICROSOFT STUDIOS / REMEDY ENTERTAINMENT
Product/ServiceQUANTUM BREAK XBOX CONSOLE GAME
Category A01. Interface & Navigation (UI)
Entrant GREAT APES Helsinki, FINLAND
Idea Creation GREAT APES Helsinki, FINLAND
Idea Creation 2 REMEDY ENTERTAINMENT Espoo, FINLAND
Production REMEDY ENTERTAINMENT Espoo, FINLAND
Additional Company MICROSOFT STUDIOS Redmond, USA
Credits
Name Company Position
Niko Sipilä Great Apes Creative Director
Constantin Freche Great Apes Lead Designer
Mikko Saario Great Apes Lead Developer
Mikko Uromo Remedy Entertainment Technical Director
Kyle Rowley Remedy Entertainment Lead Designer
Mikael Kasurinen Remedy Entertainment Game Director
Sam Lake Remedy Entertainment Creative Director
Thomas Hudson Remedy Entertainment Lead Designer
Janne Pulkkinen Remedy Entertainment Art Director
Kyle Miller Microsoft Studios UX designer

The Campaign

When we were asked for a proposal on the interface for Quantum Break we looked at vast amounts of sci-fi entertainment as a benchmark. Very quickly it became obvious that nearly all sci-fi entertainment (be it games, movies, websites etc) pretty much follow the same aesthetic of elements in slightly futuristic frames, flickering motion design, monospaced typography and a huge amount of elements to crowd the screens. We decided to approach the project from a different angle. The game aims for somewhat realistic science fiction and is not set far in the future, the interfaces seen in the screens of the gameplay take their inspiration from actual NASA interfaces so they are crude and functional. Also nothing indicates that future interfaces would look like they do in the movies. Our design is minimal and inspired by modernism and complements the visually complex and groundbreaking VFX of the gameplay.

Creative Execution

The general visual concept was set at the original pitch. After this we started to finetune the style. This was mostly a process of taking out elements and getting the menu system don't to it's minimal visual core. We wanted to keep the colour palette very simple so all the images used were monochromatic. We chose a light background for the game menus so there would be a very clear distinction between actual gameplay and the menus. This also helped to keep the typography more readable and allowed negative space to shine. Since the game is about time travel we had to build a chronological timeline that connects different acts within the game to each other and so's the butterfly effect of the players actions. For this we developed "time strings" which are a simple visualisation connecting certain events within the timeline. For the menus we produced a fully working HTML prototype to test the UX on a full HD tv with a Xbox controller. As for the HUD (heads-up-display) our dedication to absolute minimalism proved to be even more challenging. We didn't want the elements to seem at all blurry so eventually the only option was to align all illustrations into a pixel grid for all resolutions. For the more abstract time powers we simplified each of them to a symbol that would be understandable but would take as little screen real estate as possible. The motion design is extremely functional and to an extent similar to the motion design of mobile apps. This was also important due to the extremely visual and hectic nature of the actual gameplay.