GM
Glosario del MKT by Blue Design Worldwide
Growth & Métricas Sigla: Z-Pattern

Z-Pattern (Patrón de Recorrido Visual en Z en Landing Pages)

Equivalente en inglés: Z-Pattern Visual Layout for Landing Page Conversion
Definición Concisa

Estructura de diseño para páginas de captación sencillas donde el ojo del visitante recorre la pantalla de izquierda a derecha y en diagonal descendente dibujando una Z.

Explicación y Contexto Conceptual

Ideal para páginas con poco texto y una propuesta de valor concisa: el ojo inicia arriba a la izquierda (logotipo de la marca), viaja hacia la esquina superior derecha (menú de navegación o botón secundario), traza una diagonal hacia abajo y a la izquierda (titular principal y propuesta de valor visual), y remata su recorrido en la esquina inferior derecha, donde se debe situar estratégicamente el botón de llamada a la acción (CTA) principal.

Cálculo / Regla Recorrido Z: 1. Logotipo (Top-Left) -> 2. Nav/Login (Top-Right) -> 3. Propuesta de Valor (Bottom-Left) -> 4. CTA Principal (Bottom-Right)

Ejemplo en la Práctica

Dropbox utilizó históricamente un layout en Z perfecto en su home page: logo arriba a la izquierda, login arriba a la derecha, ilustración en el centro y botón azul de descarga abajo a la derecha.

Formato de Cita
"Z-Pattern (Patrón de Recorrido Visual en Z en Landing Pages)": Estructura de diseño para páginas de captación sencillas donde el ojo del visitante recorre la pantalla de izquierda a derecha y en diagonal descendente dibujando una Z. Fuente: Glosario del Marketing y la Publicidad, Blue Design Worldwide (https://bluecolombia.co/glosario-marketing/termino/z-pattern-layout-en-landing-pages)

Conceptos Relacionados

F-Pattern (Patrón de Lectura Visual en Forma de F)

Descubrimiento de eye-tracking que demuestra que los usuarios web no leen línea a línea, sino que escanean las páginas siguiendo un mapa visual con forma de letra F.

Spatial Cueing (Pistas Espaciales y Señales Direccionales en CRO)

Uso de elementos visuales direccionales (flechas o la mirada de personas fotografiadas) para guiar el ojo del visitante directamente hacia el formulario o botón de compra.

Salience Bias (Sesgo de Prominencia Sensorial)

Propensión a centrar la atención y tomar decisiones basándose únicamente en los elementos visualmente más llamativos, contrastados o novedosos del entorno.

A/B Testing (Pruebas A/B)

El A/B Testing es un experimento controlado donde se muestran dos o más versiones de un elemento (anuncio, landing page, asunto de correo) a audiencias aleatorias para determinar cuál logra mayor conversión.