La semana pasada, Shutterstock compartió un editor de video liviano en el navegador llamado Sequence. Lo que no compartimos fue el proceso de llevar a Sequence de un concepto a un producto en vivo.
Originalmente creamos Sequence para un hackathon de la empresa, uno de esos eventos en los que te quedas despierto toda la noche donde puedes trabajar en lo que quieras. Ese "nosotros" es Dave Kozma, líder técnico del equipo de material de archivo de Shutterstock, y Erin McCue, diseñadora de experiencia de usuario de material de archivo. También trabajamos con Katie Dreier, investigadora de Shutterstock en ese momento, y Tom Spota, nuestro director de adquisición de material de archivo.
Concepción
Un par de semanas antes del hackathon, Dave comenzó a plantarnos la idea de un editor de video en el navegador. Algunos navegadores web admiten trabajar con archivos externos sin cargarlos, y podríamos vincular esos archivos externos con la enorme colección de Shutterstock.
Hablamos con los clientes con frecuencia, por lo que sabíamos que, en su flujo de trabajo, la mayoría de ellos mezclan su propio video con clips de Shutterstock. También sabíamos que el proceso de probar clips juntos podría ser más fácil. Los clientes buscaban opciones en Shutterstock, dedicaban tiempo a descargar una versión gratuita con marca de agua de cada clip que les gustaba y luego decidían cuál les gustaba más conectándolos a su archivo de trabajo uno a la vez.
Prototipo
Comenzamos haciendo una lista de lo que queríamos que hiciera la herramienta y apuntando en la pizarra algunas ideas básicas sobre cómo funcionaría. A partir de ahí, Dave configuró las funciones básicas que habíamos planeado, mientras que Katie y yo trabajábamos en algunos de los primeros diseños de interfaz. Tom fue genial dándonos consejos y ofreciendo una perspectiva sobre cómo funcionan los editores tradicionales, lo que nos ayudó a decidir dónde simplificar. Hicimos una demostración del concepto al día siguiente con un video que habíamos hecho y terminamos ganando el premio general en el hackatón (!). Todos estábamos exhaustos después de una noche de insomnio, pero creo recordar algunos tragos de celebración.
Uno de los premios fue algo de tiempo fuera de nuestro trabajo normal para pulir Sequence lo suficiente como para compartirlo públicamente. Trabajé en la integración de muchas otras funciones que queríamos agregar e hice un poco de diseño visual, mientras que Dave codificó tanto la parte delantera como la trasera en un tiempo récord. Fue entonces cuando se involucró Vivek, el propietario del producto del equipo de material de archivo. Vivek estaba realmente entusiasmado con lo que esto podría significar para los clientes de video y nos ayudó a priorizar cuál de nuestras muchas ideas perseguir.
Iteración
Compartimos la herramienta internamente y siempre recibimos la misma pregunta:"¿Cómo comparto mi trabajo?" Sabíamos que muchos de nuestros clientes de video trabajan en equipos y quieren (o necesitan) compartir sus demostraciones con esos equipos antes de comprometerse a comprar un clip. También sabíamos que había miembros del equipo que no tenían el tiempo o las habilidades para aprender un editor de video tradicional, por lo que queríamos que les resultara lo más fácil posible crear maquetas y compartir sus ideas.
Hicimos algunas pruebas de usabilidad con los clientes para ver cómo lo estábamos haciendo para hacer que esta cosa sea usable y útil. Luego, básicamente nos agachamos para arreglar muchas cosas. (Aquí es donde entraría el montaje de trabajo épico si se tratara de una película de los años 80). Dado que también apoyábamos el sitio principal de Shutterstock, esto significaba trabajar donde pudimos aquí y allá en el transcurso de unos meses.
¡Liberar!
Estamos muy emocionados de tener finalmente Sequence disponible para el mundo. También tenemos muchas más ideas, así que estad atentos. Mientras tanto, pruebe Sequence usted mismo en Shutterstock Labs y asegúrese de compartir sus comentarios.