Supernatural Editor

Overview

The Supernatural Editor allows level editors ("mappers") to create beatmaps to songs for Supernatural workouts. I was the only designer working on the Editor, jumping on board after engineering had built the first working iteration.

 

Hero-Art

Skills

  • User Experience
  • User Interface
  • System Design

Existing Interface

This is the existing interface that I inherited from engineering as they built this to get a level editor off the ground. It functioned, but was hard to teach to the folks we were hiring to make maps, especially those who were also new to VR.

Screen-Shot-2020-09-02-at-11.00.43-PM
Screen-Shot-2020-09-02-at-11.00.38-PM
Screen-Shot-2020-09-02-at-11.00.26-PM
Screen-Shot-2020-09-02-at-11.00.52-PM
Screen-Shot-2020-09-02-at-11.00.30-PM
Screen-Shot-2020-09-02-at-11.01.07-PM
Screen-Shot-2020-09-02-at-11.01.17-PM
Screen-Shot-2020-09-02-at-11.01.00-PM

Adding Functionality

My main work on the Editor has been to add needed functionality on top of the existing structure of the Editor that was created by engineering.

snippets
bookmark-naming
paste-merge
Save-Load-Flow
lunge-lane-tracking
Target-Budget
addingsongs

Proposed UX Overhaul

This is a more long-term view of the Editor that has not been implemented yet, due to adding key features being more of a priority in the short term.

This UX overhaul started by sorting different functions of the editor into similar groups, then putting functions that are less used out into the environment, while leaving only the most used functions attached to the user's controllers.

Base-Layout
Specific-Map-Settings
Entire-Grid
Individual-notes

Visual Style Guide

This was a quick reskin of the interface in order to make it more legible and readable for new users. Additions, such as labels for menu items, allow for our users to pick up controls quicker.

Style-Guide
Controller-Menu
Supernatural-Editor-In-Headset-Personal-Snippets

Colophon

Designed by me. Made using Semplice and custom code by me. Font used is Aileron by dot colon. Elen síla lúmenn’ omentielvo.