Popups: tendencias problemáticas y soluciones

Nielsen Norman ha publicado un artículo muy interesante sobre los popups y su problemática, aportando soluciones para mejorar los problemas que crean. 

Los popups y los modales no le gustan a nadie, casi todo el mundo se queja de su uso. Además en los tests normalmente son una fuente de insatisfacción y de problemas para todo el mundo. 

Un popup (también conocido como overlay o modal) es una ventana o un diálogo que aparece encima de una página o pantalla de contenido. 

Si el usuario puede o no interactuar con el resto de la página:

• Modales: el contenido de la página se deshabilita a menos que el usuario explícitamente interactúe con el modal.
• No modal: los usuarios pueden interactuar con el resto de la página mientras el overlay permanece visible.

Dependiendo de si el fondo está borroso o no: 

• Si el fondo está borroso, llamamos al elemento lightbox o caja de luz. 
• Si no, no tiene ningún nombre especial. 

Aunque los lightbox en muchos casos son modales, no siempre es así. 

Nielsen Norman ha detectado 10 tendencias problemáticas y les ha dado una posible solución para que los usuarios no se vean asediados por los popups. 

Mostrar un popup antes de que el contenido principal se cargue

Nunca muestres un popup antes de que el usuario vea el valor del producto digital. Esto es muy intrusivo porque la tarea del usuario se ve interrumpida antes de que aterrice en el producto digital. 

La solución a este problema es mostrar el popup cuando tenga sentido para el usuario, no nada más llegar. La única excepción a esta regla son los avisos de cookies y de RGPD que obligatoriamente tienes que mostrarlos nada más el usuario aterrice en la página. 

Mostrar un popup justo después que el usuario hace login 

Mostrar un popup nada más hacer login es igual de intrusivo que hacerlo nada más entrar en el producto digital. Los usuarios entran con una tarea en mente por lo que no harán mucho caso al popup o lo cerrarán. 

La solución es no mostrar popups nada más hacer login. Además si es posible mostrar la información sobre nuevas funcionalidades con un overlay no modal que no moleste a los usuarios mejor. 

Preguntar por una dirección de correo antes de cualquier interacción 

Muchos productos digitales le piden al usuario su dirección de correo electrónico antes incluso de haber interaccionado con él. 

La solución es esperar a que el usuario esté preparado para recibir la información por ejemplo si le ofreces un cupón descuento a que pasee por las categorías que se benefician de él o si es apuntarse a la newsletter a que haya leído la información que contiene la página. 

Preguntar por feedback antes de que la gente haga algo significativo

Esto ocurre en muchas páginas y los usuarios cierran el popup directamente por lo que no recibes el feedback que tanto deseas. 

La solución a este problema es pedirle el feedback justo después que el usuario haya terminado una tarea. Entonces el usuario estará más proclive a darte feedback de porque le ha gustado o no lo que ha hecho. 

Interrumpir a los usuarios para preguntarles por feedback durante tareas críticas

Los usuarios odian ser interrumpidos, pero todavía más si están haciendo una tarea crítica. Así que no los molestes pidiéndoles feedback en tareas críticas en tu producto digital. 

La solución es mostrar una pestaña de feedback a lo largo de todo el producto digital como hay en muchos productos digitales o colocar un botón para que te dejen feedback en el pie del producto digital. 

Mostrar múltiples popups uno tras de otro

Mostrar múltiples popups hace parecer a tu sitio poco profesional y desesperado. Abruma a los usuarios y les obliga a usar tiempo para cerrarlas. 

La solución a este problema es mostrar un solo popup por vez, testea esto para que no ocurra más.  

Mostrar un modal antes de que el usuario se mueva a otro subdominio o sitio externo 

Este tipo de popups hace a los usuarios desorientarse y quedarse confusos, además los desorienta porque no saben en qué sitio están. 

La solución a este problema es eliminar este tipo de modales y que el sitio sea autoexplicativo y el usuario se sitúe en él por sí mismo. Si tus usuarios necesitan ser advertidos de que van a un sitio externo, hazlo en el enlace o mediante un tooltip. 

Interrumpir el acceso al contenido a través de modales 

Mostrar un modal nada más acceder al contenido hace parecer que el producto digital condiciona el acceso a ese contenido. 

La solución a esto es permitir a los usuarios consumir el contenido sin interrupciones y sin parecer que les condicionas el acceso. Si quieres que se suscriban a tu newsletter en lugar de ponerlo en un popup por un banner. 

Usar modales para las notificaciones de la RGPD y las cookies

Los usuarios ignoran los modales, así que no pongas información importante en forma de modal como la relativa a la RGPD (Reglamento General de Protección de Datos) o a las cookies. 

La solución a este problema es usar overlays no modales que muestren la información en la parte baja de la pantalla. Asegúrate de dar suficiente información sobre cómo los datos de los usuarios serán recolectados y usados.  

Transiciones entre canales en modales sin comunicar los beneficios 

Es común ver modales que fomentan el uso de apps móviles desde el sitio web móvil. Es entendible que las organizaciones quieran fomentar el uso de sus apps, ya que les ha costado dinero desarrollarlas, pero usar un modal no es la forma más adecuada de que tus usuarios sepan que existe. 

La solución a este problema es informar de que existe la app pero no con el coste de interrumpir a tus usuarios de sus tareas habituales. Lo mejor para ello es un banner superior donde se le muestren a los usuarios los beneficios de usar la app. 

Los popup son elementos que muchas veces se pueden cambiar por otros o eliminarlos, te hemos dado una serie de soluciones que los diseñadores de UX o los product managers deberán de implementar en los productos digitales que diseñen.