Navegación, formularios, feedback, errores. Soluciones probadas que puedes lanzar hoy.
Navegación que los usuarios entienden instantáneamente. Formularios que convierten. Mensajes de error que ayudan en lugar de frustrar. Feedback que genera confianza. Estos patrones probados en batalla han sido validados en miles de productos—ahora puedes lanzarlos hoy. No más reinventar soluciones a problemas que ya han sido resueltos.
Conceptos Clave:
Conceptos Clave:
Cómo estos principios validan tu trabajo—ya uses Figma, Cursor o V0
Deja de adivinar por qué fallan los formularios. Estos patrones probados en batalla han sido validados en miles de productos—desde flujos de checkout hasta navegación móvil. Aplícalos y observa cómo suben las tasas de completitud de formularios mientras bajan los tickets de soporte. No más reinventar soluciones que ya existen.
"Mejora el formulario" no es una especificación. Estos patrones te dan detalles de implementación concretos: tamaños exactos de objetivos táctiles, timing de validación, ubicación de mensajes de error, comportamiento de estados de carga. Construye interfaces que coincidan con las expectativas del usuario desde el primer despliegue.
Cada punto de fricción en tu interfaz cuesta conversiones. Estos patrones cuantifican el impacto: un objetivo táctil de 44px vs. 48px, validación inline vs. al enviar. Toma decisiones basadas en datos sobre qué patrones priorizar basándote en resultados probados, no en opiniones.
23 principios organizados en 2 capítulos
11 principios
8 principios
Rutas de validación adaptadas para diferentes niveles de experiencia
De Subjetivo a Científico
Comienza con Affordances y Objetivos Táctiles—aplican a cada botón y enlace que diseñarás. Luego audita tu formulario más usado: ¿dónde dudan los usuarios? ¿Dónde cometen errores? Estos patrones te dicen exactamente qué arreglar.
De Suposiciones a Directrices
Ve más allá de "¿funciona?" a "¿convierte?" Estudia timing de validación, ubicación de mensajes de error y estados de carga. Ejecuta tests A/B en variaciones de patrones. La diferencia entre 68% y 82% de completitud de formularios es a menudo un solo cambio de patrón.
De Funciones a Resultados
Optimiza para los casos extremos que importan. ¿Qué pasa en conexiones lentas? ¿En pantallas pequeñas? ¿Cuando los usuarios hacen inputs inesperados? Construye patrones que degraden elegantemente y se recuperen con gracia. Domina los patrones que separan las buenas apps de las excelentes.
Valida tu output de IA con estos principios en tu flujo de trabajo diario
Aplica estos patrones a tus pantallas de mayor impacto:
Lanza más rápido con patrones probados:
Conocimiento recomendado antes de comenzar
carga cognitiva, Ley de Hick, Ley de Fitts
retroalimentación, prevención de errores, control del usuario
jerarquía visual, arquitectura de información
Estas partes anteriores proporcionan contexto esencial para comprender por qué funcionan patrones específicos.