This project was to revamp the clipping interface for the company's flagship product. By interviewing potential customers, we discovered that the original clipping interface was too complex to learn. After some competitor research and user testing, I designed a solution that met the users' needs. Feedback was very positive from customers and this new version of the clipping interface was implemented into the product.
Project Type: Enterprise
Designed for: Desktop
Stakeholders: 1
Product Manager: 1
Director of Engineering: 1
UX Designer: 1 (me)
My role was discovery, concept design, testing, and presenting to stakeholders, engineers, and prospective clients.
I worked directly with the Director of Engineering discussing the requirements, key attributes, and goals of the project. I also interviewed potential customers that were on a product trial to understand any issues when using the clipping interface.
After some research, I designed a solution that met the users' needs. I added new panels at the bottom that visually showed the start and end clip points. Each new panel enabled the user to easily move 1 second or 1 frame, forward or back, in the timeline. I also added a play button to the thumbnails so the user can preview clip, allowing for frame accurate clip creation.
Feedback was very positive from customers. I was on the call with CNN and the head of their social team loved the new direction. He mentioned the mockup was exactly what he was hoping to see and was super excited to show his team. The new version of the clipping interface was eventually implemented into the product.
This project was to revamp the clipping interface for the company's flagship product. By interviewing potential customers, we discovered that the original clipping interface was too complex to learn. After some competitor research and user testing, I designed a solution that met the users' needs. I added new panels at the bottom that visually showed the start and end clip points. Each panel allowed the user to easily move 1 second or 1 frame, forward or back, in the timeline. This allowed for frame accurate clip creation. I also added a play button to preview that portion of the clip. Feedback was very positive from customers and this new version of the clipping interface was implemented into the product.
February 2020
by Joel Gabiola
UX/UI, Interface