La versión corta
- Un vídeo demo de producto funciona mejor cuando muestra una tarea real del problema al resultado, en lugar de un recorrido por todas las funciones.
- Menos de un minuto basta para una demo en una landing page o en un feed social; los recorridos más largos van en los artículos de ayuda.
- Muestra el resultado en los primeros segundos, para que quien mira sepa qué va a obtener antes de enseñarle cómo.
- Los subtítulos son imprescindibles porque las demos de producto se ven a menudo sin sonido, en landing pages y en feeds.
- Haz un montaje vertical aparte para vídeo en redes en lugar de recortar la versión panorámica.
En esta página
Un buen vídeo demo de producto muestra a una persona haciendo una tarea real con tu producto, del problema al resultado final, en menos de un minuto. Abre con el resultado, enseña los tres o cuatro pasos que llevan hasta él y cierra con una única acción siguiente. Usa una pantalla limpia, texto legible, subtítulos para quien lo ve sin sonido y una cortinilla de título y una tarjeta final breves con tu marca. Resiste la tentación del recorrido de funciones: la gente recuerda un resultado, no un menú.
Elige una tarea, no todas las funciones
Antes de abrir cualquier herramienta de grabación, escribe una frase: “Una [persona] usa [producto] para [conseguir un resultado] en [poco tiempo]”. Por ejemplo: la dueña de una cafetería usa una app de reservas para llenar una mesa cancelada en dos minutos. Esa frase es todo el vídeo. Lo que no la sirva va a otro vídeo.
Recorrido de funciones
- Empieza en la pantalla de inicio de sesión
- Visita cada pestaña por orden
- Explica ajustes por los que nadie preguntó
- Termina con “y mucho más”
- Tres minutos y subiendo
Demo de una tarea
- Empieza en el resultado final
- Sigue una tarea real de principio a fin
- Muestra solo los clics que importan
- Termina con un siguiente paso claro
- De cuarenta a sesenta segundos
Estructura de un vídeo demo de producto en 60 segundos
Esta estructura sirve para una landing page, una publicación de lanzamiento o un email de ventas. Los tiempos son orientativos; lo que importa es el orden.
Qué se ve en pantalla
Qué se ve en pantalla
Qué se ve en pantalla
Qué se ve en pantalla
Qué se ve en pantalla
Escribe un guion de vídeo demo que encaje con la pantalla
Escribe el guion en dos columnas: lo que se dice y lo que se ve. Cada línea de voz debe describir algo visible en ese momento. Si te oyes explicando algo que no está en pantalla, corta la línea o cambia el plano.
DECIR MOSTRAR
Viernes, 7pm. Cancela una mesa de seis. Calendario con un hueco rojo a las 7:30
Antes esto significaba una mesa vacía. El mismo hueco, foto de un comedor tranquilo
Abre la lista de espera. Clic en Lista de espera
Elige el hueco. Pulsa Ofrecer. Seleccionar 7:30, clic en Ofrecer a lista de espera
Se lo queda el primer cliente que acepte. Notificación en móvil, pulsar Aceptar
Mesa llena de nuevo. Dos minutos. Calendario, hueco ocupado, cronómetro 1:52
Pruébalo con tus propias reservas. Tarjeta final: tablefull.appLéelo en voz alta con un cronómetro antes de grabar. Si se alarga, corta pasos enteros en lugar de hablar más deprisa.
Cómo grabar una demo limpia
- 1
Prepara datos de demo realistas
Llena el producto de nombres, cifras e imágenes creíbles. Las pantallas vacías y los “Prueba prueba 123” hacen que un producto parezca sin usar.
- 2
Ordena y amplía la pantalla
Oculta marcadores y notificaciones, cierra otras pestañas y amplía la interfaz al 125 % o más para que el texto se lea en un móvil.
- 3
Graba un paso por toma
Las tomas cortas son fáciles de repetir y recortar. Mueve el puntero despacio y haz una breve pausa después de cada clic.
- 4
Graba la voz aparte si puedes
Leer el guion sobre las imágenes ya montadas da un ritmo más fluido que hablar mientras haces clic.
- 5
Acércate donde importa
Recorta o amplía sobre el botón o el campo que se usa, para que nadie tenga que buscarlo en un escritorio entero.
Grabar la pantalla explica en detalle los permisos, el audio y qué compartir.
Subtítulos, cortinilla de título y tarjeta final
Las demos en landing pages suelen reproducirse solas y sin sonido, y los feeds también empiezan en silencio, así que los subtítulos cuentan la historia. Deja cada subtítulo en una línea corta que coincida con la voz, colocada donde no tape la parte de la interfaz que enseñas. Subtítulos de vídeo trata el estilo y la colocación.
Enmarca la demo con dos fotogramas diseñados con tu marca: una cortinilla de título que nombra el resultado y una tarjeta final con una acción. Son lo que convierte una captura de pantalla en un vídeo de producto y no en una simple grabación, y es lo que la gente ve como imagen de portada antes de pulsar play.
La cortinilla nombra el resultado, no la función. También sirve como imagen de portada del vídeo en la landing page.
La tarjeta final pide una sola cosa. Dos botones y un usuario de redes reparten la atención en tres.
Una demo, todos los formatos
Una demo suele tener que vivir en varios sitios: la landing page, una publicación de lanzamiento, un email de ventas y vídeo corto para redes. Haz primero el montaje panorámico y luego uno vertical para redes, con la grabación de pantalla centrada sobre tu fondo, un titular arriba y subtítulos abajo. Recortar una demo panorámica a vertical deja fuera media interfaz.
Landing page 1920×1080
1920 × 1080
Feed 1080×1350
1080 × 1350
Reels y Shorts 1080×1920
1080 × 1920
LinkedIn 1200×1200
1200 × 1200
En una web, comprime el archivo, dale al vídeo una imagen de portada y deja que la gente lo inicie si tiene sonido. Vídeo de fondo en una web explica tamaños de archivo y formatos, y diseño de landing page trata dónde va una demo en la página. Para las publicaciones que la anuncian, mira gráficos de lanzamiento de producto.
Cómo hacer la demo en Gradiently
Con Pro puedes grabar la pantalla y tu voz en el navegador, revisar los clips y después recortarlos en la línea de tiempo de Gradiently, añadir subtítulos y música, y diseñar la cortinilla y la tarjeta final sobre el mismo Mark para que todos los fotogramas encajen. Crea las versiones vertical y cuadrada a partir del mismo diseño en un solo paso, y el Designer puede redactar los subtítulos y el texto de las publicaciones con la voz de tu kit de marca.
Preguntas frecuentes
¿Cuánto debe durar un vídeo demo de producto?
Menos de un minuto para landing pages y vídeo en redes. Los recorridos más largos, de dos a cinco minutos, encajan en centros de ayuda y llamadas de ventas, donde quien mira ya quiere aprender a usar el producto.
¿Qué debe incluir un vídeo demo de producto?
El resultado al principio, el problema en un plano, tres o cuatro pasos de una tarea real, el resultado otra vez y una única acción siguiente, con subtítulos de principio a fin.
¿Un vídeo demo debe llevar voz en off?
Ayuda, pero escribe también subtítulos, porque las demos en landing pages y en feeds suelen reproducirse sin sonido. El vídeo debe entenderse con el sonido apagado.
¿Qué tamaño debe tener un vídeo demo de producto?
1920×1080 para webs y YouTube, más una versión vertical de 1080×1920 y otra de 1080×1350 para el feed, con la grabación colocada sobre un fondo de marca.
Escrito por Gradiently
El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.
Ver nuestro perfil