← Back to list

emotional-design
by vjrivmon
Sistema de orquestación de agentes para Claude Code - Transforma ideas en MVPs funcionales
⭐ 1🍴 0📅 Jan 24, 2026
SKILL.md
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/
Score
Total Score
65/100
Based on repository quality metrics
✓SKILL.md
SKILL.mdファイルが含まれている
+20
✓LICENSE
ライセンスが設定されている
+10
○説明文
100文字以上の説明がある
0/10
○人気
GitHub Stars 100以上
0/15
✓最近の活動
1ヶ月以内に更新
+10
○フォーク
10回以上フォークされている
0/5
✓Issue管理
オープンIssueが50未満
+5
✓言語
プログラミング言語が設定されている
+5
✓タグ
1つ以上のタグが設定されている
+5
Reviews
💬
Reviews coming soon

