Creativa.dev

Los carruseles y acordeones de deslizamiento automático molestan a los usuarios y reducen la visibilidad

Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp
carruseles y acordeones de deslizamiento automático

Resumen:  El objetivo del usuario estaba en la parte superior de la página con una fuente de 98 puntos. Pero no pudo encontrarlo porque el panel giraba automáticamente en lugar de quedarse quieto.

Recientemente realizamos un estudio de usabilidad en el Reino Unido donde un usuario intentaba la siguiente tarea: «¿Siemens tiene alguna oferta especial en lavadoras?»

Sin muchos problemas, el usuario llegó a esta página de inicio para Siemens Electrodomésticos en el Reino Unido:

¿Qué piensas? ¿Podría el usuario responder la pregunta? Dado que el elemento más importante en la página de inicio, tanto en el espacio de la pantalla como en el tamaño de la fuente, es una oferta de £ 100 de descuento en «electrodomésticos Siemens seleccionados» junto a una foto grande de una lavadora, usted pensaría que sí. En buena medida, la misma oferta aparece en un pequeño mosaico de promoción en el margen derecho.

No obstante, el diseño falló para esta tarea del usuario. Después de una visita prolongada al sitio web, que incluyó mucho tiempo examinando esta página de inicio, el usuario se dio por vencido y asumió que Siemens no tenía ofertas especiales para ella. (¿Su comentario final? «No elegiría [un dispositivo Siemens] a menos que fuera muy rico»).

Caja de promoción pequeña: ignorada

Podemos descartar fácilmente la pequeña promoción de la derecha. Ni siquiera necesitamos una prueba para saber que la mayoría de los usuarios ignorarán este elemento de diseño por tres razones:

  1. Ceguera de banner: este era el problema más importante. La promoción se parece tanto a un anuncio que los usuarios están obligados a ignorarlo.
  2. Ubicación: la mayor parte de la atención del usuario se centra en el lado izquierdo de las páginas web. La ubicación en la columna derecha reduce drásticamente la cantidad de usuarios que verán el elemento.
  3. Copia de anuncio terrible: la redacción es repelente al usuario. Sí, hay un gran captador de atención de «£ 100», pero la copia principal es «Rewarding.Life.Style». Incluso si los usuarios se ven (poco probable), pocos harán clic en el cuadro. Este es contenido sin contenido para al menos el 99% de los humanos fuera del departamento de marketing de Siemens. (De acuerdo, nunca escribí una columna sobre la directriz de que la redacción de textos publicitarios debería tener sentido, pero pensé que era evidente. Para un análisis de un género de escritura a menudo torturado, vea mi discusión sobre los lemas).

Gran acordeón tipo carrusel: ignorado

Como muestra la captura de pantalla anterior, el recuadro grande de la página tiene dos puntos en contra: utiliza un formato elegante (que a menudo se ignora), y se parece un poco a un banner.

Sin embargo, para identificar el verdadero asesino de conversiones, necesita una pista más que no pueda deducirse de una captura de pantalla estática:

  • La caja parece un acordeón, pero actúa más como un carrusel porque gira automáticamente para mostrar un nuevo panel cada 5 segundos.

Mortal. Los acordeones y carruseles deberían mostrar un nuevo panel solo cuando los usuarios lo soliciten . De lo contrario, debería quedarse quieto y permitir que los usuarios lean la información en paz, sin que la alfombra se les quite. Como dijo nuestro usuario sobre la gran caja giratoria de Siemens: «No tuve tiempo de leerla. Sigue parpadeando demasiado rápido».

El reenvío automático causa muchos problemas de usabilidad:

  • Los elementos móviles de la IU generalmente reducen la accesibilidad, especialmente para los usuarios con problemas de habilidades motoras que tienen dificultades para hacer clic en algo antes de que se lo quiten.
  • Los usuarios de baja alfabetización a  menudo no tienen tiempo suficiente para leer la información antes de que se elimine.
  • Los usuarios internacionales  también leen más lentamente si su sitio no está en su idioma nativo y, por lo tanto, no podrán entender un panel si se muestra solo brevemente.
  • La visibilidad de un solo elemento se reduce al tener que turnarse para estar en exhibición. La probabilidad de que los usuarios vean el elemento que desean se reduce drásticamente cuando solo se muestra una cosa en un momento dado; en el ejemplo de Siemens, el acuerdo de descuento es visible solo el 20% del tiempo.
  • Es simplemente molesto para los usuarios perder el control de la interfaz de usuario cuando las cosas se mueven por su propia cuenta.
  • Lo más importante, debido a que se mueve, los usuarios asumen automáticamente que podría ser un anuncio, lo que los hace más propensos a ignorarlo.

En mi ejemplo, el usuario no vio la oferta de £ 100 durante su revisión inicial de la parte superior de la página. Luego se desplazó un poco hacia abajo y nunca vio la caja llena durante el tiempo que le quedaba en la página de inicio.

El diseño disfuncional de la caja grande se ve afectado aún más por un uso peor del contenido sin contenido que la caja pequeña. En el acordeón, la frase sin sentido Rewarding.Life.Style se usa como texto de enlace para el botón para mostrar la oferta de descuento.

Aunque el recuento de palabras sin valor siempre es un desperdicio, dada la poca gente que lee en un sitio web, es completamente desastroso usar palabras sin valor para un enlaceEl olor de la información  es uno de los principales determinantes de una navegación exitosa: las personas solo hacen clic en enlaces que (a) tienen sentido y (b) describen algo que desean.

Este diseño de ejemplo es defectuoso de muchas maneras, pero la peor ofensa es probablemente hacer que algo se mueva y que sea estático . Es triste pensar que se gastó dinero extra en animar este diseño con características de movimiento dañinas, en lugar de simplemente crear contenido simple que comunique claramente la propuesta de valor de la compañía.

Fuente: Artículo original en inglés.

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on whatsapp
WhatsApp
Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp

FAQ's

Si aún tiene dudas, lo invitamos a revisar nuestras preguntas frecuentes sobre nuestros servicios.

Diseño Web & Desarrollo

¿No encuentra la respuesta que busca para su sitio web? ¡Compartimos algunas de nuestras preguntas más frecuentes para ayudarlo!

Branding & Diseño Gráfico

¿Quiere un logotipo, una ilustración o un diseño pero no puede encontrar la respuesta que está buscando? Eche un vistazo a nuestras preguntas frecuentes.

Marketing Digital

¿Estás listo para impulsar tu negocio pero no encuentras la respuesta que estás buscando? Echa un comentario a nuestras preguntas frecuentes.