¿Cuáles son algunos ejemplos de animación UX / Ui que reducen la ansiedad intersticial?

Para abordar eficazmente el problema de la ansiedad intersticial, primero debemos comprender sus componentes: la ansiedad primordial y la ansiedad temporal . Luego, haga que el usuario se sienta cómodo en dos etapas posteriores que pueden desencadenar esas ansiedades: la transición a otra página y la carga de esa página.


Transición a otra página

Se necesita una animación, especialmente cuando el diseño de la página varía drásticamente (por ejemplo, pasar de una línea de tiempo a una página de perfil). Un cambio repentino de estado puede generar ansiedad porque tendemos a enfocarnos más para comprender / adaptarnos lo más rápido posible a ese cambio, si en cambio el usuario lo ve en “cámara lenta”, no se activa ningún instinto primario.

Chase Buckley dice en este artículo: “la animación de transición entre diapositivas ayuda a proporcionar una experiencia perfecta entre la acción y la respuesta: el movimiento de rebote de pausa temporal del modal ayuda al usuario a adaptarse inconscientemente a la transición entre los estados de la página”.

Por lo tanto, una transición bien diseñada puede entretener al usuario lo suficiente mientras se adapta a la nueva vista.

Muchos más animación de transición en captivate.co


Página cargando

La página después de la transición puede no estar lista, cargar el contenido puede tardar un poco. Rusty Mitchel dice en su artículo The Psychology of Waiting: “solo medio segundo de retraso en el tiempo de carga resultó en una caída del 20% en el tráfico a la página de búsqueda de Google”.

Para abordar este problema, podemos elegir entre una animación de carga (más rápida de diseñar e implementar) o una animación de marcador de posición (más efectiva).

Un spinner de carga resuelve el problema parcialmente, pero ha demostrado ser ineficaz a largo plazo. Mirar una página en blanco con una animación de 3 cuadros en bucle no ayudará mucho si la página está abierta a menudo y el tiempo de carga puede ser largo. Los diseñadores de Facebook tuvieron que lidiar con eso, por lo que diseñaron una manera simple pero efectiva de distraer al usuario: un diseño de marco de alambre con un sutil efecto de brillo.

Muchos más cargando animación en captivate.co