en las pruebas de usabilidad, a menudo observamos a los usuarios que pasan por alto un cambio en la pantalla que los diseñadores pensaron que sería obvio y muy notable. Como siempre en usabilidad, si trabajaste en un diseño, entonces sabes qué buscar, dónde buscarlo, cuándo aparecerá y qué significa. Así que sí, es obvio para usted y no se perdería la aparición de un mensaje importante u objeto de datos cuando revise su propio diseño. Pero los usuarios a menudo lo hacen. ¿Por qué?, Debido a la ceguera al cambio, que es un hecho de millones de años de la percepción humana (y protohuman), y no es probable que desaparezca en el corto plazo.
entonces, ¿qué es la ceguera al cambio? En Psycho de Alfred Hitchcock, una de las películas más famosas de todos los tiempos, el detective Arbogast mira la casa de Norman Bates proyectada en un cielo oscuro y sin nubes. La cámara se mueve hacia la cara del detective, y lo sigue mientras comienza a caminar hacia la casa. La escena sigue siendo oscura, pero el cielo se ha vuelto repentinamente lleno de nubes.,
si el cambio en la textura del cielo fue intencional (quizás la sutil advertencia de Hitchock para lo que estaba por venir) o un error de continuidad, lo más probable es que la mayoría de los espectadores no lo noten. Las películas a menudo tienen pequeñas inconsistencias como esta de una escena a la siguiente: cambios en el fondo, en la ropa de los actores, el maquillaje o las posiciones, pero estos se ignoran cuando se hacen durante los cortes entre escenas.
este fenómeno se llama ceguera al cambio y va más allá de las películas: se aplica a cómo las personas perciben las escenas en general, ya sea proyectadas en una pantalla o en la vida real., La ceguera al cambio es muy robusta: incluso cuando se advierte a las personas que puede ocurrir un cambio, los cambios en una escena pueden pasar desapercibidos.
definición: la ceguera al cambio se refiere a la tendencia de las personas a ignorar los cambios en una escena cuando ocurren en una región que está lejos de su foco de atención.
en psicología, la ceguera al cambio es quizás mejor ilustrada por una serie de experimentos realizados a mediados de la década de 1990., En estos experimentos, a los participantes se les mostró una imagen de una escena compleja durante aproximadamente medio segundo; luego la pantalla se quedó en blanco durante una fracción de segundo, y finalmente se volvió a mostrar la misma imagen. Sin embargo, la segunda vez que se mostró la escena, se modificaron algunos detalles, por ejemplo, un objeto cambió de tamaño, color o se agregó o eliminó un elemento. Se suponía que los participantes en el experimento debían identificar los cambios en las dos imágenes. En algunos de estos estudios, las personas recorrieron las dos versiones muchas veces, hasta que fueron capaces de detectar el cambio., Para muchos se necesitaron 20 o 40 alternancias para poder encontrarlo.
la calidad de parpadeo de la pantalla (una escena, seguida de una pantalla en blanco, seguida de lo que parece ser la misma escena) es un componente esencial de la ceguera al cambio. En las películas, El Corte de escena juega el papel de un parpadeo; y, en la interacción con un ordenador, el parpadeo es causado por la carga de una nueva página (o elemento de interfaz de usuario) una vez que el Usuario ha presionado un botón., Pero resulta que el parpadeo no tiene que ser literal: las modificaciones de la escena que ocurren cuando el usuario parpadea o durante un saccade (cuando mueve sus ojos a otra región de la pantalla) también son altamente susceptibles a la ceguera al cambio.
Los magos aprovechan la propensión de los humanos a cambiar la ceguera a medida que sus ojos se mueven: usan un dispositivo que atrae la atención para provocar movimientos oculares en ese lugar y, al mismo tiempo, realizan acciones no observadas que son esenciales para sus trucos.
¿por qué ocurre la ceguera al cambio?,
la razón fundamental por la que se produce la ceguera al cambio es una limitación en nuestras capacidades de atención. Cualquier escena compleja tiene una multitud de detalles, y es difícil e ineficiente para la gente atender a todos ellos. Lo que normalmente hacemos es tomar atajos.
el cambio es y siempre ha sido importante para los seres humanos: puede transmitir información esencial sobre nuestro medio ambiente., La mayoría de los cambios en la naturaleza están mediados por el movimiento (con pocas excepciones, como los camaleones, un objeto físico no puede cambiar instantáneamente sin movimiento involucrado), y el movimiento es fácilmente detectado por la visión periférica humana. Una vez que los ojos humanos detectan el movimiento en la periferia, miran la fuente del movimiento: la visión central se activa y proporciona información complementaria y detallada. Este comportamiento es un remanente de nuestra vida en la naturaleza, donde cualquier movimiento podría señalar a un depredador que nos espera para cazarnos.
la ceguera al cambio ocurre cuando el movimiento como señal para el cambio es débil o completamente ausente., Cuando la pantalla parpadea, el movimiento se desvía-vemos dos versiones estáticas de la escena. La única manera de averiguar qué ha cambiado es inspeccionando todos los elementos correspondientes en las versiones antes y después y comparándolos. Esta tarea es muy difícil, no solo es tedioso inspeccionar la miríada de pequeños detalles en la escena, sino que es probable que nuestro recuerdo de la versión anterior de la escena sea bastante pobre. De hecho, lo más probable es que no prestamos atención a muchos de los elementos de esa escena de todos modos.
pero la ceguera al cambio también ocurre durante un movimiento ocular., En otras palabras, si dos (posiblemente cambios de movimiento) compiten entre sí, como en el espectáculo de magia, un cambio generalmente gana y atrae al ojo, pero ese movimiento del ojo bloquea la detección del Segundo cambio. Esta causa es particularmente importante en el diseño de interfaces.
cambiar ceguera en el diseño de la interfaz
en las interacciones normales con una interfaz de usuario, cambiar ceguera a menudo ocurre cuando un nuevo elemento (como una imagen diferente en un carrusel de imagen de producto, o el contenido de un menú desplegable) aparece en la pantalla como resultado de la acción del usuario y otras áreas de la pantalla también cambian., Se espera que el locus del cambio sea el elemento de diseño visible que responda directamente a la acción del usuario y el usuario mueva los ojos en esa dirección; Sin embargo, de hecho, el cambio se extiende a través de múltiples regiones de la pantalla.
por ejemplo, cuando los usuarios tocan el menú hamburguesa en la aplicación Android de Aldiko, esperan que los cambios en la pantalla estén relacionados con esa acción, es decir, que los nuevos elementos se localizarán en el área que rodea el contenido del menú., Sus ojos permanecerán alrededor de esa área y es poco probable que noten que el botón de acción-desbordamiento en la esquina superior derecha de la pantalla ha sido reemplazado por un icono de búsqueda.
en otro lugar, discutimos cómo el cuadro de búsqueda no debe ser reemplazado por un icono de búsqueda en el escritorio; en una pantalla móvil, sin embargo, el patrón es más utilizable que en el escritorio, ya que nuestra investigación muestra que la herramienta de Lupa es bastante detectable incluso cuando el cuadro de búsqueda está ausente., Sin embargo, si el cuadro de búsqueda no es visible de forma predeterminada, cuando los usuarios hacen clic en el icono de búsqueda, el campo de texto debe aparecer junto a él (en lugar de estar más separado en la pantalla) para garantizar que la gente no se lo pierda.
Las barras de navegación semipersistentes o los botones flotantes que aparecen hacia la parte superior de la página también corren el riesgo de no ser detectados, ya que a menudo el desplazamiento de la página los enmascara., Por ejemplo, las barras de navegación semipersistentes aparecen en la parte superior de la pantalla cuando las estrellas del Usuario se desplazan hacia arriba. La esperanza es que la gente se dará cuenta de estas barras y seleccionar una de las opciones dentro de ellos en lugar de deslizar su camino hasta la parte superior de la página. Desafortunadamente, el movimiento de la página puede bloquear fácilmente el movimiento causado por la aparición de la barra, especialmente cuando el color de la barra se mezcla con el color de la página, como en el ejemplo del New York Times a continuación.,
(Nuestra visión periférica es responsable de la selección movimiento y también sombras., Cuando el perfil de» sombra » de una página cambia, por ejemplo porque un gran bloque de color contrastante ha aparecido en una esquina, es más fácil para nosotros detectar su apariencia que cuando el mismo bloque se mezcla sutilmente con el resto de la página y no altera significativamente el perfil de sombra de la página.)
hay muchos otros aspectos del diseño que pueden verse afectados por la ceguera al cambio: los mensajes de error u otras notificaciones, los resultados que aparecen demasiado rápido o los cambios en las barras de navegación también pueden permanecer ignorados debido a este fenómeno, como se explica en nuestro Artículo complementario sobre el mismo tema.,
cómo prevenir la ceguera al cambio en el diseño de la interfaz
para evitar la ceguera al cambio, analice su diseño para detectar cualquier cambio competitivo que pueda ocurrir al mismo tiempo y que pueda desviar la atención unos de otros. Estas son algunas técnicas para hacerlo:
- Hacer un cambio a la vez. En el ejemplo anterior de Aldiko, la búsqueda podría colocarse en la esquina superior derecha y ser visible siempre.
- agrupe todos los elementos que cambiarán simultáneamente en la misma región de la pantalla, para asegurarse de que el movimiento llamará la atención sobre todos ellos., Por ejemplo, otra solución fácil para el diseño de Aldiko es mover la búsqueda dentro del menú. (Sin embargo, tenga en cuenta que ocultar la búsqueda bajo un menú afectará seriamente su capacidad de detección y solo puede ser aceptable en sitios con mucha navegación.)
- Use la animación para indicar el cambio, pero evite tener demasiadas animaciones competidoras en la pantalla para evitar una dilución de la atención.
- atenuar las áreas de la pantalla que no cambian, con el fin de atraer la atención a los cambios.,
- si está agregando elementos flotantes a la página a medida que el Usuario se desplaza, muéstrelos junto al foco de atención del usuario (por ejemplo, hacia la parte inferior de la página para los botones de regreso a la parte superior) y use colores que contrasten con el resto de la página.