it-swarm-es.com

¿Cuáles son los argumentos en contra del uso de un ticker / Marquee en sitios web?

Recientemente me pidieron agregar un ticker (con actualizaciones diarias) a uno de nuestros paneles basados ​​en HTML. (Un ticker sería texto desplazándose por la pantalla. En el pasado, podía lograr algo así con la etiqueta Marquee en HTML).

an example of a scrolling Marquee/ticker

Personalmente no me gustan los tickers y creo que son cosa del siglo pasado, pero ese no es realmente un buen argumento. Sin embargo, tiene que haber mejores argumentos, porque ninguno de los sitios web que visito con frecuencia usa tickers.

¿Ahora tienes mejores argumentos contra el uso de tickers?

92
stefan.s

Los tickers son como carruseles , pero peor.

Como está pidiendo desventajas, los tickers son un antipatrón porque:

  • El contenido es impredecible para los usuarios. Los usuarios no saben qué tan grande es el contenido, en qué orden aparece, dónde comienza o termina, y cuánto tiempo llevará leerlo todo.

  • O bien se desplaza demasiado lento o demasiado rápido . Si un lector está enfocado en leer el ticker, lo leerá más rápido de lo que se desplaza, lo que lo convierte en una experiencia frustrante. Por otro lado, si aumenta la velocidad de desplazamiento, los usuarios que no estén enfocados en el ticker tendrán dificultades para enfocarse en el contenido porque se mueve demasiado rápido.

  • Es difícil de leer el texto en movimiento . Está bien estudiado que las personas no leen sin problemas, sino que leen palabras en trozos. Hacer que esas palabras se muevan hace que sea una experiencia de lectura difícil (los usuarios realizan un esfuerzo desproporcionado al leer las letras en movimiento, lo que reduce la capacidad de comprender el contenido).

  • Es una distracción visual . Mover elementos en una página captará automáticamente la atención del usuario. En el caso de un ticker, generalmente se supone que el contenido es ¡periférico al contenido principal de una página, pero la animación hace que sea ¡distrae a El contenido principal.

Finalmente, los empíricos apoyan su punto de vista. ¡Hay muy buenas razones por las cuales los tickers no se usan en la gran mayoría de los sitios web hoy en día!

149
tohster

Esta es solo mi opinión, pero es una respuesta.

Los tickers, o carpas, donde los ves, tienden a habitar espacios pequeños. Ya sea al frente de un cine, en la parte trasera de un coche de policía o en una señal de la estación de tren.

En el mundo real, ofrecen la ventaja de que pueden mostrar más información de la que la pantalla puede mostrar estáticamente, pero en un espacio más pequeño y, por lo tanto, más barato.

En el pasado, cuando Marquee todavía era un elemento HTML compatible, eran una novedad. Ahora, con el diseño del sitio web y los ratones con rueda, realmente no hay necesidad de mostrar información en un pequeño bloque de desplazamiento. ¿Por que lo harias? ¿Por qué no simplemente mostrarlo en su propio elemento de bloque, que se muestra constantemente?

Si la información es demasiado larga para el bloque y es imperativo que la información se muestre, entonces creo que se puede ganar más mirando su diseño, en lugar de tratar de exprimir dicho elemento.

52
DarrylGodden

El desplazamiento del texto puede ser una barrera para la accesibilidad, tanto que WCAG requiere que proporcione un control que permita al usuario pausar, detener u ocultar el contenido en movimiento ( SC 2.2.2 Pausar, Parar, Ocultar =).

El contenido que se mueve o actualiza automáticamente puede ser una barrera para cualquiera que tenga problemas para leer el texto estacionario rápidamente, así como para cualquiera que tenga problemas para rastrear objetos en movimiento. También puede causar problemas a los lectores de pantalla.

Mover contenido también puede ser una distracción severa para algunas personas. Ciertos grupos, particularmente aquellos con trastornos por déficit de atención, encuentran que el contenido parpadeante les distrae, lo que les dificulta concentrarse en otras partes de la página web.

20
Matt Obee

Como corolario de las muy buenas respuestas de @tohster y @Matt Obee, hay una consideración adicional:

Los tickers eliminan el control de la persona que ve la información

Alguien que está tratando de leer contenido que se presenta como una lista estática puede desplazarse hacia arriba o hacia abajo a su propio ritmo y participar activamente en ese acto. Los tickers obligan a quien los está viendo a un estado de audiencia pasiva, lo que puede ser muy poco atractivo e inmediatamente reduce el interés del espectador en el contenido que se presenta. Si bien el movimiento del ticker puede ser llamativo y forzar el enfoque en sí mismo, puede ser un distanciamiento psicológico y crear una sensación de molestia ante el intento de captura, especialmente si la información que se lee por primera vez no parece ser lo suficientemente importante como para llamar la atención. a ello de todas las formas posibles.

Finalmente,

Los tickers son una presentación de información más pobre que el texto estático, e incluso pueden romperse en dispositivos móviles

Considere la respuesta de @ DarrylGodden. Aparte de un intento de utilizar un ticker como skeuomorfo anacrónico innecesario para el efecto visual (ni siquiera puedo decir "atractivo" aquí), ¿para qué sirve el ticker? ¿Cuál fue el propósito previsto al colocarlo en la página?

Presumiblemente, era (a) presentar información y (b) llamar la atención sobre esa información.

Si la información se ajusta dentro del espacio horizontal del ticker, entonces la única razón para que se mueva es ... para tratar de dibujar el ojo. Pero el movimiento hace que sea más difícil de leer y es un elemento molesto y que distrae al tratar de enfocarse en otro contenido de la página.

Si la información ocupa más espacio que el ancho horizontal del ticker, solo mostrará una porción limitada de esa información en un momento dado. Un ticker que se mueve tan rápido como muchas personas pueden escanear una página sería ilegible, porque los tickers realmente funcionan contra el proceso natural por el cual nuestros ojos escanean e interpretan texto a través de saccades. La mayoría de las personas están demasiado impacientes como para esperar que algo se desplace: supondrán que cualquier información no visible no es importante o se sentirán frustrados al esperar que se desplace para que sea visible.

En efecto, el uso de un ticker no va a transmitir información además de texto estático.

Si no puede estar seguro de que alguien que visita una página leerá un ticker (en su totalidad o incluso en absoluto) por estos diversos motivos, no puede colocar información importante en el ticker, entonces, ¿por qué tendría un ticker?

14
taswyn

Opinión personal: los tickers son buenos, como se indicó anteriormente, cuando se define la cantidad de espacio que tiene (por ejemplo, el ticker en un canal de noticias de televisión). Es bueno porque puedes leer un resumen de las noticias rápidamente, ya que el presentador de televisión está revisando una noticia en detalle. También tiene la ventaja de que, debido a que (generalmente) con el sonido activado, puede leer el ticker y escuchar al presentador al mismo tiempo.

El último de estos dos, la voz del presentador, generalmente no está allí en un tablero (o en cualquier sitio web). Entonces, realmente es solo una cuestión de: ¿este panel de control muestra información lenta/secuencialmente en un espacio limitado/definido? Si ese es el caso, entonces podría ser la solución correcta, y puede funcionan bien en esas situaciones.

Creo que se trata de resolver qué problema intenta resolver el ticker y luego resolver ese problema. Lo más probable es que se haya sugerido un ticker porque es una solución al problema que la persona que lo solicitó ha visto antes. Supongo que tal vez se haya solicitado porque el usuario quiere un resumen rápido de lo que está sucediendo; en ese caso, ¿cuál es la mejor manera de mostrarlo para un usuario que puede desplazarse hacia abajo? Quizás una lista, o una tabla, o ... bueno, depende. Debe preguntar al usuario para qué quiere la información para y por qué, luego intente resolver ese problema.

EDITAR:

Si solo lo está demostrando a las personas, el objetivo final: ¿se verá en la pantalla de un televisor o una computadora (o algo más donde la persona pueda interactuar con él)? - sigue en pie. Puede haber una buena razón para usar un ticker si es el primero de ellos. Si no es así, puede decirles que 'esta es una mejor manera de mostrar esta información'. Usted es el experto, no la gente a la que está haciendo una demostración.

5
Algy Taylor

La razón por la que no es un buen elemento de diseño de UX es porque hace que una página web se vea como un canal de TV financiero.

¡La gente ve ese texto deslizante y se vincula a su asociación visual de NOTICIAS! ¡Léeme! ¡¡MIRA AQUÍ!! ¡NOTICIAS! Etc. ¡Arhhh, sácame de aquí!

Se ha hecho hasta la muerte, tanto es así, que la gente automáticamente hará clic lejos después de un segundo de verlo porque es una señal visual desagradable y una asociación de memoria.

En general, en la actualidad, las personas no quieren distraer la publicidad cuando ven la web: los anuncios de la caja de luz funcionan de la misma manera: las personas solo buscan el botón de cierre, no el contenido de la caja de luz.

2
Jeremy Thompson

En cuanto a mí, tan pronto como la imagen comenzó a animarse, perdí el rastro del texto en su pregunta y apenas pude terminar de leerlo. También es una razón por la que instalé adblock, que desactivo en la mayoría de los sitios, pero tan pronto como veo algo animado o veo obstrucción en la página, lo vuelvo a colocar (y si no es un anuncio, bloqueo explícitamente la URL de origen) .

No soy consciente de tener trastornos específicos mencionados en otras respuestas, pero no puedo concentrarme si algo en la página se mueve o parpadea. Lo mismo con las ventanas emergentes, las notificaciones, la reproducción automática de videos, simplemente termino bloqueándolos o dejo de visitar el sitio web si me molesto demasiado.

1
chylex

Los tickers son buenos para los momentos en que tiene un espacio vertical muy limitado (tickers múltiples en algunos canales de televisión) o un espacio muy limitado en general (detrás de un automóvil de policía, como la respuesta anterior).

Sin embargo, los tickers tienen un gran inconveniente: dictan la velocidad de lectura. Alguien que lee rápido tiene que esperar a que el ticker muestre la nueva Palabra y alguien que lee lentamente no puede seguir el ritmo. Entonces, si no está muy limitado en el espacio, simplemente use un cuadro de texto.

1
Pentium100

Sé que este es un hilo anti-ticker. Pero quisiera preguntarles a todos honestamente. Si hubo una aplicación de teletipo de noticias con toda la flexibilidad posible, como la forma, el tamaño, el color, la estructura, ¿con qué probabilidad la usará?.

0
Shivam Verma