UI / UX Creative Direction
INJUSTICE 2

INJUSTICE 2

UI/UX FOR INNOVATIVE TUTORIAL SYSTEM

Nether Realm called on the Ux Magicians to design a system figure out a way to retain players better. Our research and user testing taught us that it’s very hard to learn how to play the game so players walk away because of the difficultly curve.

Our conclusion was that the game needed an innovative and engaging experience to teach players how to be good.

We created the overall designs, tutorial guide, gameplay mechanics and interactive prototype that allowed the Ux Magicians and Nether Realm game team to use xbox, and playstation controllers to test the systems we designed. The result was the first of it’s kind in a combat game that make the game much easier for players to engage with the game helping it to reach the highest -grossing console game in the second quarter of 2017.

Progressive Tutorial

To further improve the ability for players to learn quicker. We created a progressive tutorial system that would guide players through a series of skills to get them going quickly.

Design Process

During our design process we put pencil to paper to work out several different styles of communicating the timing of moves.

Animation Prototype

We start in After Effects to get the animation and timing down before we implement into code.

Interactive Prototype

We developed an interactive prototype in Unity so that the team could play with a controller and we could all test out the effectiveness of the design decisions. Immediately playing the prototype revealed this was a highly effective system for training players on the timing of moves. The result was the Injustice team implemented the new tutorial system into the game and presented it in a huge new update through DLC.