Tu película ya recorre más que la portada

Nuestra sonda ya leía varias páginas de un sitio antes de planificar. Pero las páginas que elegía no siempre eran las que explican el producto, y el planificador tendía a filmar la portada de todos modos.

A un producto de analítica, por ejemplo, se le leían la documentación, el blog y el registro de cambios, porque las palabras docs y guía aparecían en su menú. Ninguna de esas páginas muestra lo que hace el producto. Leer las páginas correctas y luego filmarlas de verdad son dos trabajos distintos, así que mejoramos los dos.

El selector de páginas busca ahora las páginas propias del producto y se aparta del resto:

• la documentación y las guías ya no cuentan como páginas de tema, porque una página de docs enlaza sobre todo a otras docs;
• el blog, el diario, las notas de versión, el estado, el empleo, la ayuda, lo legal y la cuenta nunca son páginas de tema;
• una página que lleva el tema del propio sitio, como una página sobre analítica web en un sitio de analítica, cuenta y se coloca justo después de las páginas principales;
• las páginas escritas para un público de nicho o que se comparan con un rival quedan por debajo de las que muestran el propio producto.

Después, el planificador recibe esas páginas de verdad. El paso que elige los temas de una película incluye siempre los dos mejores temas de cada otra página leída, y una escena conserva la página que eligió el modelo cuando el mismo elemento existe en ambas.

A los modelos les sigue gustando la portada, así que añadimos una red suave después de planificar. Cuando una película tiene tres o más grabaciones y todas están en la página principal, una escena pasa a un tema de otra página, el que comparte más sentido con las palabras de esa escena.

Es cuidadoso con la escena que mueve. Nunca la primera grabación, que presenta el sitio. Nunca un clic ni una escritura, cuya acción pertenece a su página. Nunca una barra de menú ni un formulario. En nuestro propio sitio, la siguiente película de pagetovid.com visitó dos páginas, igual que una película vertical de la web de una constructora.

Una película vertical se ve en un móvil, donde la gente se desplaza. Los planos de apertura y de foco en el móvil bajan ahora despacio por la página en lugar de quedarse varios segundos en el mismo encuadre.

El anillo de foco y su etiqueta viajan con la página, con la misma curva de movimiento que el grabador, para que el resaltado nunca se separe de lo que señala. El movimiento también se detiene en la cabecera fija del sitio: un título justo debajo de esa cabecera da un plano quieto, a propósito, en vez de quedar medio oculto. Puedes ver el formato vertical en la página de funciones.

Esa misma tarde renderizamos películas de nuestros propios productos y las miramos fotograma a fotograma. De ahí salió una lista de arreglos pequeños y concretos:

• un clic final que llega a una página de acceso o de registro vuelve atrás, para que la película acabe en el producto y no en un formulario;
• los subtítulos sobre una tarjeta diseñada ocupan una sola línea, en más placas, para no tapar sus etiquetas;
• nuestro propio cursor nunca se oculta como si estorbara en la página;
• los pasos del ratón y las pulsaciones tienen límite, para que una escena de cinco segundos siga durando cinco;
• una pantalla filmada dos veces se repite, y una frase de voz que vuelve vacía se pide de nuevo, hasta tres veces.

Ninguno es espectacular por sí solo. Juntos, hacen que una película parezca pensada del primer al último fotograma.

Pega un sitio y la película hace ahora lo que haría un buen guía: abre en la portada y luego muestra la página donde vive el producto. En el móvil, se desplaza como lo haría quien la mira, y los resaltados se quedan en su sitio.

Leer una página no es usarla. El planificador tiene ahora las otras páginas delante, y una red para cuando se le olvidan. Pruébalo con tu propio sitio desde la página de nueva película.