majiayu000 Prevención de Errores
Resumen
Mejor que buenos mensajes de error es un diseño cuidadoso que prevenga que los problemas ocurran en primer lugar. Eliminar condiciones propensas a errores o verificar y presentar opciones de confirmación antes de que los usuarios se comprometan con acciones.
Origen
- Autor: Jakob Nielsen
- Año: 1994 (refinado 2020)
- Fuente: Nielsen Norman Group - "10 Usability Heuristics for User Interface Design"
Fundamento Psicológico
Los humanos cometen dos tipos de errores: slips (errores de atención) y mistakes (errores de intención). Los slips ocurren cuando la acción ejecutada difiere de la intencionada; los mistakes cuando el plan mental es incorrecto. El diseño preventivo aborda ambos tipos anticipando fallos humanos predecibles.
Aplicación en Diseño
Prevención de Slips
- Auto-completado en campos de búsqueda
- Sugerencias en tiempo real mientras escribe
- Defaults inteligentes pre-seleccionados
- Separación visual de acciones destructivas
Prevención de Mistakes
- Wizards que guían paso a paso
- Validación inline antes de submit
- Preview de cambios antes de confirmar
- Restricciones que hacen imposible opciones inválidas
Validación de Formularios
- Validación en tiempo real (no solo al submit)
- Formatos aceptados mostrados como placeholder
- Mensajes de ayuda contextuales
- Indicadores de requisitos (*, opcional)
Confirmaciones Inteligentes
- Diálogos de confirmación para acciones irreversibles
- Repetir información crítica (email de confirmación)
- Comparar antes/después en cambios masivos
- Tiempo de espera antes de ejecutar (countdown)
Ejemplos
- Google Search: "Quizás quisiste decir..." para errores ortográficos
- GitHub: Branch protection rules previenen push a main
- Stripe: Validación de tarjeta con Luhn algorithm en tiempo real
- Slack: Advertencia al mencionar @channel en canales grandes
- Gmail: Detecta "adjunto" en texto sin archivos adjuntos
Anti-patterns
- ❌ Validación solo al enviar formulario
- ❌ Campos de texto libre para datos estructurados (fechas, teléfonos)
- ❌ Acciones destructivas junto a acciones frecuentes
- ❌ Permitir guardar datos incompletos/inválidos
- ❌ Mensajes de error genéricos sin indicar qué corregir
Métricas
- Form Abandonment Rate: Abandonos por frustración con errores
- Error Rate per Field: Errores por campo de formulario
- Time to Complete Form: Reducido con validación inline
- Prevention vs Recovery Ratio: Errores prevenidos vs corregidos
Principios Relacionados
- [[poka-yoke]] - Diseño a prueba de errores
- [[constraints-principle]] - Restricciones que previenen errores
- [[postels-law]] - Ser liberal en lo que aceptas
Referencias
- Nielsen, J. (1994). "Usability Engineering". Morgan Kaufmann
- Norman, D. (2013). "The Design of Everyday Things". Basic Books
- https://www.nngroup.com/articles/slips/