¿Alguna vez, al hacer la compra en el supermercado, has visto un envase rojo en un estante donde se alineaban cartones blancos de leche? Al volver a casa y pensar en lo que viste, quizá apenas recuerdes los nombres de las otras leches, pero ese envase rojo se te viene a la mente con toda claridad. Este fenómeno, por el que un elemento diferente se recuerda mejor entre otros parecidos, se conoce como «efecto von Restorff (Von Restorff Effect)».
En pocas palabras, el efecto von Restorff describe el principio según el cual, cuando hay varios elementos parecidos, el que se distingue del resto es el más fácil de recordar. También se conoce como efecto de aislamiento (Isolation Effect), porque el elemento diferente queda separado del resto. La psiquiatra y pediatra alemana Hedwig von Restorff lo demostró por primera vez mediante un experimento en 1933.
En este artículo veremos, en orden, el experimento de memoria que mostró por primera vez este efecto, los recursos de contraste que permiten distinguir un elemento, algunos ejemplos de la vida cotidiana y de las pantallas, y los principios que conviene seguir al aplicarlo al diseño.
Cómo influye la diferencia en la memoria y cómo aprovecharla en el diseño
¿Qué es el efecto von Restorff?
Von Restorff realizó esta investigación en el Instituto de Psicología de la Universidad de Berlín bajo la dirección del psicólogo de la Gestalt Wolfgang Köhler y publicó los resultados en 1933 en la revista Investigación Psicológica (Psychologische Forschung). En el experimento introdujo un número en una lista de secuencias de letras sin sentido. Los participantes recordaron ese número mucho mejor que los demás elementos.
- Elemento aislado (Isolated Item). Es el único elemento de la lista que difiere de los demás por su tipo o aspecto, y el que mejor se recuerda.
- Elementos homogéneos (Homogeneous Items). Son los demás elementos, que se parecen entre sí y tienden a confundirse, de modo que el recuerdo de cada uno es impreciso.
Curiosamente, el efecto se observó incluso cuando el número aparecía en segundo o tercer lugar, antes de que se hiciera evidente el patrón de la lista. Von Restorff consideraba que el principio perceptivo que permite distinguir la figura del fondo opera del mismo modo en la memoria. En otras palabras, el parecido entre los elementos que forman el fondo importa más que el propio elemento que destaca. En la investigación actual sobre la memoria se denomina distintividad (Distinctiveness) a esta cualidad por la que una diferencia marcada facilita el recuerdo, y el efecto von Restorff se considera un ejemplo representativo.
4 recursos de contraste para distinguir un elemento
En diseño, este principio se aplica mediante el contraste visual. Leyes de UX (Laws of UX), una recopilación de principios de experiencia de usuario, recomienda diferenciar de forma visible la información importante y las acciones clave. El primer paso es dar un aspecto uniforme a los elementos que rodean al que se quiere destacar. Si todos los elementos del entorno son distintos entre sí, cambiar el color de uno de ellos no bastará para que sea el único diferente.
(1) Color y luminosidad
Consiste en cambiar el color o la luminosidad, como en el caso de un botón azul oscuro entre botones grises. Es el recurso más rápido y el más habitual.
(2) Tamaño y grosor
Si en un texto de aspecto uniforme una sola línea aparece en un tamaño mayor y en negrita, la vista se dirige primero a esa línea, incluso antes de empezar a leer.
(3) Forma y espacio en blanco
Una tarjeta redonda entre tarjetas rectangulares o un elemento separado de los demás por un espacio en blanco destacan incluso si conservan el mismo color. Fijar un solo elemento por separado en la parte superior de una lista larga también permite distinguirlo por su posición.
(4) Movimiento
En una pantalla estática, una notificación que se mueve ligeramente o se ilumina atrae mucho la mirada. Ese mismo recurso también puede generar bastante fatiga.
Ejemplos sencillos para entender el efecto von Restorff
[Ejemplo 1] La tarjeta «Recomendado» en una tabla comparativa de planes
Si una pantalla muestra tres planes uno al lado del otro y solo la tarjeta central tiene un borde más oscuro y una banda que dice «Recomendado», muchas personas leen esa tarjeta primero y la recuerdan durante más tiempo. De ese modo, la empresa convierte la opción que más le interesa recomendar en el elemento aislado. Para que la tarjeta central destaque con mayor claridad, las dos tarjetas laterales deben tener deliberadamente el mismo color y la misma forma.
[Ejemplo 2] El resaltador en el libro de texto
Si se marcan con un resaltador solo unas pocas líneas esenciales del temario del examen, esas líneas son las primeras que vienen a la mente al repasar. Si se resalta toda la página, lo resaltado pasa a ser el fondo y nada queda en la memoria. Para que el resaltado funcione, tiene que haber suficiente espacio sin resaltar.
[Ejemplo 3] Un botón para una acción irreversible
Si un botón que ejecuta una acción irreversible, como «Eliminar cuenta», se distingue mediante el color rojo y un icono de advertencia, el usuario se detiene un momento antes de pulsarlo sin pensar. En este caso, el principio que facilita el recuerdo sirve como medida de seguridad para evitar errores.
Principios para aplicar el efecto von Restorff
El contraste pierde fuerza cuanto más se usa. Para aprovechar bien el efecto, conviene tener presentes tres principios.
(1) Destacar con moderación
Si todo se destaca, nada sobresale. Si los elementos llamativos compiten entre sí o son tan vistosos que parecen publicidad, el usuario tiende a pasar por alto esa parte. En cada pantalla conviene elegir un solo elemento para darle el máximo énfasis y destacar los demás con menor intensidad.
(2) Combinar el color con otros recursos
Las personas con alteraciones en la percepción del color o con baja visión pueden tener dificultades para distinguir las diferencias de color. Las Pautas de Accesibilidad para el Contenido Web (WCAG) también establecen que la información debe transmitirse con algo más que el color, por lo que conviene modificar también el texto, los iconos o el grosor.
(3) Usar el movimiento con cuidado
Algunas personas sienten vértigo o mareo ante el movimiento en pantalla. Cuando se usa el movimiento para crear contraste, conviene que sea breve y suave y que respete el ajuste del dispositivo para reducir el movimiento.
El efecto von Restorff muestra que la memoria humana retiene mejor el elemento que se diferencia del fondo y que los demás no se recuerdan con la misma facilidad. Por eso, decidir qué elementos conservarán un aspecto uniforme es más importante que elegir cuál se hará diferente. Un fondo sobrio y ordenado permite que destaque el único elemento que realmente lo necesita.
Elegir un solo elemento verdaderamente importante y presentarlo de forma claramente diferenciada es el primer paso para crear un diseño que se recuerde.
