Vídeos verticales pensados para el móvil

Lo comprobamos antes de tocar nada. Para un vídeo 9:16, la lectura de la página y la grabadora usan un perfil de móvil: una pantalla de 414 píxeles de ancho a triple densidad, un navegador móvil y pantalla táctil. Con ese perfil, la web mostraba su diseño móvil real, con el botón de menú, la cabecera apilada, botones a todo el ancho y una barra de llamada fija.

Así que el trabajo estaba en lo que venía después de la grabación. Ese mismo día ajustamos tres cosas a su alrededor:

• la herramienta que usan los asistentes para mirar una página antes de grabar adopta ahora la forma del vídeo, para planificar desde el diseño móvil
• las imágenes de la extensión del navegador deben tener la orientación del vídeo, así que un plano de escritorio nunca se recorta dentro de un vídeo vertical
• las llamadas a la acción incluyen ahora «llamar», «WhatsApp» y los enlaces de teléfono y mensajería, que son la verdadera llamada a la acción en la web de un profesional de oficios, y en 9:16 la barra de llamada fija queda cerca de lo más alto

La mayor parte de la sensación de escritorio venía de nuestra cámara. Un diseño móvil no tiene margen lateral: su contenido va de borde a borde. Así que cuando la cámara encuadraba un titular del 62 % del ancho de la pantalla, ampliaba la imagen 1,16 veces y recortaba un 14 % del diseño.

Ajustamos la regla paso a paso, y cada paso nos mostró un caso límite nuevo: acercarse a una tarjeta de una cuadrícula de dos columnas cortaba la otra columna, y un buscador en el borde perdía su botón. La respuesta fue sencilla en cuanto vimos el patrón. En vertical, la cámara nunca hace zoom. Cualquier zoom sobre un diseño móvil es un recorte de una página sin margen.

El foco viene ahora de cosas que no recortan: la yema del dedo, la onda del toque, la propia respuesta de la página y el desplazamiento. Cada uno de los tres casos es un test de nuestra batería de encuadre, para que la regla se mantenga.

La cámara no era el único motivo. Nuestra regla para los vídeos de una web decía que al menos la mitad de las escenas debían ser grabaciones reales. Es lo correcto para un vídeo explicativo en 16:9. En un vídeo vertical suponía un 60 % de grabaciones, las fotos de la propia página sin usar y un vídeo que parecía una web desplazándose dentro de un móvil.

Así que en 9:16 las grabaciones son ahora una presencia y no una mayoría: más o menos una escena de cada cuatro, nunca menos de dos en un vídeo con duración suficiente, la web en pantalla para la tercera escena y cada grabación vertical apuntando a un sujeto real. Un simple desplazamiento en vertical ya no se permite, porque es justo la imagen que esta regla quiere evitar.

Cuando un gráfico tiene que ceder su sitio a una grabación, el orden es ahora deliberado: primero una afirmación sencilla, luego las tarjetas de título y las listas, después las tarjetas de datos y, en último lugar, la foto de la página. Los vídeos verticales van además algo más rápido, a cerca de 0,85 del ritmo horizontal, con tarjetas a la medida de un móvil.

Mantener la cámara quieta tenía una consecuencia: la página móvil completa llegaba hasta abajo del todo, donde están los subtítulos. Así que en un vídeo 9:16 con subtítulos, las imágenes reales se dibujan ahora como un teléfono: reducidas a cerca de 0,68 desde el centro superior, dentro de un marco redondeado, que termina justo encima de la franja de subtítulos, convertida en el fondo de debajo.

Toda la imagen cambia de escala a la vez, así que el puntero y cada posición de cámara se quedan exactamente donde deben. Sin subtítulos, y en vídeos horizontales o cuadrados, nada cambia.

Ese mismo día las máquinas de render pasaron a 4 procesadores virtuales. Los planos de móvil salían a 12 a 19 fotogramas distintos por segundo, mientras la misma captura llegaba a 34 en un ordenador de escritorio. El límite era la potencia de cálculo, no el navegador, y las imágenes verticales se mueven ahora con más fluidez.

Un vídeo vertical de PageToVid parece ahora algo hecho para la pantalla en la que se ve. El diseño móvil se mantiene entero, la web aparece pronto y sobre sujetos reales, las tarjetas llevan la historia entre grabaciones y las palabras quedan bajo un teléfono en lugar de encima de la página.

La lección que nos quedamos es que un formato es más que un tamaño de lienzo. Un vídeo vertical necesita sus propias reglas sobre cuánto es grabación, qué puede hacer la cámara y dónde van las palabras, reunidas en un solo lugar que leen el planificador, las comprobaciones y las reparaciones. Prueba uno eligiendo 9:16 cuando vayas a crear un vídeo.