Jerarquía de información
Proporción titular/sub/cuerpo, peso visual, ritmo de espacios en blanco, escaneabilidad de páginas largas.
Auditoría UI
UI medible: jerarquía, tipo, marca, movimiento
La calidad UI es más que “¿se ve bien?”. Looo AI puntúa los ingredientes estructurales que impulsan confianza y conversión.
Qué auditamos
Calidad visual que puede medir
La puntuación UI es más que “¿se ve bien?” — puntúa legibilidad, jerarquía e integridad responsiva.
Tipografía
Cuerpo ≥ 16px, interlineado ≥ 1.5, contraste, coherencia de combinación, carga de fuentes FOIT/FOUT.
Consistencia de marca
Disciplina de paleta, uso de gradientes, estados de botón, estilo de iconos — ¿parece el mismo producto?
Integridad responsiva
Breakpoints 375 / 768 / 1280 px, sin scroll horizontal, áreas táctiles ≥ 48 × 48px.
Movimiento y CWV
CLS < 0.1, INP < 200ms, prefers-reduced-motion respetado, animaciones sutiles y con propósito.
Microcopias
Etiquetas de botón, estados vacíos, mensajes de error, ayudas de formulario — el texto pequeño que decide la conversión.
Guía
Seis movimientos UI con impacto desproporcionado
1Limite el ancho de lectura
Contenedores de texto largo no deben exceder 70ch (~580–620px). Confort y comprensión caen mucho más allá.
2Un color de marca + neutros
Resista desplegar una paleta de seis colores. Un color de marca + neutros cálidos/fríos + un único acento es la señal visual más fuerte.
3Arregle el ritmo vertical
Todo espaciado en pasos de 4 / 8 / 16 / 24 / 32px. El espaciado aleatorio se lee como “amateur” más rápido que cualquier otro indicador.
4Dimensione cada <img>
Configure atributos width/height en cada imagen — para CLS y para reservar layout antes del pintado.
5Áreas táctiles ≥ 48 × 48px
Apple y Google exigen mínimo 44–48px. Rellene botones-icono pequeños con área de impacto invisible.
6Reste antes de añadir
Si una sección puede eliminarse sin perder significado, elimínela. Peso de página, presupuesto de atención y CLS mejoran.
Convierta los hallazgos en un backlog enviado
Abra las Herramientas Gratuitas y comience reuniendo los informes de terceros usted mismo.