USER EXPERIENCE
VIDEOLEAP LAYERS CONCEPTS
Company:
Lightricks
Product:
Videoleap mobile video editor
Year:
2017
My Roles:
Interaction Design, Prototyping
Introduction:
​
One of the challenges of creating a video editing app for mobile devices is figuring out what level of complexity and accuracy potential users would aspire to in their projects, and providing the necessary UI controls to achieve these goals on a small phone form factor.
Interviews with potential users showed a variety of levels of usage, so different approaches were tested. These are several prototypes made specifically with the advanced users in mind, aiming to facilitate a large number of layered objects, while providing as much information as possible.
Contextual Approach:
​
In this approach, footage elements are shown flattened on a single timeline and an element can be tapped in order to access its own options and controls.
But, when trying to move footage, or adjust its length, all elements will spread out vertically. This shows the user the relationship between elements, where each of them starts and ends and which is higher up on the layers list.
Picker:
​
This alternative takes the basic idea of scrolling vertically to access all layers, but assumes the user is typically focusing on one layer at a time when editing.
It uses the idea of a typical OS picker component, so a large number of layers can be scrolled through easily, and the “further” you go from the focused layer, the less space the other layers take up on screen.
"Subway":
​
The idea was to have layers take up the minimum space possible, so as many of them can be seen at the same time, while still providing information on the relation between one layer to the next.