AgentSkillsCN

jakobs-law

用户习惯于期待自己的网站与其他他们熟悉的平台一样顺畅运行。在评估设计模式、权衡设计惯例,或探索UI创新时,这一原则能够为设计师提供重要参考。

SKILL.md
--- frontmatter
name: jakobs-law
description:
  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.
metadata:
  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