emotional-design

name	emotional-design
description	Los tres niveles de procesamiento emocional de Don Norman. Use cuando diseñe para engagement, satisfacción del usuario, o diferenciación de producto.
metadata	{"author":"ux-ui-skills","version":"1.0","category":"frameworks"}

Diseño Emocional

Resumen

Don Norman propone que los usuarios procesan productos en tres niveles: visceral (apariencia), conductual (uso), y reflexivo (significado). Un buen diseño debe satisfacer los tres niveles.

Origen

• Autor: Don Norman
• Año: 2004
• Fuente: "Emotional Design: Why We Love (or Hate) Everyday Things"

Los Tres Niveles

Nivel Visceral

• Qué es: Primera impresión, instintivo
• Tiempo: Milisegundos
• Evaluación: "¿Me gusta cómo se ve/siente?"
• Factores: Color, forma, textura, sonido, tacto

Diseño Visceral

• Estética atractiva
• Colores apropiados
• Tipografía cuidada
• Espaciado generoso
• Calidad percibida

Nivel Conductual

• Qué es: Experiencia de uso
• Tiempo: Durante interacción
• Evaluación: "¿Funciona bien?"
• Factores: Usabilidad, eficiencia, feedback

Diseño Conductual

• Tareas fáciles de completar
• Feedback claro
• Errores prevenidos
• Control del usuario
• Eficiencia

Nivel Reflexivo

• Qué es: Significado y memoria
• Tiempo: Post-interacción
• Evaluación: "¿Qué dice de mí?"
• Factores: Identidad, status, memoria

Diseño Reflexivo

• Storytelling del producto
• Identidad de marca
• Valores comunicados
• Experiencia compartible
• Orgullo de propiedad

Aplicación en Diseño

Balance de Niveles

• No sacrificar conductual por visceral
• Reflexivo construye lealtad
• Visceral atrae, conductual retiene
• Reflexivo genera advocacy

Por Contexto

• Apps de productividad: Conductual primero
• Productos de lujo: Visceral y reflexivo
• Herramientas profesionales: Conductual con reflexivo
• Redes sociales: Los tres equilibrados

Momentos Clave

• Onboarding: Visceral fuerte
• Uso diario: Conductual optimizado
• Logros: Reflexivo memorable
• Errores: Conductual compasivo

Ejemplos

• Apple: Excelente en los tres niveles
• Slack: Conductual fuerte, visceral en personalidad
• Notion: Reflexivo en "tool for thought"
• Mailchimp: Visceral y reflexivo con Freddie
• Stripe: Conductual excelente, visceral clean

Anti-patterns

• ❌ Solo visual sin usabilidad
• ❌ Funcional pero frío
• ❌ Sin personalidad ni significado
• ❌ Estética que interfiere con uso
• ❌ Ignorar emociones negativas

Métricas

• Visceral: First impression ratings
• Conductual: Task success, efficiency
• Reflexivo: NPS, brand sentiment, retention
• Holístico: Customer lifetime value

Principios Relacionados

• [[aesthetic-usability-effect]] - Belleza percibida como usable
• [[ux-honeycomb]] - Deseable como faceta
• [[peak-end-rule]] - Momentos memorables

Referencias

• Norman, D. (2004). "Emotional Design"
• Walter, A. (2011). "Designing for Emotion"
• https://www.nngroup.com/articles/emotional-design/