Una demo tiene que enseñar el producto en acción

Nuestro planificador, el modelo que convierte un sitio en escenas, tenía una tendencia natural. La portada es la página más rica de casi cualquier sitio, así que construía allí la mayoría de las escenas. Para una promo puede funcionar. Para una demo o un tutorial no, porque quien mira quiere ver el producto haciendo su trabajo.

Lo vimos con más claridad en nuestro propio producto. La portada de pagetovid.com incluye un vídeo de muestra y una galería de vídeos, así que una demo de PageToVid grababa sobre todo vídeo dentro de vídeo. Nuestro juez automático de calidad le daba unos 45 sobre 100, y tenía razón: el vídeo estaba recargado y no explicaba nada.

Nuestro primer intento fue un consejo: dar preferencia a las páginas útiles de la aplicación. El siguiente render seguía dedicando tres o cuatro escenas a la portada. Un consejo pierde cuando la opción fácil está ahí mismo, así que lo convertimos en reglas que el planificador debe cumplir en modo demo y tutorial:

• como mucho una escena de la portada, y solo como plano de apertura
• todas las demás escenas de pantalla salen de la propia app: crear, panel, editor, resultados
• si se acaban las páginas de la app, el vídeo usa una animación, nunca un segundo plano de la portada
• cada escena usa la dirección exacta de una página, nunca la raíz del sitio

El recorrido es concreto: llegar a la app, hacer la acción clave, enseñar el resultado. Una regla firme con un plan B gana a cualquier consejo amable.

El segundo problema era el tamaño. Las escenas de pantalla mostraban la página entera, con un texto demasiado pequeño para leerlo, sobre todo en un vídeo vertical en el móvil. Ahora cada escena encuadrada en una sección se acerca a la zona exacta de la que habla la narración.

El grabador desplaza esa sección hasta la vista, la mantiene quieta y anota su contorno. El movimiento de cámara ocurre después en el motor de vídeo, que separa la grabación de la dirección. Un botón pequeño recibe un acercamiento fuerte, una sección entera uno suave, y los dos se quedan dentro de la página. El zoom entra con suavidad y luego se detiene, para que el texto nunca parpadee, y se ve nítido porque la pantalla se captura al triple de su densidad normal.

Ahora el planificador indica, en cada escena de pantalla, la sección o el elemento del que se habla. Un plano de página completa sin esa indicación cuenta como un error.

Muchos productos viven detrás de un inicio de sesión, y un vídeo de un formulario de acceso no es una demo. Nuestra respuesta es una pequeña extensión de navegador, el Bridge. Ya funcionaba, pero solo para quien supiera cargarla desde nuestro código fuente. El 3 de julio pasó a ser una descarga en nuestra página de la extensión, apuntando a pagetovid.com desde el primer momento.

La persona dueña de la cuenta inicia sesión como siempre en su propio navegador, y la extensión pasa esa sesión a nuestro grabador. El grabador abre entonces cada página de ese sitio con la sesión iniciada, así que un tutorial puede enseñar el panel real y el editor real. Con una sesión, el planificador debe destacar esas pantallas internas y nunca una página de acceso.

Sin sesión pasa lo contrario: el vídeo debe quedarse en las páginas públicas. Lo convertimos en una garantía con tres protecciones:

• el lector de páginas nunca propone rutas de acceso, registro, cuenta o panel como páginas para grabar
• durante la grabación, si una página muestra un campo de contraseña o una simple tarjeta de acceso, el grabador pasa a la página principal del sitio y a otra sección
• el planificador debe destacar solo páginas públicas

Ese mismo día, los subtítulos ganaron un fondo oscuro suave detrás de cada frase y las etiquetas de cifras empezaron a usar el color de tinta del tema, para que el texto se lea bien tanto en sitios claros como oscuros.

Una demo empieza ahora con un único plano de apertura y luego entra en el producto: el formulario de creación, el editor, el resultado. El texto en pantalla se lee porque la cámara va a buscarlo. Y cuando un producto está detrás de un inicio de sesión, el vídeo puede enseñar su interior, siempre que la persona dueña de la cuenta abra la puerta.

El principio cabe en una línea: una demo enseña el producto funcionando. Mira cómo usan los equipos los vídeos de demo y los tutoriales en la página de casos de uso, o pruébalo con tu propia app.