One of the main challenges we faced when creating ScaleTracks was how to make a user interface (UI) that was both eye-catching yet simple to use - both neutral and timeless.
Through a process of trial and error and experimentation with various visual elements, we finally settled on a design and menu system which is clear, punchy and engaging, but also incredibly easy to navigate.
During the initial stages of the app design, we had several ideas regarding what should be the main focus of the main hub of the app. In our zeal however, we overcomplicated the UI to the point where the visual elements were too numerous. For a while, we were convinced that a spinning wheel would be a good idea for the tempo control. Whilst this would have brought additional movement to the screen, it distracted the user away from the main content of the app: the scrolling score. It soon became clear to us that screen real-estate was extremely precious and we would have very little room for other controls if we were to include items such as wheels. We went back to the drawing board and through a constant process of refinement and simplification, we stripped the user interface to its core parts, much in the same way a mechanic might do when restoring a classic car.
In the end, we decided that it would be great to incorporate the lines of fire into the app, as we felt that this tied in nicely to the app strapline ‘Set your practice on fire’. With the fire line running across the top of the screen, it helped give a solidity to the UI and a live and exciting look and feel to the design.
The track selection menu is remarkably simple to use and it is extremely easy to find the track you are looking for. This was a huge challenge considering there are around 1200 individually arranged backing tracks inside ScaleTracks!
Our next big release will be for the iPhone, which we are very excited about. We have refined the UI to ensure that the overall experience of using ScaleTracks on the iPhone is just as easy to use and enjoyable as it is on the iPad.
Some of the early iterations of the user interface design