Get the latest tech news

Designing a Timeline for Mobile Video Editing


When we brought our desktop-class video editing capabilities to iOS, we learned some interesting lessons along the way. In this article, we’ll share the key user experience learnings from our design and development process.

Timelines map time to space Modern iOS user interfaces appear flipped in right-to-left languages: the buttons and controls are in different horizontal positions. Even the familiar drill-down navigation animates to the left when drilling deeper into the hierarchy, and the Back button sits in the upper right corner, its chevron pointing to the right. To make this difference visible, clips with a finite footage duration reveal a ghost outline in the background while they are resized, featuring marching ants.

Get the Android app

Or read this on Hacker News

Read more on:

Photo of timeline

timeline

Photo of mobile video editing

mobile video editing

Related news:

News photo

How the ransomware attack at Change Healthcare went down: A timeline

News photo

Tesla’s Dojo, a timeline

News photo

Cold comfort to teachers who got paid late, but ERP software rollout had 'unrealistic' timeline