5 errores que arruinan la experiencia del usuario en un sitio web

10 julio 2020 / By Matias

Hoy en día el Internet es un lugar altamente competitivo. Con tantas personas y empresas invirtiendo dinero y tiempo en marketing digital y SEO (optimización en motores de búsqueda, por sus siglas en inglés), tratando de superar a sus rivales y ubicarse en la parte más alta de las búsquedas de google, es más difícil que nunca hacer que los usuarios visiten cualquier sitio web en lugar de visitar otro.

Dada la dificultad de adquirir nuevos visitantes, podrías pensar que todos los webmaster del mundo harían todo lo posible para proporcionar una experiencia de usuario encantadora y, finalmente, retener a cada cliente ganado con tanto esfuerzo, pero todos sabemos que hay una serie de desagradables malos hábitos y errores que parecen surgir una y otra vez.

En este artículo que traemos, en colaboración con 2×3.cl, te hablaremos sobre 5 errores que arruinan la experiencia del usuario en un sitio web.

experiencia de usuario errores

1. El sitio es muy lento

En un mundo donde casi todos tienen un teléfono inteligente potente en su bolsillo, el Internet se ha convertido en un sinónimo de satisfacción instantánea. Un usuario que podría estar preguntándose algunas cosas por ocio, puede recibir la respuesta a través de google en unos segundos, y si quieren contactar a un amigo en otro país, pueden hacerlo básicamente instantáneamente ya que pueden escribirle un mensaje a través de Facebook o Whatsapp.

Todos estamos mimados por la velocidad y la capacidad de respuesta de nuestro mundo hiperconectado, por lo que cuando hacemos clic en un resultado de búsqueda y caemos en una página de carga en blanco durante tres segundos o más, puede parecer una eternidad. Si el clic original fue motivado por nada más que una curiosidad frívola, es muy probable que el usuario piense “bueno, no importa” e intente en otro lugar.

Acorde a un estudio de Google, más de la mitad (53%) de los usuarios de dispositivos móviles abandonan un sitio que tarda más de tres segundos en cargar. Después de seis segundos, es casi una garantía de que buscarán en otro lado. Por supuesto, las necesidades funcionales de la mayoría de los sitios web no son muy complicadas: un e-commerce o un blog promedio realmente no tienen excusas para tardar más de un par de segundos en cargar.

anuncios experiencia de usuario

2. Demasiadas ventanas emergentes

Todos hemos tenido la experiencia de hacer clic en un enlace de nuestros resultados en una búsqueda de Google y ser llevados a una página que parece estar haciendo todo lo posible para evitar que leamos el contenido. Dentro de dos segundos, aparecerá una enorme ventana emergente que ocupa toda la pantalla.

Combinado con una alerta del navegador de que “este sitio web desea enviarle notificaciones”, el efecto general es ser bombardeado con mensajes irrelevantes que entierran por completo el contenido real que estaba tratando de alcanzar, contenido que ahora debe esforzarse más para encontrarlo al cerrar manualmente cada una de las ventanas emergentes.El uso de ventanas emergentes sigue siendo un tema divisivo; algunos diseñadores mencionan que pueden aumentar las tasas de conversión de sus sitios mientras que otros dicen que los usuarios piensan que las ventanas emergentes son molestas. Sea cual sea tu opinión, una realidad es que usualmente la ventanas emergentes se hacen mal. Pueden tener sus usos, pero tener demasiados a la vez y no respetar el deseo del usuario de ver contenido que sea relevante para sus intereses es más probable que resulte en que se vaya a otro sitio.

En cuanto a las ventanas emergentes GDPR y las notificaciones de cookies, si bien estos pueden ser un requisito legal para algunos sitios web (como por ejemplo, aquellos que sirven datos a usuarios de la Unión Europea), ciertamente hay formas de hacerlos que son más perjudiciales que otras, y los diseñadores web que trabajan fuera de estos lugares pueden olvidar que estos mensajes pueden agregar otra capa de desorden visual para cierta parte de su audiencia.

mala experiencia de usuario

3. No tener adaptabilidad para móviles

Es notable que aún veamos esto en 2020, pero muchos diseñadores web todavía parecen dejar de último la versión móvil de un sitio web. Todavía no es raro encontrar un sitio móvil donde los elementos estén desalineados, superpuestos, formateados de manera extraña o sujetos a alguna otra supervisión del diseñador, lo cual puede indicarle al visitante que tu empresa no se toma el tiempo para revisar los pequeños detalles.

Vale la pena recordar que atender a los usuarios de dispositivos móviles no es “servir un nicho”, ahora es la parte más importante del trabajo. Este estudio de Statista menciona que en el primer cuarto de este 2020 el 51.92% del tráfico web global proviene de dispositivos móviles (sin incluir tabletas), número que se ha mantenido constante desde 2017, lo que demuestra que la navegación en computadoras de escritorio es en realidad la forma menos utilizada para explorar la web.

Junto con el cambio de algoritmo de google en marzo de 2018 para priorizar la indexación móvil primero, ahora no hay ninguna razón para descuidar la experiencia móvil de tu sitio web. Un sitio móvil de baja calidad puede afectar negativamente su rendimiento de SEO, así como las experiencias de sus usuarios, por lo que es importante hacerlo bien.

Es notable que aún veamos esto en 2020, pero muchos diseñadores web todavía parecen dejar de último la versión móvil de un sitio web. Todavía no es raro encontrar un sitio móvil donde los elementos estén desalineados, superpuestos, formateados de manera extraña o sujetos a alguna otra supervisión del diseñador, lo cual puede indicarle al visitante que tu empresa no se toma el tiempo para revisar los pequeños detalles.

Vale la pena recordar que atender a los usuarios de dispositivos móviles no es “servir un nicho”, ahora es la parte más importante del trabajo. Este estudio de Statista menciona que en el primer cuarto de este 2020 el 51.92% del tráfico web global proviene de dispositivos móviles (sin incluir tabletas), número que se ha mantenido constante desde 2017, lo que demuestra que la navegación en computadoras de escritorio es en realidad la forma menos utilizada para explorar la web.

Junto con el cambio de algoritmo de google en marzo de 2018 para priorizar la indexación móvil primero, ahora no hay ninguna razón para descuidar la experiencia móvil de tu sitio web. Un sitio móvil de baja calidad puede afectar negativamente su rendimiento de SEO, así como las experiencias de sus usuarios, por lo que es importante hacerlo bien.

3. Demasiadas animaciones

Lo entendemos: una animación se ve genial. Nada dice: “¡Soy un sitio web diseñado profesionalmente!” como algunas transiciones, transformaciones y apariencias suaves o agradables; una animación bien hecha puede dar vida a un diseño estático.

Sin embargo, la animación es un condimento que se debe usar con moderación y puede distraer si se usa en exceso. Idealmente, debería apoyar y llamar la atención sobre el contenido clave y los botones de llamada a la acción, y no abrumar al usuario con cosas que aparecen hasta el punto que los usuarios están demasiado desconcertados para leer el texto real. Las pantallas introductorias animadas también atraen mucho la atención cuando los usuarios llegan por primera vez a tu sitio, pero no los hagas mirar la misma animación cada vez que quieran volver a la página de inicio. 

En general, la función de los elementos del sitio web no debe estar dictada por su presentación estética, requerir a los usuarios que esperen a que aparezca un elemento o que se vuelva interactivo debido a una animación no es una táctica excelente, y esto puede hacer que a los usuarios les disguste la animación por interferir con lo que intentan hacer.

Por ejemplo, un usuario que regresa a tu sitio web puede saber que, tan pronto como llegue, que tiene la intención de hacer clic en el botón “Acerca de nosotros”, pero haciéndolo esperar mientras la barra de navegación realiza una animación para mostrar el botón antes de que puedan hacer clic, es probable que cause una molestia.

Algunas animaciones pueden causar problemas de accesibilidad, el uso de muchas animaciones puede presentar problemas para algunos usuarios, lo que les dificulta mucho concentrarse en el contenido.

experiencia de usuario diseño web

4. Medios de reproducción automática

Ninguna discusión sobre los errores del diseño web estaría completa sin mencionar los medios de reproducción automática. Ha sido la ruina de los usuarios desde los primeros días de Internet y que aún no ha desaparecido.

Hay maneras de hacerlo con buen gusto, pero suele usarse de manera incorrecta y ciertamente merece un lugar en esta lista. La música y los sitios Flash con audio fueron el principal factor de la década de 1990 y principios de la de 2000, la esencia del mundo de hoy es el video de reproducción automática. Muchos sitios hoy pondrán un video que se reproduce junto al texto del cuerpo de un artículo o publicación de blog y, usualmente es completamente irrelevante para el contenido de la página, y si lo cierras antes de navegar a otra página, vuelve a aparecer rápidamente.

Por supuesto, esto es muy molesto y, suele sentirse bastante presuntuoso (como si el sitio web dijera: “oye, sé que hiciste clic para leer un artículo sobre tendencias de diseño digital, pero ¿no preferirías ver este video de nuestra deslumbrante organización benéfica?).

Peor aún, muchos sitios introducen estos videos con anuncios automáticos que, dado que los videos mismos son generalmente publicidad, equivale a pedirles a los visitantes que vean una publicidad para ver un anuncio.

Aunque los navegadores modernos como Chrome han intentado solo permitir la reproducción automática en videos que están silenciados, lo que frena significativamente la frecuencia de la experiencia extremadamente molesta del usuario de tener audio en reproducción que el usuario no solicitó.

Conclusión

Finalmente, todos los problemas discutidos en este artículo son problemas de mal diseño UX. Cada elemento del sitio debe ser evaluado por su impacto en la función de la página: ¿ayuda u obstaculiza al usuario a encontrar lo que está buscando? ¿Mejora o resta valor al contenido real de la página? ¿Acorta o alarga el proceso al que debe someterse el usuario para completar una transacción?

Atraer a los usuarios a tu sitio web no es una tarea fácil y tiene sentido recompensar a los que llegan, tratando su tiempo y atención con el respeto que se merecen. De esta manera, los usuarios bien tratados pueden convertirse en fieles visitantes habituales.