past-experience
La experiencia previa influye en cómo percibimos elementos. Use cuando diseñe para audiencias específicas, aproveche convenciones, o considere conocimiento previo del usuario.
When & Why to Use This Skill
This Claude skill leverages the Gestalt Principle of Past Experience to optimize UX/UI design and creative strategy. It helps designers and product teams create more intuitive interfaces by aligning visual elements with users' existing mental models and industry-standard conventions. By understanding how prior knowledge influences perception, this skill assists in reducing cognitive load, improving user adoption, and ensuring that designs resonate with specific target audiences across different demographics and cultures.
Use Cases
- Leveraging Industry Conventions: Applying standard UI patterns like the 'hamburger menu' for navigation or the 'magnifying glass' for search to ensure immediate user recognition and minimize the learning curve.
- Designing for Specific Demographics: Tailoring interface metaphors and complexity based on the user's background, such as distinguishing between the needs of digital natives versus older generations or experts versus novices.
- Managing UI Transitions: Introducing new design patterns gradually by maintaining familiar 'affordances' and metaphors to help users transition from legacy systems without frustration or confusion.
- Cross-Cultural UX Optimization: Evaluating how different cultural backgrounds and prior experiences influence the interpretation of symbols, colors, and layouts within a global application.
| name | past-experience |
|---|---|
| author | ux-ui-skills |
| version | "1.0" |
| category | gestalt |
Principio de Experiencia Pasada
Resumen
Los elementos se perciben según experiencias y aprendizajes previos del observador. Las expectativas basadas en conocimiento anterior influyen en la interpretación de nuevos estímulos.
Origen
- Escuela: Psicología de la Gestalt (principio adicional)
- Año: ~1920s, refinado posteriormente
- Conexión: Relacionado con esquemas cognitivos de Piaget
Fundamento Psicológico
El cerebro no procesa información desde cero; usa esquemas mentales construidos a lo largo del tiempo. Estos esquemas actúan como plantillas que guían la interpretación. Usuarios con diferentes backgrounds pueden percibir el mismo diseño de maneras distintas.
Aplicación en Diseño
Convenciones Aprendidas
- Iconos de floppy disk = guardar (aunque obsoleto)
- Lupa = búsqueda
- Hamburger menu = navegación móvil
- Carrito = e-commerce
Patrones de Industria
- Login arriba-derecha en sitios web
- Swipe para acciones en listas móviles
- Pull-to-refresh en feeds
- Double-tap para like (Instagram)
Diseño para Audiencias
- Expertos vs novatos (interfaces diferentes)
- Generaciones (digital natives vs immigrants)
- Culturas (significados de colores, gestos)
- Dominios profesionales (terminología específica)
Transiciones y Cambios
- Introducir cambios gradualmente
- Educar sobre nuevos patterns
- Mantener affordances familiares
- Opciones para volver a versiones anteriores
Ejemplos
- Save Icon: Floppy disk aún reconocible
- Phone Icon: Teléfono fijo para "llamar"
- Email Icon: Sobre de carta física
- Instagram: Double-tap → like (aprendido)
- Tinder: Swipe right/left (patente)
Anti-patterns
- ❌ Iconos que solo tienen sentido para diseñadores
- ❌ Ignorar convenciones sin razón válida
- ❌ Asumir conocimiento que usuarios no tienen
- ❌ Cambios drásticos sin transición ni educación
- ❌ Patrones de una plataforma en otra diferente
Métricas
- Icon Recognition Rate: Por demografía/experiencia
- Convention Compliance: Adherencia a patrones conocidos
- Learning Curve: Tiempo para usuarios nuevos
- Cross-cultural Testing: Interpretación por cultura
Principios Relacionados
- [[jakobs-law]] - Expectativas de otros sitios
- [[nielsen-match-real-world]] - Metáforas del mundo real
- [[nielsen-consistency]] - Consistencia con convenciones
Referencias
- Piaget, J. (1952). "The Origins of Intelligence in Children"
- Nielsen, J. (2000). "Jakob's Law of Internet User Experience"
- https://www.nngroup.com/articles/mental-models/