Miramos tu web antes de escribir una palabra
· 4 min de lectura

Imagina escribir la locución de una visita de producto con los ojos cerrados, a partir de una lista de nombres de botones. Ese era el trabajo de nuestro planificador hasta hoy. Ahora, antes de escribir una sola palabra, PageToVid recorre tu web, la fotografía y pulsa sus botones para ver qué hacen.
Escribir sobre una pantalla que nunca había visto
El planificador es el modelo que escribe las frases de un vídeo y su lista de planos. Trabajaba solo con texto: las palabras de la página y una lista de lo que se podía grabar. La única imagen que veía un modelo era la parte superior de la página, y se la llevaba el analista, no el guionista.
Así que el planificador preparaba clics en botones que nadie había pulsado y describía lo que imaginaba que abrirían. Una frase como «esto abre tus opciones de reserva a medida» podía sonar sobre un plano fijo de la página de inicio.
Ya comparábamos cada frase con su grabación después de rodar, y reescribíamos las que no encajaban. Pero un arreglo a posteriori queda atado a la longitud de una frase escrita para otra cosa. La solución tenía que llegar antes del guion.
El paseo: fotografiar, pulsar, volver a mirar
El paseo es un paso nuevo de la sonda, la parte de PageToVid que lee una web antes de planificar nada. Tras su lectura habitual, recorre la web como un visitante atento que llega por primera vez:
- fotografía hasta 12 elementos donde están en la página, primero los que nombra tu brief, y la página principal conserva al menos la mitad;
- pulsa hasta 6 de los que se pueden pulsar, una vez cada uno, en una copia de trabajo de la página;
- tras cada pulsación, vuelve a leer la dirección y el texto y hace una segunda foto.
Cada pulsación recibe un veredicto: abrió una página, cambió la página con un diálogo o un panel, no hizo nada, llegó a una puerta de inicio de sesión o salió de la web. Un aviso de cookies que aparece con la primera interacción no se confunde con lo que abrió el botón.
Los botones que nunca pulsamos
Pulsar los botones de otro exige reglas antes que funciones. El paseo nunca pulsa:
- un control de inicio de sesión, registro, compra, envío o descarga;
- un botón de llamada o de mensajería;
- nada que salga de la web;
- un selector de archivos ni un campo de formulario.
Esos elementos pueden seguir apareciendo en un vídeo, como mucho bajo un foco. Todo el paseo cabe en 45 segundos. Una web que no colabora da menos imágenes, nunca un vídeo fallido. Y un solo interruptor apaga el paseo y restaura exactamente las instrucciones anteriores del planificador, que es como comparamos los dos caminos en una misma web.
Un guion escrito a partir de las imágenes
El planificador recibe ahora cada foto con su leyenda, la imagen posterior de cada pulsación que abrió algo y una regla: una frase dice lo que muestra su plano. Solo se planea un clic sobre una pulsación que el paseo vio abrir algo, y la frase describe la imagen posterior.
Después, el código mantiene el plan fiel a eso. Un clic en un botón que no hizo nada, en una puerta o en un control que el paseo rechazó pasa a ser un foco, y la escena que sigue a un clic que abrió una página continúa en esa página, como una visita.
Un paso más asegura que no se quede fuera ninguna buena visita. Cuando una escena nombra un botón con al menos dos palabras de su etiqueta, y el paseo vio que ese botón abría algo, la escena pasa a ser ese clic, hasta dos por vídeo. Un segundo botón con la misma etiqueta en la misma página comparte el veredicto del primero.
Lo que cambió en webs reales
Medimos tres webs antes de publicarlo. El tutorial vertical de una tienda de bicis ganó dos visitas reales: de la página de inicio a los recambios y a la reserva de taller. La demo de un panel de software pulsó tres paneles, cada uno visto al abrirse, y los recorrió. Nuestra propia página de inicio escribió una dirección web, pulsó «Ver todos los ejemplos» y terminó con un foco sobre el botón de envío que no debe pulsar.
El banco de pruebas también afinó cómo listamos los elementos de una página: un botón cuyo texto empieza por un icono se lee ahora por sus palabras, y se graba como cualquier otro. Lo siguiente en nuestra lista son las aplicaciones de una sola página cuyas pestañas llegan en un único bloque de navegación, para que el paseo también pueda abrirlas.
Cada vídeo nuevo que empiezas en /new arranca ahora con el paseo. Primero mirar, después escribir.
Míralo en tu propia web
Pega una página y obtén el vídeo narrado del que habla este blog. El primero es gratis.
Sigue leyendo


