185 principios organizados por tema y dificultad. Cada uno incluye citas, ejemplos de productos y prompts de IA listos para usar en Cursor, V0 o Claude.
Un buen diseño no se basa en intuición. Se basa en cómo las personas realmente procesan la información: qué notan, qué ignoran y por qué se van.
Estos 185 principios cubren los patrones detrás de esas decisiones. Explora por parte, filtra por dificultad o busca un problema concreto. Cada principio enlaza a la investigación e incluye prompts de IA para pegar directamente en tu herramienta.

La investigación sobre divulgación progresiva (Tidwell 2005) demuestra que gestionar la complejidad de la interfaz mediante revelación escalonada permite mejorar la finalización inicial de tareas 30-50% mientras mantiene 70-90% de descubribilidad de funciones al presentar controles esenciales inmediatamente con capacidades avanzadas accesibles cuando los usuarios las necesitan.

La investigación sobre jerarquía visual (Tufte 1983, Nielsen 2006) demuestra que variación sistemática en tamaño, peso, color y posición permite mejorar el procesamiento de información 40-60% y comprensión 25-35% mediante optimización de patrón F y organización perceptual Gestalt.

La investigación sobre uso de espacio en blanco (Bringhurst 1992) demuestra que mejora legibilidad 20-40% y comprensión 15-25% mediante espaciado estratégico, con altura de línea 120-145% y medida 50-75 caracteres reduciendo fatiga ocular 50-70% a través de principios Gestalt de proximidad.
185 principios respaldados por investigación
Garantía de 30 días

La Teoría del Forrajeo de Información (Pirolli & Card 1999) demuestra que un rastro de información fuerte a través de etiquetas descriptivas y pistas contextuales reduce el tiempo de navegación 30-50%, con texto de enlaces específicos y fragmentos de búsqueda completos mejorando la finalización de tareas 25-40%.

La ley de jerarquía de contenido (Wertheimer 1923, Nielsen 2006) demuestra que la optimización del patrón en F y la prominencia visual mejoran el procesamiento de información un 40-60% y la comprensión un 25-35% mediante señalización sistemática de importancia y diseños escaneables.

La investigación de navegación por puntos de referencia (Lynch 1960, von Restorff 1933) demuestra que mediante puntos de referencia distintivos los usuarios reducen la desorientación en 40-60% y mejoran la eficiencia de orientación en 30-50%, estableciendo que las interfaces con elementos visuales visibles, memorables y significativos en puntos de decisión permiten a través de anclajes de navegación estables que diseñadores creen espacios de información navegables con estructura perceptible y señales de orientación.

La investigación de recuperación de navegación (Norman 1988, Nielsen 1994) demuestra que mediante redes de seguridad multi-modales los usuarios logran recuperación 50-70% más rápida de estados perdidos y 35-45% reducción de abandono, estableciendo que las interfaces con acceso persistente a inicio, búsqueda global y breadcrumbs permiten a través de rutas de escape comprensivas que diseñadores creen exploración confiada.

El minimalismo estético (Nielsen 1994, Reber 2004) demuestra que eliminar elementos superfluos mejora la finalización de tareas 25-40% y reduce errores 20-30% mientras que la fluidez de procesamiento crea 40-60% mayor usabilidad percibida a través de la claridad visual.

La investigación de psicología del color demuestra que mediante diseño de asociaciones semánticas (verde éxito, rojo peligro, azul confianza) los usuarios mejoran capacidad de encontrar elementos 25-40%, estableciendo que las interfaces con contraste 4.5:1 permiten a través de adaptación cultural que diseñadores reduzcan errores 30-50% en mercados globales.

Los sistemas tipográficos (Bringhurst 1992) construidos sobre escalas de tipo modulares y ratios matemáticos mejoran la comprensión de lectura 30-50% y reducen la carga cognitiva 25-40% mediante jerarquías sistemáticas y rendimiento optimizado a través de plataformas.

La jerarquía tipográfica (Arnheim 1954) mediante variaciones de tamaño, peso, espaciado y color mejora la escaneabilidad 40-60%, reduce el tiempo hasta el contenido 30-50% y aumenta la comprensión 20-30% a través de codificación redundante multidimensional.

La investigación demuestra que la accesibilidad tipográfica (WCAG 2.2) mediante contraste 4.5:1, dimensionamiento escalable y marcado semántico permite mejorar la legibilidad para usuarios con baja visión 60-80%, mientras aumenta la velocidad de lectura general 10-15% y reduce la fatiga visual 20-30% universalmente.