Analizador de Jerarquía Visual

Entrada

Design Description

Landing page: top has a small logo left, nav links right. Hero is a centered headline (~28px), a gray subhead, and a blue 'Sign up' button the same size as a secondary 'Learn more' button beside it. Below are three equal feature cards. The testimonial and pricing are far down, and there's a second identical CTA in the footer.

Design Type

landing

Analysis Focus

conversion

Salida (extracto)

PROBLEMAS DE JERARQUÍA (conversión): 1) El titular a 28 px es demasiado discreto para una sección principal; súbelo a 44-56 px para ganar los primeros 3 segundos. 2) El CTA principal y el secundario comparten peso; resta protagonismo a "Más información" (estilo fantasma/texto) para que el ojo se decida por "Registrarse". 3) Los precios y los testimonios quedan tras un largo desplazamiento; sube un punto de prueba cerca de la sección principal. 4) Dos CTA idénticos dividen el foco; varía la redacción. CORRECCIÓN PRIORITARIA: agrandar el titular + un único CTA dominante. Mejora esperada: una ruta de escaneo más clara, una decisión más rápida.

Entrada

Design Description

Newsletter email: full-width hero image with white text baked into it, a light gray body text on white background (~13px), one orange button, and a footer with tiny 10px legal text and low-contrast unsubscribe link.

Design Type

email

Analysis Focus

accessibility

Salida (extracto)

PROBLEMAS DE JERARQUÍA DE ACCESIBILIDAD: 1) El texto incrustado en la imagen principal es invisible para los lectores de pantalla y se rompe cuando se bloquean las imágenes; mueve el titular a HTML real. 2) El cuerpo en gris claro de 13 px sobre blanco probablemente no cumple el contraste WCAG AA; oscurécelo a al menos #595959 y súbelo a 15-16 px. 3) El texto legal de 10 px es ilegible; mínimo 12 px. 4) Un enlace de baja para darse de baja con poco contraste pone en riesgo el cumplimiento y la confianza; hazlo claramente visible. PRIORIDAD: texto real + contraste. Esto también mejora la entregabilidad y la facilidad de ojeo.

Entrada

Design Description

Analytics dashboard ported to mobile: a top row of four KPI cards squeezed side by side, a large line chart, then a dense data table with 8 columns. Everything is the same font size and weight, and the most important metric (revenue) sits third from left.

Design Type

dashboard

Analysis Focus

mobile

Salida (extracto)

PROBLEMAS DE JERARQUÍA MÓVIL: 1) Cuatro tarjetas de KPI en una fila se aplastan por debajo de unos 90 px de ancho; apílalas en una cuadrícula 2x2 y encabeza con Ingresos, no con la tercera empezando por la izquierda. 2) Un tamaño/peso uniforme hace que nada guíe el ojo; haz la métrica principal ~2 veces más grande y en negrita. 3) Una tabla de 8 columnas es inutilizable en móvil; cámbiala por una lista de tarjetas o un desplazamiento horizontal con la primera columna fijada. 4) El gráfico necesita aire por encima de la tabla. PRIORIDAD: reordenar por importancia + cuadrícula de KPI adaptable.