Jerarquía Visual

Definición

La jerarquía visual es el principio de diseño que organiza los elementos de una página según su importancia, guiando la mirada del usuario hacia la información más relevante primero.

Técnicas para crear jerarquía visual

Tamaño: Los elementos más grandes atraen más atención
Color y contraste: Colores brillantes destacan sobre fondos neutros
Posición: Los elementos superiores e izquierdos se ven primero
Espacio en blanco: Aislar un elemento lo hace más prominente
Tipografía: Negritas, tamaños y estilos diferentes

Por qué importa en diseño web

Una buena jerarquía visual mejora la experiencia de usuario, reduce la tasa de rebote y aumenta las conversiones al dirigir la atención hacia los CTAs y mensajes clave.

También conocido como:

Visual HierarchyJerarquía de diseño

Términos que te pueden interesar

.htaccess

Es un archivo de configuración del servidor del sitio web que le dice al servidor cómo responder en ciertas circunstancias.

Desarrollo Web

AJAX

AJAX significa Asynchronous JavaScript And XML y permite que las páginas web se actualicen con datos sin necesidad de actualizar toda la página.

Desarrollo Web

ALT

El atributo Alt se utiliza en las imágenes y es el texto alternativo para la descripción de las mismas. El texto alternativo ayuda a los motores de búsqueda a saber qué significa cada imagen y cómo la información que transmite encaja con el resto del contenido de la página.

SEO

AMP

Acrónimo de Accelerated Mobile Page es un proyecto de Google creado para la mejora de la carga de sitios Web. Las páginas funcionan con el framework AMP HTML. Debido a que los editores lo utilizan con mayor frecuencia, implementar AMP para un blog o un sitio web de noticias es una buena práctica de ...

SEO