---

name: constraints-principle description: Limita acciones posibles para prevenir errores. Use cuando diseñe formularios, flujos críticos, o sistemas donde los errores son costosos. metadata: author: ux-ui-skills version: "1.0" category: design-principles

Principio de Restricciones (Constraints)

Resumen

Las restricciones limitan las acciones posibles del usuario, previniendo errores al hacer imposible o difícil realizar acciones incorrectas. Guían al usuario hacia el camino correcto.

Origen

• Autor: Don Norman
• Año: 1988
• Fuente: "The Design of Everyday Things"

Tipos de Restricciones

Físicas

• Forma que solo permite un uso
• USB-C que entra de cualquier lado
• Tarjeta SIM que solo cabe de una forma
• En digital: campos con máximo de caracteres

Semánticas

• Significado que restringe opciones
• Un semáforo solo puede estar rojo, amarillo o verde
• En digital: dropdowns con opciones válidas

Culturales

• Convenciones sociales
• Rojo = peligro/stop
• Verde = ok/continuar
• En digital: patrones aprendidos

Lógicas

• Relaciones naturales entre elementos
• En formularios: campos que se habilitan condicionalmente
• Validaciones que previenen estados imposibles

Aplicación en Diseño

Formularios

• Input types específicos (email, tel, date)
• Min/max en campos numéricos
• Dropdowns en lugar de texto libre
• Campos disabled hasta completar prerrequisitos

Flujos de Trabajo

• Steps que no se pueden saltar
• Validación antes de continuar
• Confirm antes de acciones destructivas
• Permisos basados en roles

Datos

• Formatos predefinidos (fecha, teléfono)
• Ranges en sliders
• Opciones mutuamente excluyentes
• Límites de caracteres

Navegación

• Estados disabled para opciones no disponibles
• Rutas bloqueadas hasta completar requisitos
• Logout que no permite volver sin login
• Deep links validados

Ejemplos

• Date pickers: Solo fechas válidas seleccionables
• Stripe: Formato de tarjeta forzado
• Git: Branch protection rules
• Forms: Required fields
• USB-C: Reversible por diseño

Anti-patterns

• ❌ Permitir datos inválidos que luego fallan
• ❌ Campos de texto libre para datos estructurados
• ❌ Acciones destructivas sin confirmación
• ❌ Estados inconsistentes posibles
• ❌ Constraints tan estrictas que frustran

Métricas

• Error Prevention Rate: Errores evitados por constraints
• Form Validation Failures: Fallos en validación
• Invalid State Occurrences: Estados imposibles alcanzados
• User Frustration Score: Balance constraints/flexibilidad

Principios Relacionados

• [[poka-yoke]] - Diseño a prueba de errores
• [[nielsen-error-prevention]] - Prevenir antes que curar
• [[postels-law]] - Balance entre flexibilidad y rigor

Referencias

• Norman, D. (2013). "The Design of Everyday Things"
• Lidwell, W. et al. (2010). "Universal Principles of Design"
• https://www.nngroup.com/articles/slips/