majiayu000 Consistencia y Estándares
Resumen
Los usuarios no deberían preguntarse si diferentes palabras, situaciones o acciones significan lo mismo. Seguir convenciones de plataforma e industria, y mantener consistencia interna en toda la aplicación.
Origen
- Autor: Jakob Nielsen
- Año: 1994 (refinado 2020)
- Fuente: Nielsen Norman Group - "10 Usability Heuristics for User Interface Design"
Fundamento Psicológico
La consistencia reduce la carga cognitiva al permitir que los usuarios apliquen conocimiento previo. El cerebro busca patrones (Gestalt) y se frustra cuando expectativas basadas en experiencias anteriores no se cumplen. La Ley de Jakob refuerza que los usuarios pasan más tiempo en otros sitios y esperan comportamientos similares.
Aplicación en Diseño
Consistencia Interna
- Mismos colores para mismas acciones (azul = links)
- Iconografía uniforme en toda la app
- Posición consistente de elementos (nav, CTAs)
- Terminología idéntica para mismos conceptos
Consistencia Externa
- Convenciones de plataforma (iOS vs Android guidelines)
- Patrones de industria (carrito arriba-derecha en e-commerce)
- Estándares web (logo → home, links subrayados)
- Atajos de teclado estándar (Ctrl+S, Ctrl+C)
Sistemas de Diseño
- Design tokens (colores, spacing, typography)
- Componentes reutilizables documentados
- Patrones de interacción definidos
- Guidelines de voz y tono
Niveles de Consistencia
- Mismo elemento: Botón se ve igual en todas las páginas
- Misma aplicación: Patrones coherentes internamente
- Misma plataforma: Respeta guidelines de iOS/Android/Web
- Misma industria: Sigue convenciones del sector
Ejemplos
- Material Design: Sistema completo con componentes, motion, iconografía
- Apple HIG: Guidelines estrictas que unifican todo el ecosistema
- Stripe: Consistencia en API, docs, dashboard, y checkout
- Airbnb: Design Language System con componentes React
- IBM Carbon: Design system open source para productos enterprise
Anti-patterns
- ❌ Botones primarios de diferentes colores en distintas páginas
- ❌ Mismo icono con significados distintos
- ❌ Navegación que cambia de posición
- ❌ Terminología inconsistente ("Guardar" vs "Salvar" vs "Almacenar")
- ❌ Comportamientos diferentes para acciones similares
Métricas
- Heuristic Evaluation Score: Evaluación de consistencia por expertos
- Component Reuse Rate: % de componentes del design system usados
- Style Guide Compliance: Adherencia a guidelines
- Cross-page Task Time: Tiempo para tareas similares en diferentes secciones
Principios Relacionados
- [[jakobs-law]] - Expectativas basadas en otros sitios
- [[consistency-principle]] - Principio general de consistencia
- [[similarity]] - Gestalt: elementos similares se agrupan
Referencias
- Nielsen, J. (1994). "Usability Engineering". Morgan Kaufmann
- Apple Human Interface Guidelines
- Material Design Guidelines
- https://www.nngroup.com/articles/consistency-and-standards/