4 trucos de UI más odiados
Nadie quiere crear un diseño malo, y sin embargo sucede todo el tiempo. Y si bien la causa del mal diseño varía, el resultado final es la misma mala experiencia del usuario.
La mala experiencia del usuario frustra a los usuarios y, a menudo, lleva a abandonar el producto. En este artículo, me centraré en un aspecto particular del mal diseño, el uso de las técnicas de interfaz de usuario que conducen a malos UX.
1. Pop-Ups
Si le pido que nombre la cosa más irritante de la web, lo más probable es que responda "Pop-ups". Según las ventanas emergentes del Grupo NN, la experiencia web más odiada nunca.
Todos conocemos ese sentimiento. Visita un nuevo sitio web, el contenido de la página parece ser interesante. Empiezas a leerlo y justo cuando estás a la mitad del texto, de repente te interrumpe una gran superposición que te pide que te suscribas a un boletín o que te ofrezca algo. En la mayoría de los casos, su reacción inmediata será cerrar la superposición o cerrar toda la página, junto con la superposición.
Una superposición utilizada en el sitio web de Esquire.
Es obvio por qué tantos sitios usan esta técnica: los anunciantes se los pagan. Sin embargo, la técnica emergente es demasiado disruptiva y tiene un gran efecto negativo en los visitantes. Cada vez que muestra una ventana emergente le pide a los usuarios que dejen de hacer lo que quieren hacer (lo que es importante para ellos) y enfoca su atención en lo que usted quiere que hagan (lo que es importante para usted). No es sorprendente que tal comportamiento a menudo aumente la tasa de rebote.
Es posible usar ventanas emergentes sin molestar a sus visitantes. Simplemente siga una regla simple: active una ventana emergente en el momento correcto. Por ejemplo, es mucho mejor permitir que los usuarios finalicen la actividad actual (por ejemplo, llegar al final de la página) antes de mostrar una ventana emergente. Una vez que los usuarios han tenido un poco más de tiempo para aprender sobre usted (su marca y sus ofertas), aumenta la posibilidad de que estén dispuestos a hacer lo que usted quiere que hagan.
Otro componente importante es el mensaje real que tienes en tu ventana emergente. Necesitas escribir una gran copia. La copia no debe ser insultante, engañosa o confusa. Waitbutwhy ir más allá e incorporar el humor en su texto:
Cuando los visitantes leen la copia de Waitbutwhy , les hace sonreír.
Vale la pena decir que hay muchas herramientas menos ofensivas, como barras deslizantes que no cubren toda la página y producen resultados similares en términos de conversión.
2. Desplazamiento infinito
El desplazamiento infinito es una técnica que permite a los usuarios desplazarse por una gran cantidad de información sin una línea de llegada a la vista. La página simplemente se mantiene actualizada mientras los usuarios se desplazan hacia abajo. La técnica se hizo popular en la era de los dispositivos móviles (desplazarse es mucho más cómodo que hacer clic en una pantalla pequeña). A primera vista, esta técnica es una solución perfecta para muchos problemas: requiere menos esfuerzo y hace que la comprensión del contenido sea lo más fácil posible (lo que todos los usuarios deben hacer es desplazarse). Sin embargo, no es una solución única para todos los sitios o aplicaciones.
La principal desventaja de la técnica es también su principal ventaja: no hay una línea de llegada a la vista. Cuando los usuarios llegan a cierto punto de la transmisión, no pueden marcar su ubicación y volver a ella más tarde (aviso, quiero decir posición, no cierto elemento). Entonces, si abandonan el sitio (por ejemplo, se mueven de un dispositivo a otro), perderán todo su progreso y tendrán que desplazarse hacia abajo nuevamente para volver al mismo lugar. La incapacidad de determinar la posición de desplazamiento a menudo molesta a los usuarios y perjudica la experiencia general del usuario.
En 2012, Etsy, un sitio web de comercio electrónico centrado en artículos hechos a mano o de época, experimentó con diseños para su página de productos. Implementaron una interfaz de desplazamiento infinito y descubrieron que la nueva interfaz simplemente no funcionaba tan bien como una versión anterior con paginación. Aunque varias compras se mantuvieron iguales, el compromiso del usuario bajó .
¿Qué nos dice el ejemplo de Etsy? Nos dice que con cada decisión de diseño deberíamos sopesar los pros y los contras antes de incorporarlo a nuestros diseños. Hablando de desplazamiento infinito, funciona bien para algo como Twitter / Instagram, donde los usuarios se complacen en escanear un flujo interminable de datos sin buscar nada en particular.
3. Notificaciones Push
¿Alguna vez ha prestado atención a la cantidad de notificaciones que recibe diariamente de varias aplicaciones? ¿Cuántas de esas notificaciones realmente te interesan? No muchos, supongo.
Todos los días, nos bombardean con notificaciones inútiles que nos distraen de lo que hacemos. Nos molestan
El servicio de transmisión envía a cada usuario una notificación cada vez que se lanza un nuevo episodio de cualquier programa.
De hecho, las notificaciones molestas son la principal razón por la que las personas desinstalan aplicaciones móviles (según el 71% de los encuestados).
La notificación de inserción es una herramienta poderosa, pero como con cualquier otra herramienta, puede usarse para bien o para mal. Cuando los usuarios comienzan a usar su aplicación, no les importa recibir notificaciones, siempre y cuando las notificaciones brinden un valor real. Es esencial diseñar notificaciones para que sean útiles, relevantes y oportunas para sus usuarios. El contenido personalizado es la clave de la excelente experiencia del usuario. Cuando entrega el mensaje correcto a la persona adecuada en el momento adecuado, su notificación de inserción se convierte en un poderoso disparador que motiva a la persona a tomar medidas.
Netflix hace un gran trabajo personalizando sus mensajes a la persona que los recibe.
4. Scroll Hijack
El desplazamiento secuestrado es una de las cosas más molestas para muchos usuarios, ya que les quita el control y hace que el comportamiento de desplazamiento sea completamente impredecible. Al diseñar un sitio web, en la mayoría de los casos es mejor evitar el secuestro de scroll y permitir que el usuario controle su navegación y movimiento a través del sitio. Pero en algunos casos raros, el secuestro de scroll podría funcionar bien para sus usuarios. Por ejemplo, Tumblr usa esta técnica en su página principal para presentar información en fragmentos.
Tumblr usa el secuestro de desplazamiento para proporcionar contenido en fragmentos.
Conclusión
Vale la pena decir que todas las técnicas mencionadas en este artículo no son malas per se. Los usuarios los odian solo cuando los diseñadores los incorporan ciegamente. Cada técnica o patrón en su sitio web o en su aplicación debe usarse de forma inteligente y con cierta moderación.