Qué es un screencast: grabación de pantalla, vídeo de capturas y screencast automático

Se usan como sinónimos, pero describen cosas distintas, y la diferencia decide lo que ve tu público.

En una miniatura, un vídeo de capturas parece un screencast. Pero en él nunca ves un campo rellenándose ni un resultado apareciendo, y eso suele ser lo importante.

A mano. Abres OBS Studio, QuickTime o Loom, ensayas los clics, grabas y después recortas y añades la voz. Puedes grabar cualquier cosa de tu ordenador: una aplicación nativa, una terminal, una herramienta interna con inicio de sesión único. El plan gratuito Starter de Loom permite hasta 25 vídeos por persona, de 5 minutos cada uno, a 720p como máximo (los detalles con fuente están en Loom frente a PageToVid). El coste es tu tiempo, y cada rediseño obliga a grabar de nuevo.

De forma automática. Das una URL. Un navegador en la nube abre la página, se desplaza, señala, hace clic y escribe en la web real, y lo graba. Se escribe un guion a partir de la página, se pone en voz y se subtitula. Nadie se sienta delante de una pantalla: no hay tomas falsas, y cuando la página cambia la vuelves a filmar desde la misma URL.

La comparación escena por escena está en screencast automático o manual, y la comparación herramienta por herramienta en PageToVid frente a los grabadores de pantalla.

Esto es lo que pasa cuando una escena es una grabación, sacado del propio código del grabador.

• Un navegador real, escena a escena. Cada escena se filma en su propia sesión de Chromium sobre la página publicada, desde una carga limpia.
• Una ventana pensada para leer. Un vídeo 16:9 graba una ventana de 1280 píxeles de ancho y la escala a un vídeo de 1920×1080. A ancho completo, el texto ocupaba en torno al 1,3 % de la altura del encuadre, ilegible en un móvil; a 1280 píxeles llega a cerca del 1,9 %.
• Capturas de alta densidad para los acercamientos. La página también se captura al doble de su densidad de píxeles (2560 píxeles de ancho en escritorio), así que un acercamiento a un precio o a un botón se ve nítido.
• Un desplazamiento tranquilo. Unas 0,28 pantallas por segundo en escritorio y 0,11 en móvil, a ritmo constante, para que una escena corta no vaya acelerada.
• Un puntero solo cuando aporta algo. Un navegador sin interfaz no dibuja cursor, así que lo dibujamos nosotros, solo en clics, al pasar por encima y al escribir.
• Pulsaciones de teclado reales. Un carácter tras otro, con una pausa breve después de cada espacio, y el grabador nunca pulsa Intro ni Tab, de modo que no puede enviar nada en tu web.
• La versión móvil para el 9:16. Un vídeo vertical se graba en una ventana de móvil de 414 píxeles, con la identidad de un navegador de teléfono: obtienes la versión móvil real de tu web (mira la relación de aspecto).

La otra regla es cuánto del vídeo tiene que ser la web. Un gráfico animado sustituye a una grabación, así que hay un mínimo: en un vídeo 16:9, al menos la mitad de las escenas, redondeando hacia arriba, son grabaciones puras, y una de ellas está entre las dos primeras. En 9:16 es una de cada cuatro (nunca menos de dos a partir de cuatro escenas), y cada una debe filmar un objetivo, un clic, una búsqueda escrita o un elemento resaltado, nunca un simple desplazamiento.

Hicimos este vídeo a partir de my-form.mrmadhukar.in, una herramienta que convierte formularios estáticos en conversaciones. Dura 61 segundos en 16:9, con 94 palabras en inglés dichas en una sola toma de voz continua.

Empieza con un rótulo de título y una frase corta, «Double your completion rates», bajo la pregunta «Losing half your form respondents to static, boring forms?». Después la cámara pasa a la web real: la cabecera, donde la animación propia de la página va cambiando mensajes como «I want to build a SaaS questionnaire that feels like a chat». Baja a la sección «Forms that talk back», vuelve a la cabecera para un acercamiento cerrado y se detiene en la tabla de funciones mientras la voz dice «Qualify leads automatically». Dos momentos se convierten en gráficos animados: una opinión de cliente en una tarjeta y un contador que sube hasta una tasa de finalización media del 92 %. La última escena filmada es el formulario de registro.

Lo que enseña: el movimiento de la propia web sostiene el vídeo. El mensaje que cambia solo convence más que cualquier frase sobre él, y existe solo porque la página se filmó en directo y no como imagen fija. La mayoría de las escenas son grabaciones, muy por encima del mínimo.

Lo que cambiaríamos por nuestra parte: la cabecera aparece tres veces porque la página de inicio ofrece pocos objetivos más. Filmar una segunda URL, por ejemplo un formulario de demostración, permitiría enseñar un formulario respondiendo de verdad a alguien.

El orden importa más que cualquier ajuste.

Por qué las palabras marcan la duración: la narración es la duración. El primer vídeo de cada web es gratis, con una pequeña marca; un vídeo screencast suelto, sin suscripción, cuesta 3,90 $, y los planes están en precios. Para una serie de tutoriales, mira vídeos tutoriales.

• Filmar toda la página de arriba abajo. Un desplazamiento sin objetivo es una web que pasa.
• Un puntero que vaga en cada plano. Tapa lo que el plano quiere enseñar.
• Texto de escritorio a tamaño de escritorio. Grabado a ancho completo, el texto no se lee en un móvil. Graba más estrecho o acércate.
• Dar por hecho que hay sonido. Mucha gente empieza en silencio: incrusta los subtítulos.
• Grabar una vez y para siempre. El primer rediseño lo deja desfasado. Cuenta con volver a filmar.