Agent skill

von-restorff-effect

Los elementos que se destacan son más memorables. Use cuando diseñe CTAs, elementos de promoción, o cualquier cosa que necesite captar atención y ser recordada.

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/von-restorff-effect-vjrivmon-setup-software-ia

Metadata

Additional technical details for this skill

author
ux-ui-skills
version
1.0
category
behavioral-effects

SKILL.md

Efecto Von Restorff (Efecto de Aislamiento)

Resumen

Cuando múltiples objetos similares están presentes, el que difiere del resto tiene más probabilidades de ser recordado. También conocido como "efecto de aislamiento".

Origen

  • Autora: Hedwig von Restorff
  • Año: 1933
  • Fuente: "Über die Wirkung von Bereichsbildungen im Spurenfeld"

Fundamento Psicológico

La atención selectiva prioriza estímulos novedosos o incongruentes. El contraste captura la atención automáticamente y mejora la codificación en memoria. El cerebro está optimizado para detectar cambios y diferencias, una adaptación evolutiva para detectar amenazas u oportunidades.

Aplicación en Diseño

CTAs y Botones

  • Botón primario con color distintivo
  • Un solo CTA destacado por pantalla
  • Contraste con el resto de elementos
  • Posición estratégica del elemento destacado

Pricing Tables

  • Plan recomendado visualmente diferente
  • Badge "Popular" o "Best Value"
  • Escala o elevación diferente
  • Color distinto para opción preferida

Notificaciones y Alertas

  • Colores de alerta vs contenido normal
  • Badges de contador (números rojos)
  • Estados de error visualmente distintivos
  • Mensajes importantes resaltados

Contenido Destacado

  • Featured posts con estilo diferente
  • Promociones con diseño distintivo
  • Elementos "nuevo" claramente marcados
  • Ofertas limitadas con urgencia visual

Ejemplos

  • Netflix: Thumbnail más grande para contenido destacado
  • Amazon: "Best Seller" badges en productos
  • Spotify: Playlist del día con diseño único
  • GitHub: Repositorio "pinned" destacado
  • App Store: "App of the Day" con diseño diferente

Anti-patterns

  • ❌ Demasiados elementos "destacados" (nada destaca)
  • ❌ Colores de énfasis usados en exceso
  • ❌ CTAs que no contrastan con el fondo
  • ❌ Badges en todos los productos
  • ❌ Todo con la misma prominencia visual

Métricas

  • Recall Rate: Elementos recordados después de exposición
  • Click-through Rate: CTR de elementos destacados
  • Attention Heat Maps: Foco visual en elementos distintivos
  • Conversion by Prominence: Conversión por nivel de destaque

Principios Relacionados

  • [[nielsen-minimalist-design]] - Menos ruido = más impacto del destacado
  • [[figure-ground]] - Separar elemento de su contexto
  • [[contrast]] - Contraste visual para atención

Referencias

Didn't find tool you were looking for?

Be as detailed as possible for better results