Tu web sigue siendo la estrella de su propio vídeo

Un vídeo de PageToVid se construye con dos tipos de escena. Unas son grabaciones de pantalla: un navegador real en la página real, que se desplaza, señala y hace clic. Otras son gráficos animados: una gran cifra, una línea de tiempo, un rótulo, una cita. Un buen vídeo los mezcla, igual que un buen documental mezcla imágenes y rótulos.

Hay un detalle de diseño importante. Una escena con un gráfico sustituye por completo a su grabación. No grabamos una página que nadie verá, y así los vídeos se hacen rápido.

Por eso el equilibrio entre ambas se decide al planificar. Si el planificador elige un gráfico para cada escena, el navegador no graba nada, y un vídeo sobre tu web podría mostrar muy poco de ella.

Hace unas semanas pedimos al planificador más variedad visual, porque los primeros vídeos resultaban monótonos: página, página, página. La regla de variedad pedía formas ricas en todo el vídeo, y los vídeos ganaron vida.

El planificador se tomó la petición muy en serio. Empujado hacia gráficos más ricos sin límite, podía alejarse cada vez más de la página, aunque cada escena por sí sola pareciera una buena elección. Vimos un anuncio de siete escenas planificado casi entero en gráficos y supimos que la regla necesitaba un contrapeso.

Es algo que los modelos de lenguaje nos recuerdan a menudo: una preferencia sin límite crece hasta ocuparlo todo. Si le dices a un planificador qué preferir, dile también qué no debe abandonar nunca.

No queríamos que esto dependiera de una sola frase en un prompt, así que el mínimo vive en tres lugares.

1. 1Las instrucciones del planificador. En anuncios, explicaciones, demos y tutoriales, al menos la mitad de las escenas deben ser grabaciones puras, y una de las dos primeras debe serlo, para que la web aparezca pronto. La regla de variedad se aplica ahora solo a las escenas gráficas: al menos dos formas ricas entre ellas y como mucho un rótulo de afirmación simple.
2. 2El control. El paso que ya revisaba la variedad de cada plan comprueba también el mínimo, pide una nueva versión si no se cumple y prefiere la que lo respeta.
3. 3Una garantía final. Después del modelo, un pequeño fragmento de código sencillo, ensureScreencastScenes, vuelve a contar. Si aún no se cumple el mínimo, convierte gráficos en grabaciones hasta que se cumpla.

Los vídeos de artículos son la excepción. Una página de artículo es casi todo texto, así que siguen siendo gráficos primero, por diseño.

Una garantía que quitara la escena equivocada cambiaría un vídeo flojo por otro, así que el orden importa. El código trabaja desde el centro del vídeo hacia los extremos. Los rótulos de afirmación simples se van primero, porque son el gráfico menos informativo y el más parecido a una diapositiva. El gancho inicial y la llamada a la acción final aguantan más, porque ahí es donde un rótulo diseñado suele ganarse su sitio.

Cuando un gráfico cede, la escena pasa a ser una grabación de la página con la misma narración. La voz sigue diciendo lo mismo; la imagen muestra ahora tu web diciéndolo.

En la misma versión afinamos también un control de color. Las palabras con colores de marca se juzgan ahora por el punto más oscuro o más pálido de su degradado, no por su media, así que una marca en blanco y negro mantiene cada palabra legible.

Probamos la regla en real: los planes de anuncio, explicación, demo y tutorial mantuvieron al menos la mitad de sus escenas con imágenes reales, con gráficos igual de variados. La garantía final tiene su propia prueba, que se ejecuta sin ningún modelo, así que no puede desviarse cuando se ajusta un prompt.

Para ti, el resultado es un vídeo que se siente tuyo desde los primeros segundos:

• tus páginas reales en al menos la mitad de las escenas,
• una de ellas en las dos primeras escenas,
• gráficos donde aportan algo, no en lugar de tu web.

Mira cómo grabaciones y gráficos comparten un vídeo en la página de funciones, o pega tu dirección en /new y verás a tu web tomar el protagonismo.