返回 Skill 列表
extension
分类: 开发与工程无需 API Key

jakobs-law

用户期望你的网站能像他们熟悉的其他网站一样工作。在评估设计模式、决定遵循惯例或考虑UI创新时,请使用这一点。

person作者: jakexiaohubgithub

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/