Saltar al contenido
Guía7 min de lectura

Guía de vídeo demo de página de destino

Muestre un flujo de producto que se gane su lugar en la página.

Planifique un vídeo demo de página de destino que muestre un flujo de producto, encaje en el contexto de la página y tenga una lista de comprobación revisable.

Ver cómo funcionaLos primeros 60 segundos de vídeo son gratuitos, con marca de agua. Verifique su correo electrónico para descargarlo.

¿Qué debería demostrar un vídeo demo de página de destino?

Un vídeo demo de página de destino debería demostrar una parte de la promesa de la página antes de que un visitante decida si continúa. Su trabajo no es explicar todo el producto, repetir una narrativa de lanzamiento ni sustituir el texto de la página. Es un fragmento compacto de evidencia visible colocado junto a la pregunta que el visitante ya se está haciendo.

Para GogoScreen, la entrada prevista es la URL alcanzable de una app web y una indicación de una línea sobre un flujo. Eso establece un método de preparación, no una afirmación de que toda app funciona o de que una primera renderización sea utilizable. Aproximadamente una de cada cinco renderizaciones puede fallar o necesitar un reintento. Por tanto, un vídeo de producto para página de destino debe revisarse como un candidato concreto en una posición concreta, no tratarse como una promesa reutilizable sobre todas las salidas futuras.

El área sobre la línea de flotación tiene una responsabilidad estrecha. Un visitante que solo escanea el encabezado, la frase de apoyo, el elemento visual y la primera acción debería entender en qué le ayuda el producto. El activo se gana ese espacio cuando hace concreta la acción prometida más rápido de lo que podría hacerlo otro párrafo. Si necesita varias escenas, una explicación hablada o un recorrido por funciones no relacionadas, pertenece más abajo en la página o a otro formato.

¿Cómo elige la prueba para la colocación sobre la línea de flotación?

Empiece por la promesa de la página, después escriba en una frase la pregunta del visitante. Por ejemplo, la pregunta podría ser si el producto puede convertir un flujo de app web en un vídeo sin una sesión de grabación manual. Elija una acción y un resultado visibles que respondan solo a esa pregunta. La página puede llevar matizaciones, contexto de precios y el siguiente paso en el texto.

Un guion gráfico útil tiene tres momentos. Primero, muestre suficiente del estado inicial para que el visitante sepa qué está viendo. Segundo, muestre la acción seleccionada. Tercero, mantenga el resultado visible el tiempo suficiente para que un espectador con el sonido apagado lo registre. No añada un segundo flujo de trabajo solo porque esté disponible. Más acciones pueden hacer que la primera prueba sea menos clara.

Por eso un vídeo demo para colocación en página de destino se diferencia de una demostración de producto general. La decisión de colocación empieza en la promesa de la página y termina en una única decisión del visitante. El activo se evalúa por su relevancia para esa decisión, no por cuánta superficie de producto puede cubrir.

MomentoQué debería entender el visitanteComprobación de colocación
Primer fotogramaEl contexto de producto relevanteTiene sentido sin sonido.
Acción seleccionadaLa acción que respalda la promesa de la páginaSigue siendo visible al tamaño previsto.
Resultado visibleEl desenlace que sigue a la acciónPermanece en pantalla el tiempo suficiente para registrarse.

¿Qué tiene que funcionar cuando el vídeo está silenciado?

La reproducción automática silenciada es un comportamiento de la página, no una razón para suponer que un visitante activará el audio. El primer fotograma debería identificar el contexto de producto relevante sin depender de una indicación de narración. La acción debería ser legible al tamaño de visualización previsto, y el resultado debería permanecer visible en lugar de aparecer un instante antes de que el bucle se reinicie.

Revise el póster por separado del clip en movimiento. El póster tiene que establecer suficiente contexto para una conexión lenta, una ruta sin JavaScript o un visitante que no espera a la reproducción. No debería llevar texto que se vuelva ilegible en el viewport previsto. Tampoco debería sugerir un resultado que no se produjo, sino coincidir con el candidato real.

El rendimiento de la página añade una restricción útil. Un vídeo en bucle sobre la línea de flotación necesita reproducción automática silenciada, playsinline, comportamiento de bucle y un póster. Mantenga el archivo ligero: un activo de varios megabytes puede dañar el LCP, y un archivo H.264 suele ser mucho más pequeño que un GIF del mismo clip. Es una regla general, no una prueba sobre un activo sin revisar aquí. Compruebe el peso final del archivo y el comportamiento de reproducción en el diseño real antes de la colocación.

¿Cómo deberían guiar la decisión el texto y el diseño que la rodean?

Escriba el encabezado y el texto de apoyo de forma que planteen la promesa sin pedirle al vídeo que haga una afirmación no verificada. Coloque el activo junto al texto que respalda. Un visitante no debería necesitar inferir por qué aparece el clip ahí ni buscar más abajo en la página la explicación relevante.

Compruebe la página en los anchos previstos de escritorio y móvil. Un clip puede ser claro a un ancho grande pero perder la acción cuando su área disponible se estrecha. Revise si el póster recorta contexto importante, si los controles ocultan el resultado, y si el movimiento compite con la acción principal. Si la página necesita un pie de foto, haga que describa lo que se muestra visiblemente en lugar de ampliar la afirmación.

Use únicamente un estado de demostración controlado. No muestre una aplicación de cliente, una URL de cliente, medios de cliente, credenciales, nombres ni identificadores. Si se necesita iniciar sesión, use una cuenta de demostración descartable mediante el proceso aprobado. Quienes redactan el contenido no solicitan, ven, copian ni graban credenciales.

¿Cuándo debería reconsiderarse la colocación?

Reconsidere la colocación cuando cambie la promesa de la página. Un vídeo que en su día respaldaba la primera pregunta del visitante puede volverse una distracción cuando el titular, la acción principal o el flujo de producto cambian. La respuesta correcta no es reescribir el texto cercano hasta que suene compatible. Compruebe si la misma acción y el mismo resultado visibles siguen respondiendo a la pregunta que ve primero un nuevo visitante.

Use el diseño real para esa decisión. Compare el activo con la frase de apoyo, la acción principal y el póster en los anchos previstos. Si el vídeo necesita un pie de foto largo para explicar por qué está ahí, la colocación probablemente está haciendo demasiado. Muévalo más abajo, elija un flujo más estrecho, o mantenga la explicación escrita hasta que un candidato pueda transmitir el punto con claridad.

Lista de comprobación de revisión de colocación

Realice esta lista de comprobación contra el candidato real en la posición de página propuesta. La lista no es evidencia de que las comprobaciones hayan ocurrido.

  1. El clip respalda exactamente la promesa de la página sobre la línea de flotación.
  2. El primer fotograma tiene sentido sin sonido.
  3. Un estado inicial, una acción y un resultado visible son claros al tamaño previsto.
  4. La reproducción automática silenciada, el comportamiento del bucle y el comportamiento de playsinline se comprueban en el diseño.
  5. El póster es legible y no da a entender un resultado que no se muestra.
  6. El peso del archivo y el rendimiento de la página se revisan antes de que el activo reciba espacio sobre la línea de flotación.
  7. El encabezado, el pie y la acción cercanos describen solo lo que el visitante puede verificar.
  8. No aparece material de cliente, credenciales, URL de cliente ni medios de cliente.
  9. Se registran la fecha de captura, la versión publicada, quién revisó, el resultado y cualquier reintento.

Un candidato que falla un elemento no se repara con una redacción más contundente. La guía de vídeo de producto para página de destino ayuda a decidir el papel de la prueba y el contexto que la rodea, mientras que la guía de vídeo demo de página de inicio comprueba la primera impresión más específica y la promesa de la página. La guía de incrustación de vídeo demo de producto revisa la colocación y el comportamiento del reproductor una vez el candidato está listo, y la guía de vídeo demo de producto sin sonido comprueba si su prueba visible aguanta sin audio. Cambie la colocación, revise el flujo planificado, o vuelva a intentar la renderización y revise el siguiente candidato según sus propios méritos.

Decisiones de lanzamiento relacionadas

Las demás guías responden a trabajos diferentes. Lea la preparación de vídeo de lanzamiento en Product Hunt para el contexto de galería y envío, el flujo de trabajo general de demo de SaaS para el proceso más amplio de URL e indicación, la preparación de entrada del vídeo demo de software para la preparación de rutas alcanzables, la colocación de activos en README para lectores de repositorio, un vídeo de un cambio de versión para el contexto de notas de versión, y un vídeo demo de lanzamiento de lista de espera para pruebas actuales que deben mantenerse separadas de los planes futuros.

Para flujos de trabajo alternativos, vea GogoScreen y Loom, GogoScreen y Screen Studio, GogoScreen y Clueso, GogoScreen y Guidde, y GogoScreen y Demosmith. Consulte la página de inicio, precios, el centro de guías, el centro de comparaciones, y la información de privacidad antes de la publicación.

Aclaraciones

Antes de empezar

¿Qué debe incluir una demo de página de destino?

Muestre una acción de producto visible que respalde la promesa del encabezado y el texto cercanos. La página debe explicar el contexto más amplio.

¿Dónde debería aparecer una demo de página de destino?

Colóquela donde un visitante necesite una prueba antes de dar el siguiente paso. Pruebe la posición propuesta con el diseño real de la página y el texto que la rodea.

¿Qué debe entender un visitante sin sonido?

El primer fotograma, la acción y el resultado visible deben tener sentido sin audio. No dependa de la voz en off para explicar la prueba central.

¿Cómo debería revisarse el activo?

Revise el candidato exacto en su posición prevista dentro de la página, incluyendo el póster, la reproducción silenciada, las dimensiones, el texto cercano, la privacidad y cualquier registro de reintento.

Pegue una URL, describa un flujo y obtenga un vídeo de demostración de su aplicación web.

Los primeros 60 segundos de vídeo son gratuitos, con marca de agua. Verifique su correo electrónico para descargar el vídeo.