Cómo hacer un vídeo tutorial
Un tutorial es el único formato de vídeo donde la precisión importa más que la espectacularidad. Alguien lo está siguiendo; si el paso tres muestra un botón que se movió en la última versión, le habrás arruinado el día. Así es como se crea uno que se mantenga fiel: grabando la interfaz real realizando acciones reales en lugar de describirla sobre una captura de pantalla.
Graba el producto, no lo describas
La diferencia entre un tutorial que funciona y uno que no es si el espectador ve que la acción sucede.
PageToVid graba tu página en un navegador real, y una toma puede realizar una acción antes de ser capturada: hacer clic en un botón, escribir en un campo, pasar el ratón para revelar un menú, o destacar un elemento mientras el resto se atenúa. Así, "luego buscas un cliente" puede ser una toma del cuadro de búsqueda con una consulta real escrita, no un pie de foto sobre una página estática.
Esa es toda la técnica. Cada paso del tutorial se convierte en una escena, cada escena apunta al elemento sobre el que trata ese paso, y la acción se realiza en cámara.
Constrúyelo paso a paso
- Escribe los pasos primero, como una lista numerada. Si no puedes escribirlos, el tutorial no está listo para grabar. Un rango útil es de cinco a ocho pasos.
- Inspecciona la página y anota el selector del elemento que toca cada paso. Los elementos clasificados regresan con selectores ya verificados contra la página tal como se renderizó.
- Un paso por escena. Dos pasos en una escena es la forma en que un espectador se pierde, y dado que la narración establece la duración, dividir no cuesta segundos adicionales.
- Dirige cada escena a su elemento con un clic, algo de escritura, un desplazamiento del ratón o un foco.
- Narra en imperativo. "Abre el panel de configuración." No "luego abrirías el panel de configuración."
- Usa `checklist` para la escena de resumen si quieres mostrar la forma de todo el proceso antes de empezarlo.
Ajusta el ritmo para quien lo esté siguiendo
Los tutoriales fallan más por el ritmo que por el contenido. El espectador alterna entre tu vídeo y su propia pantalla.
- Mucho más lento que un anuncio. 110 palabras por minuto es el ritmo de entrega, y un tutorial debe situarse en el extremo más holgado de este: usa pocas palabras y deja que las imágenes se mantengan.
- Nombra lo que vas a hacer clic antes de hacerlo. "En la parte superior derecha, abre Configuración" les da tiempo para encontrarlo.
- Una idea por escena, estrictamente. Esto importa más aquí que en cualquier otro formato.
- Deja que un paso complejo respire. Una escena silenciosa con duración mantiene la pantalla quieta, útil cuando alguien necesita un momento para ponerse al día.
Un tutorial puede durar dos minutos. Nadie pasa de largo un tutorial que está siguiendo activamente; la audiencia para este formato ya ha decidido verlo.
Tutoriales de elementos tras un inicio de sesión
La mayoría de los tutoriales reales son de una aplicación, y las aplicaciones están detrás de un inicio de sesión. Una página que responde con una pantalla de inicio de sesión es rechazada antes de que se cobre nada; la herramienta no intentará grabarla.
La ruta compatible es una sesión de captura: inicias sesión una vez desde la extensión de VS Code o del navegador y registras la sesión, limitada a ese origen y con una caducidad de tres días. Las renderizaciones pueden entonces grabar dentro de la aplicación. Es una capacidad del plan Scale y superiores.
Graba una cuenta de demostración, nunca una real. Una captura registra lo que aparece en pantalla, y un tutorial publicado con el nombre de un cliente en la barra lateral es un incidente de protección de datos con tu logotipo.
Manteniéndolo fiel
El valor de un tutorial disminuye cada vez que la interfaz cambia, y el fallo habitual es que nadie se da cuenta.
Debido a que el vídeo se genera a partir de la página en vivo en lugar de una grabación que alguien hizo una vez, la nueva renderización vuelve a grabar la interfaz actual. Así, el trabajo de mantenimiento es pequeño: cuando una pantalla cambia, vuelve a renderizar el tutorial. La narración, la estructura y el tiempo sobreviven; solo las imágenes se actualizan.
Si mantienes un conjunto de ellos, vale la pena automatizarlo: la API puede volver a renderizar en cada lanzamiento, de modo que los tutoriales coincidan con el producto que realmente envías en lugar del que enviaste cuando alguien tuvo tiempo de grabar un screencast.
Dónde publicarlo
- En la documentación, junto a los pasos escritos. No en su lugar: la gente busca texto y ve vídeos, y la combinación convierte mucho mejor que cualquiera de ellos por separado.
- En el segundo correo electrónico de bienvenida, después de que la cuenta exista y antes de que termine la primera semana.
- En tus macros de soporte. Un tutorial enlazado desde una respuesta cierra tickets que un párrafo no logra.
- En YouTube, titulado con la tarea exacta. "Cómo exportar un informe en [producto]" es una búsqueda que alguien está realizando ahora mismo.
Renderiza en 16:9. Un tutorial se ve deliberadamente, generalmente en un ordenador de escritorio, junto a la aplicación que enseña.
Convierte tu sitio web en un vídeo — gratis
Pega una URL. PageToVid escribe el guion, graba, pone voz y renderiza automáticamente.
Crea tu primer vídeo →Preguntas frecuentes
¿Cuánto debe durar un vídeo tutorial?
Lo que tarden los pasos, normalmente entre 60 y 150 segundos para cinco a ocho pasos. Los tutoriales son el único formato donde la duración no es el enemigo; la audiencia ya ha decidido verlo y lo está siguiendo.
¿Puede grabar mi aplicación, no solo mi sitio web de marketing?
Sí, con una sesión de captura registrada desde la extensión de VS Code o del navegador, en el plan Scale o superior. La sesión está limitada a un origen y caduca en tres días. Graba una cuenta de demostración en lugar de datos reales de clientes.
¿Puede el vídeo hacer clic en botones y escribir?
Sí. Una toma puede realizar un clic, escribir en un campo, pasar el ratón para revelar algo, o destacar un elemento mientras el resto se atenúa, todo antes de que se capture el fotograma, para que el espectador vea la acción en lugar de una descripción de la misma.
¿Qué sucede cuando mi interfaz cambia?
Vuelve a renderizar. El vídeo se genera a partir de la página en vivo, por lo que la nueva renderización captura la interfaz actual manteniendo la narración, la estructura y el tiempo. Esa es la principal ventaja sobre un screencast grabado manualmente.
¿Debería el tutorial reemplazar mi documentación escrita?
No. La gente busca texto y ve vídeos, por lo que la combinación funciona mejor que cualquiera de ellos por separado. Coloca el vídeo junto a los pasos escritos, no en su lugar.