jakobs-law
Los usuarios esperan que tu sitio funcione como otros que conocen. Use cuando evalúe patrones de diseño, tome decisiones sobre convenciones, o considere innovaciones en UI.
When & Why to Use This Skill
This Claude skill leverages Jakob's Law to guide UX/UI design decisions, ensuring websites and applications meet user expectations by following established design patterns. It helps reduce cognitive load by aligning interfaces with the mental models users have developed from other popular platforms, ultimately improving usability and learnability.
Use Cases
- Evaluating UI design patterns: Use this skill to verify if your layout follows standard web conventions, such as logo placement, navigation structures, and shopping cart positioning.
- E-commerce optimization: Apply proven industry patterns for product grids, filtering systems, and checkout flows to minimize friction and increase conversion rates.
- SaaS Interface Design: Structure dashboards, profile settings, and navigation sidebars based on common standards to ensure a seamless experience for new users.
- Innovation Risk Assessment: Determine when it is appropriate to break conventions and how to validate those innovations through testing to avoid increasing user error rates.
- UX Auditing: Identify and correct 'anti-patterns' like non-standard icons or unconventional scrolling that may confuse users and hinder task completion.
| name | jakobs-law |
|---|---|
| author | ux-ui-skills |
| version | "1.0" |
| category | cognitive-laws |
Ley de Jakob
Resumen
Los usuarios pasan la mayor parte de su tiempo en otros sitios. Esto significa que prefieren que tu sitio funcione de la misma manera que todos los otros sitios que ya conocen.
Origen
- Autor: Jakob Nielsen
- Año: 2000
- Fuente: Nielsen Norman Group - "End of Web Design"
Fundamento Psicológico
Los modelos mentales se forman a través de experiencias acumuladas. Cuando los usuarios encuentran patrones familiares, pueden aplicar conocimiento existente sin aprendizaje adicional. Romper convenciones fuerza a los usuarios a construir nuevos modelos mentales, aumentando la carga cognitiva y la probabilidad de errores.
Aplicación en Diseño
Convenciones Web Establecidas
- Logo arriba-izquierda → enlace a home
- Carrito de compras arriba-derecha
- Navegación principal en header o sidebar izquierdo
- Footer con links legales, contacto, redes sociales
Patrones de E-commerce
- Filtros en sidebar izquierdo
- Grid de productos con imagen, título, precio
- "Añadir al carrito" prominente
- Proceso de checkout: cart → shipping → payment → confirm
Patrones de SaaS
- Dashboard como landing post-login
- Settings en menú de perfil (arriba-derecha)
- Sidebar con navegación principal
- Breadcrumbs para jerarquía
Cuándo Romper Convenciones
- Solo con razón fundamentada y validada
- Cuando la innovación aporta valor claro
- Con transición suave y educación del usuario
- Testear exhaustivamente antes de implementar
Ejemplos
- Todos los e-commerce: Carrito arriba-derecha
- Todos los blogs: Post más recientes primero
- Todos los SaaS: Pricing en nav principal
- YouTube/Vimeo: Reproductor centrado, info debajo
- Twitter/X clone: Feed vertical infinito
Anti-patterns
- ❌ Navegación en lugares no convencionales
- ❌ Iconos personalizados sin estándares
- ❌ Carrito de compras en la izquierda
- ❌ Scroll horizontal en contenido principal
- ❌ Login que no acepta email
Métricas
- Learnability Score: Tiempo para completar primera tarea
- Error Rate: Errores por expectativas no cumplidas
- User Satisfaction: Calificación de facilidad de uso
- Time on Task: Comparado con competidores
Principios Relacionados
- [[nielsen-consistency]] - Consistencia interna y externa
- [[nielsen-match-real-world]] - Coincidencia con modelos mentales
- [[least-astonishment]] - Comportamiento predecible
Referencias
- Nielsen, J. (2000). "End of Web Design"
- Nielsen Norman Group. "Mental Models"
- https://lawsofux.com/jakobs-law/