Ir al contenido principal

Qué es un vídeo tutorial y en qué se diferencia

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

¿Qué es un vídeo tutorial? Un vídeo que enseña a quien lo ve a hacer una tarea por sí mismo, paso a paso, en la pantalla que va a usar. Termina cuando el espectador podría repetir la tarea sin el vídeo, y eso lo separa del vídeo explicativo, que termina en «pruébalo», y del vídeo promocional, que termina en «cómpralo».

Esta página es para ti si te han encargado «un tutorial» y necesitas saber qué vídeo se espera de verdad: fundadores de una edtech, responsables de documentación, product marketers. Compara cinco formatos vecinos, da duraciones y analiza un vídeo real de 46 segundos que está justo en la frontera entre explicativo y tutorial.

Luection, «Turn Your Lectures Into Study-Ready Material»: 46 segundos en 16:9, 70 palabras habladas, hecho a partir de luection.com. Un vídeo explicativo con un momento de tutorial: el formulario real de clases, grabado mientras la voz dice «Record or upload any lecture directly into the app.»

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

Tutorial, how-to, explicativo, onboarding, screencast: qué es cada uno

Estas cinco palabras se usan como sinónimos en los briefings, y el vídeo que llega suele ser el equivocado. La forma más rápida de distinguirlos es la pregunta que responde cada uno y la imagen en la que termina.

Cinco tipos de vídeo vecinos
TipoPregunta que respondeQuién lo veDuración habitualTermina en

Tutorial

¿Cómo hago esta tarea en este producto?

Alguien que lo sigue, a menudo en mitad de la tarea

30–90 s por tarea; una lección puede durar más

El resultado, en pantalla

Vídeo how-to

¿Cómo se hace esto, en general?

Cualquiera que busca una tarea, con cualquier herramienta

1–5 min

La cosa terminada

Vídeo explicativo

¿Qué es esto y por qué me importa?

Un cliente potencial que duda

30–90 s

Una llamada a la acción

Vídeo de onboarding

¿Qué hago primero, ahora que me he registrado?

Un usuario nuevo o una nueva incorporación

30–60 s por vídeo, en una secuencia corta

El primer logro

Screencast

(Un formato, no un propósito) ¿Qué hay en esta pantalla?

Depende del vídeo

Cualquiera

Donde acabe la grabación

Dos distinciones hacen casi todo el trabajo. El tutorial es propio de un producto y el how-to muchas veces no: «filtrar lugares por categoría en esta guía» frente a «planificar una visita al patrimonio». Y el screencast es una técnica, la grabación de una pantalla, que usan tutoriales, demos y vídeos explicativos; qué es un screencast lo trata aparte. Los otros dos vecinos tienen su propia página: qué es un vídeo explicativo y qué es un vídeo de onboarding.

Cuánto dura cada tipo, en palabras

La duración sale de las palabras, no de un tiempo objetivo. En nuestro proceso la locución es una sola toma continua que se reparten las escenas, así que el número de palabras del guion es la duración (la narración es la duración). En inglés, unas 50–60 palabras llenan 30 segundos, 75–95 llenan 45 y 105–130 llenan 60; en español hacen falta algunas más.

Para tu briefing, quédate con estos presupuestos:

  • Un tutorial de una tarea, de tres a cinco pasos: 45–60 segundos.
  • Una lección de un curso, un concepto con práctica: varios minutos, mejor grabados por quien enseña.
  • Un vídeo explicativo: 45 segundos, cinco tiempos (problema, solución, cómo funciona, prueba, llamada a la acción).
  • Un vídeo de onboarding: 30–45 segundos cada uno, tres o cuatro vídeos.

El tutorial es el único formato en el que unos segundos de más se aceptan, porque quien lo ve ya ha decidido verlo. Lo que no acepta son dos pasos en la misma frase. En PageToVid un vídeo dura de 15 a 180 segundos, 45 por defecto, y cada render cuesta los mismos 40 créditos sea cual sea su duración.

Un vídeo real en la frontera: Luection en 46 segundos

Luection convierte clases grabadas en apuntes, tarjetas de estudio y cuestionarios para estudiantes. Hicimos un vídeo de 46 segundos a partir de luection.com: 16:9, 70 palabras, locución en inglés.

Empieza con el problema del estudiante, «Still scrambling for notes after every lecture?», y luego nombra el producto. La tercera escena graba el formulario real AI lecture notes, con la elección del idioma de la clase (Auto detect, English, French, Spanish) y un campo de asignatura, mientras suena «Record or upload any lecture directly into the app.» Siguen tres tarjetas animadas (apuntes ordenados, tarjetas, cuestionarios al instante), una lista de beneficios y el cierre: «Record your lecture now — your first lecture is free.»

Según la tabla de arriba, es un vídeo explicativo: termina en una llamada a la acción y su trabajo es que el estudiante quiera probarlo. Pero una escena es tutorial puro: el formulario real, con la voz nombrando el gesto que hará el estudiante. Esa es la respuesta honesta a «qué es un vídeo tutorial» en la práctica: casi todos los vídeos de producto mezclan los dos, y el briefing tiene que decir cuál manda.

La misma página, como el vídeo explicativo que hicimos y como tutorial
Explicativo (el vídeo tal como se hizo)Tutorial (misma página, otro briefing)

Título

Turn Your Lectures Into Study-Ready Material

Sube tu primera clase a Luection

Escena 1

El problema: correr detrás de los apuntes

La pantalla de partida: el formulario AI lecture notes

Parte central

Funciones y beneficios en tarjetas

Elegir idioma, escribir la asignatura, añadir el archivo, una escena cada uno

Última escena

«Your first lecture is free»

Los apuntes generados en pantalla

Espectador

Un estudiante que duda si probarlo

Un estudiante registrado que se ha atascado

Ninguno es mejor. El explicativo va en la página de inicio; el tutorial, en el centro de ayuda y en el correo de bienvenida. El método para el segundo está en cómo hacer un vídeo tutorial.

Qué hace útil a un tutorial

Vemos muchos briefings de tutoriales. Los que acaban en un vídeo que la gente termina de ver comparten seis rasgos:

  1. Una tarea, como título. «Exportar un informe», las palabras que alguien escribe en el buscador.
  2. La interfaz real. Grabada en la pantalla que usará el espectador, no en una maqueta; nuestro grabador graba la página en directo en un navegador real y puede pulsar, escribir en un campo de búsqueda, pasar el cursor, hacer zoom y desplazarse en pantalla.
  3. Las etiquetas exactas. Si el botón dice «Ajustes», la voz dice «Ajustes».
  4. Un paso por escena. Quien lo ve pausa entre pasos para copiarlos; el corte de escena le da un sitio donde parar.
  5. El resultado en pantalla. La última imagen demuestra que los pasos funcionan.
  6. Al día. Un tutorial con la barra lateral del año pasado es peor que nada. Si está hecho desde una URL, se actualiza con un nuevo render.

Los subtítulos importan aquí más que en otros formatos: un tutorial se ve a menudo sin sonido, junto a la aplicación. PageToVid corta sus subtítulos de la propia toma de voz, así que coinciden con lo que se dice.

Ejemplos de vídeos tutoriales, según dónde viven

  • Una respuesta del centro de ayuda. Un artículo, un vídeo, el mismo título. Los tutoriales más valiosos son los que tu equipo de soporte enlaza más.
  • Una función nueva. Un tutorial de 30–45 segundos que acompaña a las notas de la versión.
  • Una lección de un curso. La pantalla y la voz de quien enseña durante varios minutos: el formato en el que la persona más importa.
  • Un inicio rápido para desarrolladores. «Consigue una clave de API y haz tu primera llamada», normalmente una página de documentación con un vídeo corto arriba.
  • Un seguimiento de éxito de cliente. La respuesta a la pregunta de un cliente, convertida en vídeo para los diez siguientes.

El caso de uso de vídeos tutoriales muestra cómo los equipos montan una serie a partir de sus páginas de ayuda. Los precios están en precios; el primer vídeo de cualquier web es gratis.

Cuándo no

Cuándo un tutorial generado no es la herramienta adecuada

Cuando quien enseña es el producto. Un curso en el que el alumnado paga por las explicaciones de una persona debe grabarlo esa persona, con un grabador de pantalla como OBS o Loom.

Cuando no hay página web. Software de escritorio, aplicaciones móviles, hardware: graba el dispositivo o fílmalo con una cámara.

Cuando la tarea termina en una acción irreversible, como un pago: nuestro grabador nunca pulsa Intro y no debe pulsar un botón de pago real, así que graba tú un entorno de pruebas. Para ver cómo se comparan otras herramientas, mira el resumen de comparativas.

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

¿Qué diferencia hay entre un tutorial y un vídeo how-to?

Un tutorial enseña una tarea en un producto o herramienta concretos, paso a paso sobre su interfaz real. Un vídeo how-to enseña una tarea en general y puede usar cualquier herramienta. Muchos tutoriales se titulan «cómo…», y está bien mientras el vídeo se quede en una sola tarea.

¿Cuánto debe durar un vídeo tutorial?

Lo que dura una tarea: de 30 a 90 segundos en la mayoría de tareas de producto. Las lecciones de un curso duran más. Si un tutorial pasa de dos minutos, suele cubrir más de una tarea y funciona mejor como serie.

¿Un screencast es lo mismo que un tutorial?

No. Un screencast es la grabación de una pantalla, una técnica. Un tutorial es un propósito: enseñar una tarea. La mayoría de los tutoriales son screencasts, pero también lo son muchas demos de producto y muchos vídeos explicativos.

¿Un vídeo de onboarding es un tutorial?

Es un caso especial: el tutorial de la primera tarea, para alguien que acaba de registrarse o de incorporarse. Un tutorial puede cubrir cualquier tarea, para cualquier usuario, en cualquier momento.