---

name: consistency-principle description: Comportamientos y apariencias consistentes mejoran la usabilidad. Use cuando establezca patrones de diseño, defina guidelines, o evalúe coherencia del sistema. metadata: author: ux-ui-skills version: "1.0" category: design-principles

Principio de Consistencia

Resumen

La usabilidad mejora cuando elementos similares funcionan de manera similar en todo el sistema. La consistencia reduce el aprendizaje, previene errores, y crea confianza.

Origen

• Concepto: Principio fundamental de diseño de interfaces
• Documentado por: Ben Shneiderman (8 Golden Rules), Jakob Nielsen
• Año: ~1980s

Tipos de Consistencia

Consistencia Interna

• Mismo sistema, mismas reglas
• Botones iguales en todas las pantallas
• Terminología uniforme
• Comportamientos predecibles

Consistencia Externa

• Convenciones de plataforma (iOS, Android, Web)
• Patrones de industria
• Estándares de accesibilidad
• Expectativas de otros productos

Consistencia Visual

• Colores con significado consistente
• Tipografía con jerarquía clara
• Espaciado y layout uniforme
• Iconografía coherente

Consistencia Funcional

• Mismas acciones, mismos resultados
• Shortcuts que funcionan igual
• Flujos predecibles
• Feedback consistente

Aplicación en Diseño

Design Systems

• Tokens de diseño documentados
• Componentes reutilizables
• Guidelines de uso
• Patrones de interacción definidos

UX Writing

• Voz y tono consistente
• Terminología estandarizada
• Mensajes de error uniformes
• CTAs con lenguaje predecible

Interacciones

• Gestos con significado fijo
• Animaciones con timing consistente
• Estados (hover, active, disabled) uniformes
• Feedback visual predecible

Ejemplos

• Material Design: Sistema completo de Google
• Apple HIG: Guidelines para iOS/macOS
• Stripe: Consistencia en productos, docs, dashboard
• Slack: Patrones uniformes en toda la app
• Notion: Blocks que funcionan igual en todos lados

Anti-patterns

• ❌ Botones de diferentes colores para misma acción
• ❌ Terminología mixta ("Guardar" vs "Salvar")
• ❌ Navegación que cambia de posición
• ❌ Gestos con significados diferentes
• ❌ Estilos de fecha/hora inconsistentes

Métricas

• Style Guide Compliance: Adherencia a guidelines
• User Expectation Match: Comportamiento vs expectativa
• Learnability Score: Velocidad de aprendizaje
• Error Rate by Inconsistency: Errores por confusión

Principios Relacionados

• [[nielsen-consistency]] - Heurística de consistencia
• [[jakobs-law]] - Expectativas de otros sitios
• [[similarity]] - Gestalt: similitud visual

Referencias

• Shneiderman, B. (1987). "Designing the User Interface"
• Nielsen, J. (1994). "Heuristic Evaluation"
• https://www.nngroup.com/articles/consistency-and-standards/