<div style="display: flex; justify-content: center; align-items: center;"><a class="mainbutton" href="https://politessier.webflow.io/project/sifu-replay-editor-ui" style="align:center;" >Access UI Part of Replay Editor</a></div>
When I arrived at Sloclap, the Replay Editor was under works for longer than a year, and most of its features were already built. But it needed thourough care to unify the different creation modes available, and to build a seamless and intuitive workflow for the user.
The main issues to tackle were these :
We conducted three in-house playtests under two different formats : two recorded playtests under UX and GD observation, and one background playtest with a Google Form to fill.
The issues that transpired were mostly related to the player's understanding of the tool's flow, quantity of information in a single display, and making sure that navigation is as intuitive as possible.
Based on the findings of these playtests, we reworked the flow in order to make the three different modes feel easily distinguishable from each other, and so that the player would associate certain actions with each mode.
Preview Mode, Timeline Mode, Free Camera Mode. The player needs to be able to recognise each from a glance.
One of the challenges was to be able to fit each action from each state of the tool on the controller, in a consistent and intuitive way. I worked on fitting similar options with similar inputs so that the player wouldn't be lost wherever he was in the screens.
<div style="display: flex; justify-content: center; align-items: center;"><a class="mainbutton" href="https://politessier.webflow.io/project/sifu-replay-editor-ui" style="align:center;" >Access UI Part of Replay Editor</a></div>
