Los vídeos de nuestra portada, hechos por el producto
· 4 min de lectura
Los vídeos de nuestra página de inicio son lo primero que mucha gente ve de PageToVid. El 18 de septiembre decidimos que debían hacerse exactamente como un cliente hace un vídeo: con el producto, sin retoques a mano. Cada mejora necesaria fue directa al producto, y el día en que todo estuvo listo lo llamamos versión 1.0.
La mejor prueba es tu propia portada
No hay cliente más exigente que uno mismo. Sacamos fotogramas de los cuatro vídeos de portada, uno por idioma, y los juzgamos con ojos de desconocido. Se habían hecho con una versión anterior del producto, y se notaba: una insignia del plan gratuito en una esquina, afirmaciones que nadie podía comprobar y una tarjeta inicial que decía una cosa mientras la voz decía otra.
Así que rehicimos los cuatro con PageToVid, usando solo las herramientas que tiene cualquier cliente. Lo que nos estorbara a nosotros les estorbaría a ellos, y arreglarlo lo arreglaría para todos.
Cinco momentos, cada uno muestra lo que dice
Los nuevos vídeos comparten la misma estructura en todos los idiomas, y cada momento muestra lo que dice su voz:
- la barra de direcciones, donde se teclea la dirección de una web;
- un foco sobre los pasos del proceso mientras la voz los nombra;
- la galería de vídeos terminados, cuando la voz cuenta de dónde salieron;
- una cuadrícula dibujada de los tres formatos, horizontal, cuadrado y vertical;
- una única indicación final, clara.
Hicieron falta tres tomas en inglés y dos en los demás idiomas. En las tomas aparecieron las lecciones de verdad, y cada una se convirtió en un cambio del producto. El nuevo montaje también pesa menos que el anterior, así que la portada carga más rápido además de contar mejor.
Cada plano apunta a lo que nombra
Apuntar los planos con nuestras propias herramientas de asistente sacó a la luz la lección más importante de la semana. El grabador da a cada elemento de una página un selector, una dirección precisa para la cámara. En una página cargada, dos secciones distintas podían acabar con la misma dirección, así que un plano pensado para una podía grabar la otra.
Ahora los selectores se comprueban en la página real y se afinan hasta que cada uno señala exactamente el elemento del que salió: 29 en nuestra portada, todos uno a uno. Un selector escrito a mano que coincide con varios elementos se avisa en lugar de aceptarse en silencio.
El planificador también aprendió algo. Un vídeo que te dice que pulses un botón debería mostrar a alguien pulsándolo. Cuando una página ofrece una llamada a la acción y un campo que rellenar, el vídeo incluye ahora un clic y algo de escritura.
Una cámara que se mueve, un puntero que pulsa
Los pequeños detalles deciden si un screencast parece vivo. Tres cambiaron la sensación de cada vídeo:
- Los planos de sección hacen zoom. Las secciones anchas son a lo que más apuntan los vídeos, y la cámara les da ahora un suave acercamiento en vez de quedarse quieta.
- El sujeto deja libre el subtítulo. El elemento del que habla la voz se coloca por encima de la franja de subtítulos siempre que cabe.
- El puntero pulsa. Al hacer clic, la flecha se hunde 90 milisegundos alrededor de su punta, lo bastante rápido para leerse como una pulsación y lo bastante lento para sobrevivir a la captura.
El texto de las tarjetas tampoco se corta ya a mitad de palabra. Cada campo se acorta al final de una palabra y añade puntos suspensivos, mientras que números, unidades y precios conservan sus caracteres exactos.
Que un asistente vea la cámara
Muchos de estos detalles eran invisibles desde el storyboard, así que hicimos legible la cámara. Cada escena grabada informa ahora de su plano: la acción, el elemento y el texto tecleado, si lo hay. Una escena se puede apuntar en el momento de crearla, y una edición que convertiría dos escenas en el mismo plano se rechaza por su nombre, con lo que conviene hacer en su lugar.
La revisión de calidad del vídeo también ganó utilidad. Ahora puntúa los mismos fotogramas que el proceso cortó para cada escena, ve cada etiqueta junto a su imagen y sabe que el texto grande sincronizado de abajo es el subtítulo. Los asistentes pueden leer la nota y sus comentarios de cada vídeo, y la herramienta aclara que es una pista, no un veredicto. Con el mismo storyboard, la nota pasó de 40 antes de este trabajo a 85 después.
Por qué la llamamos 1.0
El 18 de septiembre, los cuatro vídeos de portada y el que se muestra al compartir un enlace pasaron a la nueva serie. Se comprobó que cada archivo era accesible antes de que la web apuntara a él, y su duración se midió sobre el propio archivo nuevo.
La versión 1.0 no es una lista de funciones. Es la primera vez que nuestros propios vídeos de presentación salieron del producto, como los haría un cliente, y aguantaron fotograma a fotograma. También convertimos las lecciones de la semana en una comprobación que lee un vídeo terminado a través de la API pública, como lo haría un revisor externo.
Puedes hacer un vídeo de la misma forma desde la página de creación, y ver cómo se hace un vídeo en la página de funciones.
Míralo en tu propia web
Pega una página y obtén el vídeo narrado del que habla este blog. El primero es gratis.
Sigue leyendo
