7 opciones de IU que dañan UX
La experiencia del usuario es uno de los aspectos más importantes del diseño web moderno. El gráfico de Tendencias de Google para diseño ux muestra cuánto ha crecido este campo en los últimos años.
Sin embargo, todavía hay muchos sitios web que impulsan ciertas tendencias de diseño que parecen la antítesis de la usabilidad. Algunas se hacen por accidente o negligencia, otras se hacen a propósito. Estos últimos se llaman patrones oscuros y los especialistas en marketing suelen utilizarlos para alcanzar algún objetivo final.
Pero como diseñadores, nuestro trabajo es retroceder y luchar por una gran experiencia de usuario. La mejor manera de hacerlo es arrojar luz sobre las malas prácticas y fomentar las mejores. Así que profundicemos en algunas de estas malas prácticas de UX para ver por qué existen y cómo podrían resolverse.
1. Modales no deseados
El concepto general de una ventana modal es realmente muy inteligente. Permite a los desarrolladores agregar contenido en la página sin usar JavaScript para abrir una nueva pestaña.
Pero las ventanas modales no son el problema. Los modales no deseados son el problema y siempre arrastran la experiencia del usuario.
Yo diría que hay tres tipos diferentes de ventanas emergentes modales «no deseadas»:
- Intentos de salida que se abren cuando el mouse del usuario abandona el cuerpo de la página, generalmente colocando el cursor sobre la pestaña del navegador;
- Modales cronometrados que se abren después de una cantidad determinada de segundos;
- Desplácese por los modales que se abren después de que el usuario se desplace una cierta distancia hacia abajo en la página.
Puede ver un ejemplo de una intención de salida modal en esta publicación de MaxTraffic utilizando su propia secuencia de comandos de intención de salida.
Por mucho que me gustaría criticar esta práctica, lo entiendo desde el punto de vista de un especialista en marketing: funciona.
La pregunta no es por qué existen los modales de intención de salida / opt-in. La pregunta es si cree que vale la pena agregar una ventana emergente modal no deseada a su sitio web.
¿Vale la pena molestar a la mayoría de sus usuarios solo por una tasa de conversión más alta?
Si está más interesado en una excelente experiencia de usuario, la respuesta es obvia. Especialmente ahora que Google penaliza a los sitios que usan molestos intersticiales / modales sin interacción del usuario.
Pero estos mensajes no deseados también dan mala fama a los modales, lo cual es difícil porque tienen un propósito real en el diseño de la interfaz de usuario. Estos se pueden usar con prudencia, como con los campos de registro modal o modales basados en información que se activan con el clic del mouse de un usuario.
O pueden ser mensajes de marketing molestos que aparentemente aparecen de la nada. Y no me hagas empezar con modales que no se cierran ni siquiera al hacer clic en el fondo.
Realmente no puedo culpar a los especialistas en marketing por usar estos modales porque se convierten bien. Pero también están arruinando la experiencia del usuario para todos los demás en la web.
2. Culpabilidad en la redacción publicitaria
Reconocí esta tendencia hace años, pero no pude expresarla con palabras hasta que leí Este artículo por Katie Notopoulos. Ella usa muchos ejemplos geniales para mostrar cómo la redacción basada en la culpa molesta a los usuarios y aumenta las suscripciones.
Este estilo de escritura aparece en esos molestos modales que acabo de cubrir. Pero esta escritura también puede aparecer en los campos de la barra lateral o en los formularios de participación en el contenido. Un ejemplo de Buen cuidado de casa es simplemente terrible (pase el mouse por la pestaña del navegador para activarlo).
El objetivo de esta redacción plagada de culpa es hacer que el usuario se sienta tan mal que adivine su decisión de cerrar la ventana. Por lo general, sigue una fórmula que obliga al usuario a hacer clic en una declaración sin sentido que no está relacionada con el cierre de la ventana.
Por ejemplo, un modal podría ofrecerle un libro electrónico gratuito sobre diseño web. El botón de suscripción puede ser simple, pero el botón de cancelación puede decir «No, gracias, me gusta chupar el diseño». En realidad hay un todo el sitio de Tumblr dedicado a esta redacción vergonzosa.
Este es otro ejemplo de una técnica que funciona desde el punto de vista de un comercializador, pero ciertamente tiene poco valor desde el punto de vista de UX.
3. Intersticiales de pantalla completa
No hace falta decir que apoderarse por completo de la pantalla con una oferta de suscripción o exprimir es simplemente desagradable.
Esta tendencia es como la ventana modal no deseada de los esteroides. Estos intersticiales se apoderan de toda la pantalla y bloquean la página a menos que cierre la ventana. ¡Y a veces es casi imposible cerrar estas ventanas!
Backlinko es un sitio fantástico para consejos de SEO, pero horrible con el marketing agresivo.
Los visitantes por primera vez siempre son recibidos con el mismo modo de pantalla completa que ocupa toda la página. El fondo usa un video de SERPS de Google que es confuso y feo.
Coloca un icono de X muy pequeño en la esquina superior derecha y el enlace «no, gracias» es mucho más pequeño que el otro texto, sin mencionar que es más difícil de leer. Esto es una pesadilla de usabilidad en dispositivos móviles y es solo un ejemplo de una tendencia que realmente debe desaparecer.
4. Anuncios / ofertas deslizables
A veces, se desplazará hacia abajo en una página de inicio y verá un pequeño cuadro deslizarse a la vista desde un lado. Este podría ser un cuadro de comentarios para las pruebas de los usuarios, o podrían ser enlaces para compartir en redes sociales o incluso un descuento / promoción.
Puedo lidiar con estos de vez en cuando. Si se mantienen fuera del camino y no son demasiado desagradables, entonces, lo que sea.
Pero en sitios como AccesoPresione puede encontrar al menos 2 cuadros deslizables diferentes a cada lado de la página y, a veces, ¡incluso un tercero!
Esto no tiene la intención de avergonzar a AccessPress ni a ningún otro sitio de esta lista. Solo estoy usando esto como un ejemplo para mostrar cómo las malas tendencias de UX pueden ir demasiado lejos.
Si tiene un cliente que quiere esta función de deslizamiento, intente que sea sutil. Sin ruidos, sin gráficos parpadeantes y, preferiblemente, sin animaciones extravagantes. Si un usuario desea obtener más información, se tomará el tiempo para leerlo.
5. Desplazamiento personalizado
La mayoría de las tendencias en esta publicación se han orientado al marketing porque, como dice Gary V, los marketers arruinan todo.
Pero el desplazamiento personalizado no se puede culpar a nadie. Es solo una tendencia que ha existido durante demasiado tiempo y se siente como un remanente de una web más antigua. Hoy en día, los navegadores como Chrome tienen sus propias funciones de desplazamiento personalizadas que los usuarios pueden habilitar / deshabilitar a su antojo.
Pero sitios web como Haga clic y crezca todavía tienen estas molestas funciones de desplazamiento basadas en JS que convierten la navegación en el sitio en una tarea ardua.
Por lo general, estas animaciones de desplazamiento personalizadas tienen uno de dos efectos. O el desplazamiento va demasiado rápido más allá de donde deseaba colocar la página, o va demasiado lento y tiene que girar la rueda del mouse para moverse. ¿Por qué cualquier diseñador pensaría que estas dos opciones son mejores que las predeterminadas?
Vinculado al desplazamiento personalizado es una tendencia más nueva que he visto en diseños de página única. Tienen «secciones» de página de pantalla completa donde la rueda de desplazamiento solo se mueve hacia abajo una sección a la vez. Con alegría tiene esta tendencia en su página de inicio.
Mi problema aquí es el mismo con el desplazamiento fijo. Le quita poder al usuario.
Las animaciones de la sección Gladly tardan demasiado en completarse. Internet se mueve rápido y los usuarios de Internet siempre lo quieren un poco más rápido. Entonces, cualquier tipo de desplazamiento personalizado que, en última instancia, ralentice la experiencia, es simplemente una mala experiencia de usuario.
6. Menús de navegación sin relleno
Esta es una tendencia difícil de explicar, pero la reconocerá cuando la vea.
Cada sitio tiene un menú de navegación y la mayoría de los enlaces tienen relleno alrededor. Pero a veces no se puede hacer clic en el relleno, por lo que para navegar debe hacer clic en el área de bloque exacta del texto en sí. ¡Esto me vuelve loco!
Se necesitan unos 30 segundos para mover el relleno CSS del elemento contenedor de un enlace al enlace en sí. El menú de navegación tiene el mismo aspecto, pero ahora los usuarios pueden hacer clic en el enlace. y el espacio alrededor del enlace. ¡Mucho más fácil!
Echa un vistazo a Navegación de tilde para un ejemplo vivo.
Lo más loco de su sitio es que su navegación receptiva móvil en realidad tiene un relleno en el que se puede hacer clic. Solo su navegador de escritorio está plagado por el área de clic de solo texto.
Por otro lado, encontrará muchos sitios que comprenden la importancia de este detalle tan sutil pero crucial. Un ejemplo es Piense con Google donde puede ver el tamaño completo del enlace mientras se desplaza:
Solo tenga esto en cuenta en el futuro porque es una alteración muy simple que puede tener un gran impacto en la usabilidad.
7. Listados paginados
Por último, pero no menos importante, me estoy burlando un poco de los blogs que diseñan su contenido en listas de un elemento por página.
No puedo imaginar que a cualquier persona le guste hacer clic constantemente en el botón «siguiente» para leer una publicación de clickbait. Encontrarás toneladas de estos en muchos sitios web diferentes y ninguno de ellos tiene en cuenta la experiencia del usuario.
Esta tendencia se trata principalmente de visitas a la página e ingresos publicitarios más que de cualquier otra cosa. Y aunque realmente no está en el control del diseñador solucionar esto, sí se relaciona con la experiencia del usuario y los webmasters / diseñadores deben hacer todo lo posible para evitar estos artículos de varias páginas.
Solo puedo imaginar cuántas otras tendencias hay que molestan a los usuarios a diario. Pero espero que al compartir estas ideas, más diseñadores trabajen para eliminar estas tendencias oscuras y reducir su presencia en la web.
