nielsen-consistency
Mantiene patrones visuales y de comportamiento uniformes en toda la interfaz. Use cuando diseñe sistemas de diseño, defina patrones de interacción, o evalúe coherencia entre pantallas.
When & Why to Use This Skill
This Claude skill implements Jakob Nielsen's 'Consistency and Standards' usability heuristic to ensure uniform visual and behavioral patterns across digital interfaces. It helps designers and developers maintain design system integrity, reduce user cognitive load, and align products with industry-standard conventions and platform-specific guidelines (iOS/Android/Web).
Use Cases
- Design System Auditing: Reviewing UI components and layouts to ensure strict adherence to established design tokens, spacing, and typography.
- Heuristic Evaluation: Identifying usability friction where inconsistent terminology, icons, or workflows might confuse users or deviate from their expectations.
- Cross-Platform Alignment: Ensuring that web and mobile applications maintain a coherent brand identity while respecting platform-specific standards like Material Design or Apple HIG.
- Standardizing Interaction Patterns: Verifying that similar actions (such as 'Save' vs 'Store') behave identically across different modules of a complex software ecosystem.
| name | nielsen-consistency |
|---|---|
| author | ux-ui-skills |
| version | "1.0" |
| category | heuristics |
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/