Ir al contenido principal

Screencast automático o manual: qué cambia en la imagen

Por Gauthier Bros, fundador de PageToVidActualizado el 7 min de lectura

Un screencast automático es la grabación de una página web hecha por un programa en lugar de una persona: un navegador abre la página, se desplaza, hace clic y escribe siguiendo un plan, y cada movimiento va sincronizado con una voz escrita para él. Un screencast manual eres tú, tu ratón y tu ritmo; puede grabar cualquier cosa de tu pantalla, pero cada toma, cada error y cada actualización te cuestan otra sesión.

Esta guía es para quien lleva en soporte o producto una docena de clips cortos en un centro de ayuda y se pregunta si seguir grabándolos a mano. Nosotros fabricamos el primer tipo, así que te contamos qué pasa dentro y dónde sigue perdiendo.

ColRecarga: un vídeo 16:9 de 48 segundos de una web colombiana de recargas de móvil, hecho desde colrecarga.com. La web está en español y la narración en inglés; la cámara graba la cabecera animada, el formulario del número y el cursor que llega a «Continuar».

Hecho a partir de colrecarga.com con PageToVid y publicado por su autor. Verlo en su página → · Ver todos los vídeos públicos →

Qué pasa dentro de un screencast automático

«Automático» esconde seis tareas distintas. Este es el orden en que las ejecuta nuestro sistema cuando pegas una URL.

  1. Leer la página

    Se carga la página y se leen sus textos, títulos, imágenes y elementos interactivos. Las verificaciones antirrobots y los muros de inicio de sesión se detectan aquí y detienen el vídeo sin coste para ti: sus créditos se devuelven enteros.

  2. Clasificar lo que merece grabarse

    Un buscador, una tabla, una tabla de precios, un formulario o un listado de productos van antes que un eslogan. Se convierten en los sujetos de los planos.

  3. Escribir el plan

    Un guion gráfico une cada frase del guion con un plano: qué elemento y qué acción (desplazarse hasta él, señalarlo, hacer clic o escribir una búsqueda real).

  4. Dejar que la voz marque el tiempo

    La narración es una sola toma continua. Los tiempos de sus palabras deciden cuándo empieza cada escena y cada plano: la cámara llega al precio cuando la voz dice el precio.

  5. Grabar en un navegador real

    Un navegador en la nube reproduce el plan, capturado con densidad retina y exportado a 1080p, en un perfil limpio: sin barra de marcadores, sin notificaciones, sin otras pestañas.

  6. Montar

    Los planos se cortan al inicio de las palabras, escenas animadas cubren lo que una página no puede enseñar, los subtítulos salen de la voz y se obtiene un MP4, una miniatura y un archivo WebVTT.

Un screencast manual también hace estas seis tareas, solo que la persona las lleva en la cabeza, en tiempo real, y repite la toma cuando algo falla. El paso 5 se explica a fondo en captura de pantalla retina.

Manual o automático, fotograma a fotograma

Pon un clip hecho a mano junto a uno generado: estas son las diferencias que un espectador nota de verdad.

Dónde se distinguen en pantalla un screencast automático y uno manual
Screencast manualScreencast automático

Cursor

Busca, duda, se pasa

Va directo al elemento del plan

Ritmo

El de tu forma de hablar ese día

El de la pista de voz; los planos empiezan con las palabras

Errores

Repetir tomas o cortar

Ninguno que arreglar, pero un plano puede encuadrar el elemento equivocado: lo reencuadras

Nitidez

Según tu pantalla y tu exportación

Captura retina, exportación a 1080p

Lo que se cuela

Notificaciones, marcadores, otras pestañas

Un navegador limpio

Idioma de la interfaz

El de tu navegador

La página tal como la sirve el sitio; un vídeo traducido vuelve a grabar las páginas localizadas si existen

Duración

Sin límite

De 15 a 180 segundos

Qué graba

Todo lo que hay en tu ordenador

Solo páginas web

Nada de la columna izquierda es un defecto si el clip responde rápido a un compañero. Lo es cuando lo ven desconocidos durante un año.

El vídeo de ColRecarga: una web en español, grabada sola

ColRecarga es una web colombiana para recargar cualquier móvil desde casa, sin registrarse. Hicimos su vídeo de 48 segundos desde colrecarga.com, en 16:9, con unas 90 palabras. La web está en español; el vídeo se pidió en inglés, así que la voz y los subtítulos van en inglés sobre una interfaz en español.

Empieza con una tarjeta de título, «Recharge Any Cell Phone From Home», y sigue la cabecera real, «Recarga cualquier celular sin salir de casa», donde el nombre del operador cambia dentro de una etiqueta mientras la cámara mira: Movistar, Tigo, WOM, Virgin, ETB. Es la página en directo animándose, grabada tal como la ve un visitante, bajo la pregunta «Tired of waiting 15 minutes just to top up your phone?». La cámara baja al primer paso del formulario, «¿A qué número vas a recargar?», con su campo de número y su botón «Continuar», vuelve a la cabecera y a sus dos avisos de estado (entrega en 5 a 15 minutos, atención hasta las 8 p. m.) con la frase que invita a escribir el número, y regresa al formulario al final, donde el cursor llega a «Continuar». En medio, dos tarjetas de texto cuentan la elección del paquete, el pago y el plazo de entrega. Cierra con «Get started today». Es un vídeo gratuito, por eso lleva la pequeña marca de agua.

Dos lecciones para tus clips. La primera: dónde se acaban las imágenes. La toma automática graba la página pública hasta el primer campo; no escribe un número real ni paga, así que los pasos siguientes se cuentan con tarjetas. Si tu público necesita ver la lista de paquetes y la pantalla de pago, graba esas pantallas a mano con un número de prueba. La segunda, el idioma: el navegador graba la página tal como la sirve el sitio. Si tu público lee inglés y tu web tiene versión inglesa, apunta a esa URL; si quieres un vídeo por idioma, una traducción vuelve a locutar el vídeo y graba las páginas localizadas cuando existen.

Lo que cuesta mantener al día una docena de clips

En lo manual, lo caro no es la primera grabación. Es la décima actualización.

Un ejemplo: un centro de ayuda con doce clips de 30 a 60 segundos y una interfaz que cambia de forma visible cada trimestre, afectando a la mitad.

  • Manual: seis clips que volver a grabar cada trimestre. Cada uno supone reabrir el guion, grabar hasta tener una toma limpia, rehacer la voz si cambió una palabra, volver a montar y a subir. Veinticuatro sesiones al año.
  • Automático: seis renderizados por trimestre desde los mismos guiones gráficos, 40 créditos cada uno, unos 10 minutos cada uno, sin vigilancia. Si un botón se movió y un plano encuadra lo que no debe, reencuadras ese plano y vuelves a renderizar. El reajuste solo de subtítulos es gratis una vez por renderizado de pago.

El primer vídeo gratuito de cualquier web te deja probar un clip antes de decidir; el plan Creator a 19 $ al mes cubre unos 25 vídeos. Todos los planes están en precios. Para un centro de ayuda, mira el caso de uso de vídeos de ayuda y soporte, y para cambiar una escena sin rehacer el resto, arreglar un vídeo sin rehacerlo.

Controles de calidad, en los dos casos

Lo hagas como lo hagas, revisa esto antes de publicar:

  • El sujeto aparece como tarde en la tercera escena. Un clip que se queda en un titular la mitad del tiempo es un eslogan.
  • Cada cifra en pantalla sale de la página. No un ejemplo presentado como media.
  • Una idea por escena. Dos ideas en un plano es la causa más habitual de que un clip parezca atropellado.
  • Velo una vez sin sonido. Los subtítulos solos deben contar la historia.
  • Ningún dato privado. En manual, cierra correo y chat. En automático tras un inicio de sesión, usa una cuenta de demostración.
  • La relación de aspecto adecuada. 16:9 para una interfaz de escritorio; el 9:16 graba la versión móvil, así que pídelo solo si tu web móvil merece enseñarse.

Para comparar los dos como herramientas y no como imagen, lee PageToVid o grabador de pantalla; para el vocabulario, qué es un screencast; y para todas las herramientas comparadas, las comparativas.

Cuándo no

Cuándo es mejor un screencast manual

Tutoriales largos. Diez o veinte minutos con pausas, capítulos y una persona explicando: grábalo a mano. Un vídeo automático se detiene en 180 segundos.

Todo lo que no esté en un navegador. Programas de escritorio, apps móviles nativas, un terminal, un entorno local sin publicar.

Explorar en directo. Un recorrido en el que reaccionas a lo que encuentras, respondes una pregunta sobre la marcha o enseñas un error cuando ocurre necesita a alguien a los mandos.

Gestos precisos. Dibujar en una herramienta de diseño o arrastrar por una línea de tiempo es más fácil de hacer que de planificar.

Convierte tu sitio web en un vídeo — gratis

Pega la página que quieres filmar. PageToVid escribe el guion, graba el sitio real, pone la voz y entrega el MP4.

Primer vídeo gratis · sin tarjeta · listo en minutos

Preguntas frecuentes

¿Un screencast automático muestra de verdad la web?

Sí. Un navegador real carga la página en directo y la graba; no hay nada simulado. Entre planos se añaden escenas animadas para lo que una página no puede enseñar, y se ven claramente como gráficos.

¿Puedo decidir dónde hace clic la grabación automática?

Sí. Cada escena del guion gráfico indica el elemento que graba y la acción: desplazarse, señalar, hacer clic o escribir una búsqueda. Puedes cambiar el elemento o el texto y volver a renderizar.

¿Saldrán mis notificaciones o marcadores en un screencast automático?

No. Se graba en un navegador limpio en la nube, no en tu ordenador. Para páginas tras un inicio de sesión, la sesión de captura usa tu sesión iniciada, así que graba una cuenta de demostración y no una real.

¿Qué nitidez tiene un screencast automático?

La página se captura con densidad retina y se exporta a 1080p, así que el texto pequeño de la interfaz se sigue leyendo, también cuando la cámara se acerca a un elemento.