Agent skill

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.

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/jakobs-law-vjrivmon-setup-software-ia

Metadata

Additional technical details for this skill

author
ux-ui-skills
version
1.0
category
cognitive-laws

SKILL.md

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

Didn't find tool you were looking for?

Be as detailed as possible for better results