No hay nada peor que aspirar a la perfección y sentir que te has quedado corto.
Se siente como si todo ese esfuerzo extra, todos esos pequeños detalles, todo por lo que trabajaste tan duro, fue en vano.
No estoy seguro de que lo hayamos mencionado en la publicación de lanzamiento de nuestro nuevo reproductor, Vulcan, pero Joe (nuestro diseñador principal de productos) y yo hemos estado trabajando en el diseño visual de Vulcan durante más de dos años.
El primer documento de investigación creado para el nuevo jugador data del 13 de enero de 2014. Eso es literalmente una eternidad en Internet y es algo de lo que estamos increíblemente orgullosos.
Nuestro reproductor está incrustado en cientos de millones de páginas web, todas las cuales se ven muy diferentes. Con nuestro reproductor anterior, trabajamos increíblemente duro para crear un reproductor extremadamente mínimo que permitiera que el contenido de video en el reproductor se destaque. De hecho, el nombre en clave original de ese jugador era Matador: el jugador que se quita del camino.
Entonces, con Vulcan, queríamos superar a Matador. Queríamos un diseño aún más minimalista y funcional. Queríamos un look atemporal, que no formara parte definitivamente de ninguna tendencia pasajera.
Estoy extremadamente orgulloso de lo que creamos, particularmente del diseño visual e interactivo del reproductor y todos los pequeños toques microscópicos.
Pero hubo una cosa que ha estado muy, muy mal en Vulcan desde el momento en que lo lanzamos. Es absolutamente repugnante. Es una abominación. Es una gran marca para la belleza de Vulcano. Ese mar es el movimiento brusco de la barra de reproducción. Mira esta basura:
Puedes pensar que estoy siendo hiperbólico, pero tuve una reacción visceral a esa barra de reproducción entrecortada. Me despertaba en la noche con una sensación persistente que no podía quitarme de encima. Algo andaba mal.
“Puedes pensar que estoy siendo hiperbólico, pero tuve una reacción visceral a esa barra de reproducción entrecortada”.
Originalmente, habíamos diseñado (¡y construido!) una barra de reproducción perfectamente fluida, deslizándose sin esfuerzo mientras el video se reproducía ante usted. Pero en las semanas previas al lanzamiento de Vulcan, Chrome presentó un cambio devastador: cuando pasabas el cursor sobre Vulcan, el color del video cambiaba momentáneamente, así:
Nos apresuramos a descubrir qué estaba mal y descubrimos que si desactivábamos la transición suave en la barra de reproducción, el problema del cambio de color desaparecía. Pasamos un día investigando el problema, pero no pudimos encontrar una solución, y con una larga lista de otros cambios que necesitábamos hacer antes del lanzamiento, tomamos la difícil decisión de optar por la barra de reproducción entrecortada para evitar el color. cambio de error Adiós dulces sueños.
Nos aseguramos de grabar las tomas del producto con videos de varios minutos de duración para que el movimiento entrecortado fuera menos evidente. Eso se sintió asqueroso, pero fue lo mejor que pudimos hacer.
Sinceramente, no puedo recordar cuál fue la gota que colmó el vaso, pero un día fue suficiente. Una inmersión profunda en el problema reveló que tener elementos anidados, cada uno con su propia transición CSS, hizo que Chrome cambiara la reproducción de video para usar la decodificación de software momentáneamente mientras se completaban las transiciones.
Si usas un único transición, felizmente decodificará en hardware todo el tiempo. Eso es lo que queríamos. Entonces, la razón por la que se corrigió la transición suave en la barra de reproducción la primera vez fue porque era una transición adicional (la otra era el desvanecimiento rápido y suave de los controles del jugador al pasar el mouse).
No había una solución fácil para este dilema de la transición, pero estábamos convencidos de que había una manera de suavizar las cosas. Después de pasar por muchos callejones sin salida, finalmente llegamos a algo que funcionó.
Usamos un bucle requestAnimationFrame y actualizamos la posición de la barra a 60 fotogramas por segundo. Es increíblemente fluido y preciso, y a través de mucha optimización, no consume muchos recursos.
También empleamos una estrategia similar para interpolar manualmente la barra de búfer (cuánto del video se carga), por lo que también es agradable y fluido. Finalmente, dulce, dulce y suave dicha de playbar:
La mayoría de las empresas y personas aciertan en los detalles fáciles (poco trabajo, alta recompensa), y muy pocas aciertan en los detalles difíciles (mucho trabajo, recompensa desconocida). Encuentro divertido (y frustrante) que los “detalles duros” se vuelvan muy obvios para todos nosotros en retrospectiva. Una vez que alguien dedica tiempo a perfeccionar realmente un detalle y el mercado reacciona bien, todos pretendemos que fue obvio desde el principio.
Soy un firme creyente de que son detalles como una barra de reproducción fluida los que se suman para crear una experiencia general notable. Es un trabajo duro hacer bien todas las pequeñas cosas, por lo que la mayoría de las experiencias no son notables.
“Soy un firme creyente de que son detalles como una barra de reproducción fluida los que se suman para crear una experiencia general extraordinaria”.
Cuando estás en el momento, es fácil disuadirte de dedicar tiempo a perfeccionar algo. El costo de acertar con estos detalles a menudo puede ser muy alto, y la recompensa por hacerlo bien a menudo es difícil o imposible de cuantificar.
Cuando se persigue la perfección como esta, no hay duda de que se desperdicia mucho esfuerzo: tiempo dedicado a detalles que resultan no importar. Pero para crear un producto o una experiencia verdaderamente excelente, debe estar dispuesto y entusiasmado para invertir constantemente tiempo y energía en estos detalles.
Lo que más me gusta de Apple es que se preocupan por las cosas pequeñas. Sirven como un brillante ejemplo de cómo hacer bien cada detalle puede conducir a un tremendo éxito comercial.
Y, por supuesto, nuestra otra motivación no tan secreta detrás de esta solución es que una vez que ves una barra de reproducción sin problemas, no se puede dejar de ver. Ahora estarás plagado de movimientos espasmódicos mientras miras videos en otros reproductores, ¡al igual que yo he sido torturado durante meses por nuestro propio reproductor horrible! Bueno, mi verdadera esperanza es que todos los demás se tomen el tiempo para suavizar sus barras de reproducción.
Mis más sinceras disculpas por haber tenido que mirar esa inquietante barra de reproducción entrecortada durante varios meses mientras resolvíamos este problema.
