Comportamiento de desplazamiento de diseño: cuándo guardar la ubicación del usuario

Una de las formas más rápidas de frustrar a los usuarios es perder el progreso. Imagínese: Desplácese, desplázate, despliegue hacia abajo en una lista larga … haga clic … Leer y hacer clic Atrás Botones, solo aterriza en la parte superior de la lista, no donde te fuiste.

Este es un momento por hora, pero la posición de desplazamiento no se puede guardar aumentará Costo de interacción Use páginas largas de sitios. En la mayoría de los casos, guardar la posición de desplazamiento reduce el esfuerzo del usuario.

Dicho eso, no siempre existir ux. Es importante considerar la intención del usuario, y en algunos casos guardar la posición de desplazamiento no es la opción correcta.

Pogo pegado Consulte el patrón entre los patrones de navegar de un lado a otro entre páginas de enrutamiento (generalmente una lista como páginas de volumen de búsqueda o listas de productos) para profundizar en las páginas de esa jerarquía de sitios web, que están vinculadas desde la página de enrutamiento (por ejemplo, páginas de productos). Esto también es cierto cuando las personas visitan la página por encima del agregador de noticias o el producto de comercio electrónico, que es uno de los casos comunes en los que las personas pierden su lugar en la página. Esto se debe a que cuando el usuario navega de nuevo a la página de enrutamiento, la página generalmente la restablece en la parte superior de la lista, lo que obliga al usuario a desplazarse nuevamente y escanear para volver a su ubicación original.

En un estudio reciente, los participantes estaban navegando por episodios de podcasts en la aplicación Spotify. Se desplazó por los episodios pasados ​​que había escuchado, buscando otros nuevos. Después de que el participante hizo clic en un episodio para ver los detalles, decidió que quería regresar y continuar navegando. Sin embargo, fue devuelto a la parte superior de la lista, lo que significaba que tuvo que desplazarse hacia abajo nuevamente para encontrar su lugar. Este diseño aumenta innecesariamente el costo de la interacción.

Para resolver este problema, muchos (pero no todos) usan usuarios Estacionamiento – Abra el artículo en la nueva pestaña. Sin embargo, la tecnología no siempre está disponible porque el uso de etiquetas es engorroso o incluso no disponible (por ejemplo, en aplicaciones móviles), o el usuario puede no saber. En lugar de obligar a los usuarios a confiar en soluciones como el estacionamiento de páginas, podemos reducir la fricción guardando la posición de desplazamiento.

En la mayoría de los casos, retener la posición de desplazamiento es la opción correcta porque minimiza los costos de interacción. Las tareas simples como comprar, leer o elegir un podcast se vuelven más tediosos de lo necesario cuando no hay ahorro.

Guardar la posición de desplazamiento ayuda cuando el usuario regresa a la página en la misma sesión y el contenido de la página no ha cambiado.

y Paginación. Los usuarios esperan volver a la misma página al navegar por la lista de paginación. Si el usuario hace clic en el elemento en la página 8 y luego regresa a la lista, no debe volver a la página 1.

Si bien guardar la ubicación del usuario suele ser la opción correcta, restablecer la ubicación de desplazamiento es más útil en algunos casos. Para determinar el mejor diseño para el comportamiento de desplazamiento, considere el contexto: el tipo de contenido que se muestra, con qué frecuencia se actualiza y lo que el usuario está tratando de completar.

Restablecer la posición de desplazamiento cuando el contenido se actualiza con frecuencia

Si el contenido se ha actualizado desde que el usuario vio la página por última vez, guardar su posición de desplazamiento anterior puede hacer que se coloquen en partes obsoletas o no relacionadas de la lista. Esto puede ser especialmente problemático en sitios en tiempo real o que cambian rápidamente.

Por ejemplo, durante los debates políticos o los eventos deportivos en vivo, las actualizaciones se lanzan constantemente a medida que se desarrolla el evento. Si los usuarios regresan a la misma posición de desplazamiento después de salir, pueden perderse desarrollos importantes que han ocurrido desde que se fueron.

Cuando se producen situaciones importantes, se producen actualizaciones oportunas, y restablecer automáticamente la posición de desplazamiento ayuda a superficie inmediatamente el último contenido para los usuarios.

Al restablecer la posición de desplazamiento, Use un indicador visual claro para indicar que el contenido ha cambiado y la posición de desplazamiento se ha restablecido. La aplicación de thescore usa carretes dibujos animados Esto trae los últimos mensajes de chat a la vista. La animación transmite un nuevo contenido que ven a los usuarios y les ayuda a mantenerse dirigido.

Demasiados reacios de posiciones de desplazamiento

Poco después de que el usuario salga de la página, cuando el usuario regresa, guardar la posición de desplazamiento funciona mejor, y su entorno mental aún está fresco. Pero a medida que pasa el tiempo, el ancla psicológica que les ayuda a recordar su posición comienza a desvanecerse. Por lo tanto, la posición de desplazamiento de guardado solo debe funcionar para una sola sesión, aproximadamente 30-60 minutos después de la última acción del usuario.

Los usuarios que regresan en horas, días o incluso semanas pueden no recordar dónde se fueron o por qué estaban allí. En estos casos, volver a colocarlos en posiciones de carrete profundas puede ser confuso: ¿Por qué estoy en el medio de esta lista? ¿Qué estoy buscando? Refrescar la página y enviar a los usuarios a la parte superior ayuda a reconstruir el contexto y les da un punto de partida limpio después de que termine la sesión.

En dispositivos móviles, los usuarios generalmente abren pestañas durante mucho tiempo. Cuando los usuarios regresan a la pestaña mucho después de que finalice la sesión, pueden tener la intención de comenzar de nuevo en lugar de retomar dónde se fueron.

Cuando la intención del usuario puede variar, seleccione el valor predeterminado mínimo destructivo

A veces, el usuario quiere recoger exactamente dónde está la página. Otras veces, necesitan que la página se actualice para que puedan ver inmediatamente el último contenido. Es importante comprender las intenciones de los usuarios al diseñar interacciones, porque en un caso funciona bien y puede causar molestias. Si las intenciones del usuario varían, seleccione el valor predeterminado por fricción más bajo. Por lo general, esto significa Guarde la posición de desplazamiento y proporcione una manera fácil de restablecer al usuario, si el usuario lo desea. Adopte CHATGPT: los usuarios pueden escanear la conversación actual y, al hacerlo, cambiar la conversación para confirmar los hechos o encontrar los hechos, y luego regresar al chat para continuar su pensamiento. En este caso, guardar la posición de desplazamiento reducirá la fricción.

Alternativamente, el usuario puede regresar y querer hacer una nueva pregunta, en cuyo caso podría ser más útil ver los últimos mensajes BOT y cuadros de chat.

Es difícil decir cuál de los dos diseños es mejor para un entorno particular. En este caso, la solución es elegir el diseño menos disruptivo. En el caso de ChatGPT, este diseño conservará la última posición de desplazamiento y proporcionará al usuario una caja de chat persistente o un Saltar llegar Últimas noticias Esto les permite navegar rápidamente al botón al final de la conversación. (Desafortunadamente, este no es el diseño actual utilizado por ChatGPT. Cuando el usuario vuelve a la conversación, la posición de desplazamiento no se guarda incluso si el cuadro de chat continúa).

en conclusión

La posición de desplazamiento es un pequeño detalle de UX que da forma a la experiencia. Es posible que no lo note cuando trabaje, pero definitivamente lo notará cuando no funcione.

Como todas las decisiones de UX, el comportamiento de desplazamiento debe guiarse por contexto. El método reflexivo de comportamiento de desplazamiento puede marcar la diferencia entre una experiencia frustrante y una efectiva.