Anatomía de un tutorial que se ve hasta el final
Un tutorial tiene un solo trabajo: que el espectador pueda hacer la tarea sin rebobinar. El objetivo tutorial de PageToVid escribe con la estructura que usan los diseñadores instruccionales.
- El objetivo, en una frase. «Al terminar tendrás un panel compartido».
- Un requisito previo, solo si es inevitable. Una línea, no una lección.
- Una escena por paso. Dónde está el control, qué hacer, qué ves después. Cada paso va numerado en los subtítulos.
- Una comprobación. Cómo saber que ha funcionado.
- La siguiente tarea. Adónde va quien ha terminado esta.
Una línea de tiempo puede resumir los pasos al final; nunca los sustituye. Por defecto, el objetivo tutorial escribe de 90 a 180 segundos (lo bastante para mostrar cada clic), y puedes pedir cualquier duración de 15 a 180 segundos.
Tomas que ejecutan el paso
Una grabación que solo se desplaza no enseña nada. Cada escena grabada puede ejecutar una acción en un navegador real antes de capturar su fotograma:
- Clic en un botón, una pestaña o una opción de menú, mostrando lo que se abre.
- Escribir una búsqueda real en un campo de búsqueda o de filtro.
- Pasar el ratón para mostrar un menú o una ayuda emergente.
- Destacar un control mientras el resto de la pantalla se oscurece.
La narración dice lo que hace el cursor, en presente, y se ralentiza un poco en cada paso. La cámara nunca escribe nombres, emails ni contraseñas en una página, así que un paso que necesita datos personales se muestra en una cuenta demo.
Grabar dentro de tu producto
Tu web de marketing es pública; las pantallas que necesita un tutorial normalmente no. Una sesión de captura, registrada una vez desde la extensión de VS Code o del navegador, permite a la cámara grabar tras tu inicio de sesión. Queda ligada a una web, caduca en un máximo de tres días y es una funcionalidad del plan Scale. Regístrala con un espacio demo lleno de datos de ejemplo, y el tutorial muestra un producto realista sin exponer a ningún cliente.
Para un producto sin ninguna página pública, un tutorial también puede construirse a partir de un storyboard que escribas tú, con escenas animadas para cada paso; pero es la grabación de la interfaz real lo que permite al espectador seguirlo.
Una biblioteca que sigue siendo fiel
Las bibliotecas de tutoriales se quedan viejas versión a versión. Como cada vídeo se genera desde el producto en vivo, volver a renderizarlo captura la interfaz de hoy y conserva la narración, la estructura y el ritmo: 40 créditos en lugar de una sesión de grabación. Cuando cambia un paso en sí, edita la frase y la acción de esa escena en el storyboard y vuelve a renderizar.
Lee qué es un vídeo tutorial para el formato, cómo hacer un vídeo tutorial para el método, y screencasts automáticos frente a manuales para saber cuándo una grabación hecha a mano sigue siendo mejor opción. ¿Escribes respuestas del centro de ayuda en lugar de formación de producto? Mira los vídeos para el centro de ayuda.