Home
Rethinking layers for mobile video editing
Videoleap brought professional-level video editing to mobile, including the ability to build compositions from multiple layers of video, text, audio, and effects.
Traditional editing software handled layers as stacked tracks, a model designed for large desktop screens. I designed a different interaction model for Videoleap, keeping the flexibility of layers while making the timeline compact, direct, and usable on a phone.
The problem
Layers are fundamental to advanced video editing. They let creators combine multiple elements, position them in time, change their stacking order, and edit each one independently.
But the standard solution, a vertical stack of tracks, was built for desktop software. On a phone, every additional track reduced the video preview, added more scrolling, and made complex compositions harder to navigate.
We needed to preserve the control of a professional editor without simply shrinking a desktop timeline onto a mobile screen.
The solution
Instead of showing every layer as a permanent track, I restructured the timeline around the main video and represented additional layers as compact markers above it. The interface could stay visually simple while still giving creators immediate access to every object in the composition.
Selecting a marker expanded that layer into an editable track, where creators could reposition it, adjust its duration, and access its editing controls while the rest of the timeline stayed compact.
Turn layers into markers, not rows
Rather than dedicating a full track to every object, each layer collapsed into a compact marker above the timeline. Its position and width still showed when it appeared and how long it lasted, without sacrificing most of the screen to timeline UI.
Expand only the layer being edited
Selecting a marker expanded that layer into an editable track. Creators could reposition it or adjust its duration directly on the timeline while the other layers remained compact.
Switch between layers with a tap
Each marker also acted as a direct selection control. Creators could move between layers with a single tap, while the editing controls updated to match the selected layer.
An interaction model that lasted beyond Videoleap
The layers mechanism remained at the heart of Videoleap’s editing experience and went on to become a standard interaction pattern across mobile video editors. Videoleap was named Apple’s App of the Year in 2017 and later reached 92M+ downloads and 5M+ monthly active users, with a 4.6 App Store rating.
