Artículo7 errores de usabilidad que dañan tu marca

Publicado: 2022-08-12

La usabilidad es uno de los factores más importantes en el éxito de un sitio web. Pero a menudo se pasa por alto. Una y otra vez, hemos visto a las empresas violar las mejores prácticas de usabilidad.

Daña tu marca y tus resultados, el 100 % de las veces.

En este artículo, desglosamos siete de los errores más comunes para que sepa qué buscar y pueda generar buena voluntad con sus usuarios en lugar de perderla.

Nos sentamos con Jason Wolter (arquitecto de información) y Cynthia Stipeche (directora de experiencia de marca) para analizar estos siete errores y cómo cada uno afecta a su marca.

  • Error #1: El 'Menú Hamburguesa'
  • Error n.º 2: no usar enlaces de inicio
  • Error #3: Sin función de búsqueda
  • Error #4: Carruseles Giratorios
  • Error #5: Videos de reproducción automática
  • Error #6: formularios de dos columnas
  • Error #7: Texto de marcador de posición

Error #1: El Menú 'Hamburguesa'

Jason: Comencemos con las armas grandes. Entonces, el más grande es probablemente el menú de hamburguesas. La gente usa bastante el menú de hamburguesas, pero tiene una tasa de descubrimiento muy baja. La gente no siempre ve el menú, especialmente cuando son las tres barras.

Las tres barras a menudo no se reconocen. En el negocio en el que estamos, es como una segunda naturaleza para nosotros usar un menú de hamburguesas. Pero en las pruebas de campo, la gente no sabe lo que representan esas tres barras. Oculta el menú a una baja visibilidad a la mejor opción.

Si tiene que usar un menú de hamburguesas (por ejemplo, cuando lo ve en un dispositivo móvil), la mejor práctica es usar un botón que diga "Menú" con un contorno alrededor para indicar claramente que es un botón en el que se puede hacer clic. Pero no reemplaza la navegación visible. Idealmente, esa es realmente la forma en que quieres ir.

Muchas agencias lo usan porque es más limpio. Pero es difícil que la gente lo vea. La usabilidad se trata de hacer las cosas sin fricciones y facilitar la interacción de los usuarios. Y si los usuarios tienen que aprender a usar su sitio web para interactuar con él, ¿cuál es la probabilidad de que regresen?

Se llama carga cognitiva. Entras con la pizarra en blanco, pero cuanto más difícil sea para alguien encontrar algo, o cuanto más le hagas esperar alguna información, más posibilidades hay de que acabe abandonándote. La solución es crear una solución más simple que funcione para ellos.

Es uno de los principales errores de usabilidad; ¡el menú de hamburguesas debe irse!

Cynthia: Voy a poner un poco de contexto a esto. Mucha gente no reconoce el menú de hamburguesas y las pruebas lo demuestran. Pero al mismo tiempo, dependerá de la audiencia de una empresa.

Por ejemplo, si se trata de un sitio de entretenimiento o juegos y la audiencia es mucho más joven, es probable que sepan exactamente lo que significan esas tres líneas. Existen las mejores prácticas de las pruebas, pero a menudo se trata de una diversidad de edades. Si su empresa tiene muchos clientes jóvenes, sabrán exactamente qué es eso. Por el momento, especialmente si estás haciendo un sitio B2B, probablemente no deberías apoyarte en ese menú de hamburguesas.

Las audiencias objetivo y las personas importan. Si tienes un sitio web que atiende a todo el mundo, es un gran error. Los usuarios se verán abrumados sin contexto y sin información que les atienda. Es necesario definir el propósito de cada página. Si no está definido, entonces no está estructurado correctamente. Y si no está estructurado correctamente, no funcionará correctamente.

Cuando desarrolla personas y no se basan en la investigación, puede terminar diseñando un sitio que le falla a su audiencia. Observar al usuario final, hablar con el usuario final, hablar con el cliente es clave para la usabilidad y la gestión de su marca a través de su sitio web. Y hacemos eso. Hacemos muchos estudios de la voz del cliente para comprender mejor a nuestro público objetivo y sus puntos débiles.

Si va a desarrollar empatía por su público objetivo, debe basarse en personas reales. Debe basarse en la observación y no en suposiciones.

Error n.º 2: no usar enlaces de inicio

Jason: Muchos sitios web confían en que las personas saben que si hace clic en el logotipo en la parte superior izquierda o donde sea que esté el logotipo de la marca, siempre lo llevará de regreso a la página de inicio.

Las pruebas muestran que ese no es el caso.

Mucha gente no se da cuenta de que puedes navegar de esa manera. Entonces, lo que la gente termina haciendo es hacer clic en el botón Atrás en su navegador para intentar volver a la página de inicio. Entonces, tener un enlace persistente en las páginas internas crea una forma clara para que los usuarios regresen a esa página de inicio. Y mucha gente ignora eso.

Cynthia: A veces queremos mostrar claramente un botón que diga "Inicio" nuevamente en las páginas internas. Creo que eso se remonta a las diferencias generacionales. Una audiencia más joven probablemente esperará que si hago clic en el logotipo, me llevará a casa. Pero en este momento, las pruebas muestran que no es una buena práctica tener el logotipo como la única forma de navegar de regreso a la página de inicio.

Error #3: Sin función de búsqueda ️‍️

Jason: La búsqueda es otra cosa. Hay un subconjunto de usuarios que navegan por los sitios web a través de la búsqueda. Entonces, si no tiene una opción de búsqueda o si no está enfatizando su opción de búsqueda con una barra de búsqueda expuesta o un botón de búsqueda que se destaque de su navegación, está alienando a una audiencia en particular. Es especialmente importante en sitios grandes con una arquitectura profunda. Un estudio realizado por Search Engine Journal encontró que cerca de un tercio de los usuarios dicen que no les desanima la ausencia de un cuadro de búsqueda en un sitio web. Más del 40% dice que un cuadro de búsqueda es la característica más importante de un sitio web.

El mínimo indispensable debe ser un ícono que se distinga visualmente de su navegación. Hay una prueba en la que entrecierras los ojos y miras el centro de la pantalla. Su visión se vuelve borrosa y busca elementos que sobresalgan y que pueda identificar visualmente. Si puede ver ese ícono de búsqueda que sobresale del texto de navegación, entonces es aceptable. Pero lo mejor que puede hacer es tener una barra de búsqueda expuesta para que quede claro dónde comenzar su consulta.

Cynthia: Mi otro problema es cuando ofreces búsquedas en tu sitio y luego no les das a las personas una forma de filtrar los resultados de búsqueda. O incluso si tiene una función de búsqueda, la página resultante carece de la capacidad de filtrar por tipo de archivo, por ejemplo. Crea más fricción para el usuario mientras intenta localizar información.

Otro error con la función de búsqueda en los sitios es la imposibilidad de buscar nuevamente en la página de resultados. Hicimos pruebas en el pasado y descubrimos que muchas personas que tenían un sesgo más joven no usaban el menú principal para buscar en el sitio o encontrar contenido. Fueron directamente a la función de búsqueda.

No interfieren con la navegación y van directamente a la búsqueda. Para una generación criada para encontrar información a través de motores de búsqueda como Google, si su función de búsqueda no funciona en su sitio web, los perderá.

Error #4: Carruseles Giratorios

Jason: Los carruseles giratorios automáticos, o los carruseles en general, no son muy efectivos. La gente generalmente se desplazará más allá de ellos. Entonces, si solo está escaneando una página, una marquesina puede tener cuatro mensajes clave, pero la mayoría de las personas solo verán el primero, porque solo se desplazarán hacia abajo hasta el contenido.

Un carrusel de autos es peor. Según el contenido que tenga allí, los usuarios realmente no tienen control sobre el mensaje que ven. Por lo tanto, es posible que estén interesados ​​en uno de sus mensajes clave y luego se desvanezca antes de que puedan consumirlo todo. O puede que lo hayan visto y quieran volver a él. Luego se desplazan hacia arriba y no está allí y tienen que hacer clic e ir a buscarlo.

Así que estás haciendo que funcionen. Lo que se remonta a la carga cognitiva. Y luego, una vez que encuentran el mensaje que están buscando, están en él durante cinco segundos y luego cambia de nuevo. Tienen que hacer clic para volver. Eso es todo un lío.

Por ejemplo, si tiene cinco diapositivas de testimonios, el 95% de sus usuarios solo verán esa primera. No van a hacer clic e intentar verlos todos. Pero esa no es una prioridad súper alta, por lo que en algunos casos es aceptable.

Donde es realmente malo es en tu marquesina donde tienes tres o cuatro mensajes principales y un CTA. Estos son mensajes clave que realmente está tratando de impulsar y la gente nunca los ve. Está bien si no ven tres de sus cuatro testimonios, pero es malo si un carrusel giratorio hace que un usuario se pierda mensajes clave.

Cynthia: Por lo general, evitamos los carruseles como la peste, pero muchas empresas todavía los usan. Especialmente no tiene sentido en una marquesina porque el usuario puede perderse una información vital. Probablemente sería mejor si no oculta partes importantes del contenido, incluso si está en la parte superior de la página.

Algunas personas quieren meter todo en la parte superior de la página y eso es todo en lo que están pensando. Pero si la información está oculta en la marquesina, no está haciendo nada por usted.

Error #5: Videos de reproducción automática

Jason: A muchos sitios web les gusta usar movimiento en sus marquesinas. Puede haber un video y cuando llegan a la página, el video comienza a reproducirse. A algunas personas no les gusta eso. No les gusta el movimiento y no quieren ver el video.

Para evitar esto, desea incluir un botón de pausa. Desea tener algo que le dé al usuario la capacidad de apagarlo si no quiere verlo. La mejor práctica probablemente sería tener una imagen allí y realmente enfatizar un botón de reproducción para darle al usuario la opción: "¿Quiero ver este video o no?" No solo los estás presionando y haciendo que lo vean.

Incluso los videos de reproducción automática en otras áreas de un sitio pueden interrumpir el flujo del usuario que busca información. Por lo tanto, generalmente no es una buena idea reproducir automáticamente nada.

Cynthia: Los videos de reproducción automática son horribles. Es una experiencia discordante. No desea visitar un sitio web y que un video se inicie automáticamente. Sería malo reproducir un video con el volumen apagado. Incluso peor sería con el volumen encendido. Si desea convencer a las personas de que eviten su sitio web como la plaga, continúe y suba un video de reproducción automática.

Ahora, si tiene un contenido de video sólido, probablemente tomaría un segmento de ese video y crearía un bucle pasivo. Entonces no es tan en tu cara y prominente. Podría reproducirse en un bucle de aproximadamente tres segundos e incluir un llamado a la acción para ver el video completo. Entonces no te molestará ni te desanimará. En ese momento, es suficiente para atraer al usuario a decir: "Estoy interesado en aprender más sobre esto". Les das la opción para que cuando se encienda el audio y el video comience a reproducirse, no se sorprendan. El usuario debe tener el control en todo momento. La gente a menudo no piensa en eso.

Necesitamos tener empatía por el usuario. ¿Entonces que significa eso? Un negocio va a tener sus propios objetivos. Pero eso no puede interponerse en el camino de lo que necesitan los propios usuarios finales. Una pregunta clave es “¿Cómo ofrezco mejor lo que ofrezco dentro del marco de su experiencia? Entonces, cuando sienta empatía por su usuario final, invítelo a visitar el sitio y aprender sobre él. Y apóyelos mientras se sumergen para aprender más.

En ese momento hay una sensación de buena voluntad. Si aborda su sitio web tratando de hacer lo que es mejor para el usuario en lugar de hacer lo que es directamente mejor para su resultado final, pagará dividendos a largo plazo.

Error #6: formularios de dos columnas ‍

Jason: tener campos en una línea vertical en lugar de campos a la izquierda y a la derecha en una página es mucho más útil. Las personas están acostumbradas a tabular algo y esperan moverse hacia abajo en la página. Si tiene dos columnas, hay demasiados patrones de tabulación diferentes. No saben si está bajando. No saben si va a la derecha. Hay una expectativa de lo que debe pasar y eso es bajar. Por lo tanto, no siempre cumple con esa expectativa cuando tiene varias columnas. Por lo tanto, es bueno tener una sola columna para que las personas simplemente se desplacen hacia abajo en el formulario.

Two-Column Form Fields

Error #7: Texto de marcador de posición

Jason: No quieres usar texto de marcador de posición. Los marcadores de posición están ahí para ayudar a un usuario a comprender el contenido que se espera que coloque allí. El usuario debería poder saber qué pertenece a ese campo sin ningún tipo de texto de marcador de posición.

Así que quieres tus etiquetas fuera de ese campo. Si están dentro como marcador de posición, al hacer clic en él, el texto desaparece. Si se desvía de la tarea, puede regresar y no estará seguro de qué campo está completando.

Best Practice for Form Fields

Esto también afecta la accesibilidad con los lectores de pantalla. Las etiquetas le dicen a un usuario con un lector de pantalla cuál debería ser ese contenido. Si la etiqueta es un marcador de posición y no se incluye como instrucciones externas, puede confundir a las personas con lectores de pantalla.

El mayor error: la estética sobre la funcionalidad

Nunca priorices la estética sobre la funcionalidad o viceversa. Quieres tener una buena mezcla de ambos. Si está pensando en implementar una tendencia de diseño, asegúrese de que tenga sentido para su sitio y de que la esté utilizando por el motivo correcto. Un elemento de diseño puede verse muy bien, pero no es práctico para la mayoría de los usuarios. Así que quieres asegurarte de que las cosas sean funcionales.

Tu marca es tu reputación. Si su sitio web es difícil de usar, es probable que lo dañe irremediablemente.