Quels sont les arguments contre l'utilisation d'un ticker / Marquee sur les sites Web?
On m'a récemment demandé d'ajouter un ticker (avec des mises à jour quotidiennes) à l'un de nos tableaux de bord HTML. (Un ticker serait du texte défilant à travers l'écran. Dans le passé, vous pouviez réaliser quelque chose comme ça avec la balise Marquee en HTML.)
Personnellement, je n'aime pas les tickers et je pense qu'ils appartiennent au siècle dernier, mais ce n'est pas vraiment un bon argument. Cependant, il doit y avoir de meilleurs arguments, car aucun des sites Web que je visite fréquemment n'utilise plus de tickers.
Avez-vous maintenant de meilleurs arguments contre l'utilisation des tickers?
Les tickers sont comme carrousels , mais pire.
Puisque vous demandez des inconvénients, les tickers sont un contre-motif car:
Le contenu est imprévisible pour les utilisateurs. Les utilisateurs ne savent pas quelle est la taille du contenu, dans quel ordre il apparaît, où il commence ou se termine, et combien de temps il faudra pour le lire en entier.
Il défile trop lentement ou trop vite . Si un lecteur se concentre sur la lecture du ticker, il le lira plus rapidement qu'il ne défile, ce qui rend l'expérience frustrante. En revanche, si la vitesse de défilement augmente, les utilisateurs non focalisés sur le ticker auront du mal à se concentrer sur le contenu car il se déplace trop rapidement.
Il est difficile de lire un texte en mouvement . Il est bien étudié que les gens ne lisent pas correctement, mais lisent plutôt les mots en morceaux. Faire bouger ces mots rend l'expérience de lecture difficile (les utilisateurs consacrent un effort disproportionné à la lecture des lettres en mouvement, ce qui réduit la capacité de comprendre le contenu).
C'est visuellement distrayant . Le déplacement d'éléments sur une page attirera automatiquement l'attention de l'utilisateur. Dans le cas d'un ticker, le contenu est généralement supposé être périphérique au contenu principal d'une page, mais l'animation le fait être distrayant à le contenu principal.
Enfin, les données empiriques soutiennent votre point de vue. Il y a de très bonnes raisons pour lesquelles les tickers ne sont pas utilisés sur la grande majorité des sites Web aujourd'hui!
Ce n'est que mon opinion, mais c'est une réponse.
Les tickers, ou chapiteaux, où vous les voyez, ont tendance à habiter de petits espaces. Que ce soit en face d'un cinéma, à l'arrière d'une voiture de police ou sur un panneau de gare.
Dans le monde réel, ils offrent un avantage dans la mesure où ils peuvent afficher plus d'informations que l'affichage ne peut afficher statiquement, mais dans un immobilier plus petit et donc moins cher.
À l'époque où Marquee était encore un élément HTML pris en charge, ils étaient un peu une nouveauté. Maintenant, avec la conception de sites Web et les souris à molette, il n'est vraiment plus nécessaire d'afficher les informations dans un petit bloc défilant. Pourquoi voudrais-tu? Pourquoi ne pas simplement l'afficher dans son propre élément de bloc, affiché en permanence?
Si les informations sont trop longues pour le bloc et qu'il est impératif qu'elles soient affichées, je pense qu'il y a plus à gagner en regardant votre conception, plutôt qu'en essayant de presser un tel élément.
Le défilement du texte peut être un obstacle à l'accessibilité, à tel point que WCAG exige que vous fournissiez un contrôle qui permet à l'utilisateur de suspendre, d'arrêter ou de masquer le contenu en mouvement ( SC 2.2.2 Pause, Stop, Hide =).
Le contenu qui se déplace ou se met à jour automatiquement peut être un obstacle pour quiconque a du mal à lire rapidement du texte stationnaire ainsi que pour toute personne qui a du mal à suivre les objets en mouvement. Cela peut également causer des problèmes aux lecteurs d'écran.
Le déplacement de contenu peut également être une distraction grave pour certaines personnes. Certains groupes, en particulier ceux souffrant de troubles du déficit de l'attention, trouvent le contenu clignotant distrayant, ce qui rend difficile pour eux de se concentrer sur d'autres parties de la page Web.
En corollaire aux réponses très agréables de @tohster et de @Matt Obee, il y a une considération supplémentaire:
Les tickers retirent le contrôle de la personne qui consulte les informations
Une personne qui essaie de lire du contenu présenté sous forme de liste statique peut faire défiler vers le haut ou vers le bas à sa guise et est activement engagée dans cet acte. Les tickers forcent celui qui les regarde à un état d'audience passif, ce qui peut être très désengageant et réduire immédiatement l'intérêt du spectateur pour le contenu présenté. Même si le mouvement du téléscripteur peut être accrocheur et forcer la concentration sur lui-même, il peut être psychologiquement distancieux et créer un sentiment d'agacement à la tentative de capture, en particulier si les informations lues en premier ne semblent pas suffisamment importantes pour nécessiter d'attirer l'attention à elle de toutes les manières possibles.
Finalement,
Les tickers sont une présentation des informations moins bonne que le texte statique, et peuvent même se briser sur mobile
Considérez la réponse de @ DarrylGodden. À part une tentative d'utiliser un ticker comme skeuomorphe anachronique inutile pour un effet visuel (je ne peux même pas dire "appel" ici), à quoi sert le ticker? Quel était le but recherché en le plaçant dans la page?
Vraisemblablement, il s'agissait (a) de présenter des informations et (b) d'attirer l'attention sur ces informations.
Si l'information s'inscrit dans l'espace horizontal du téléscripteur, alors la seule raison pour laquelle elle se déplace est… d'essayer d'attirer l'œil. Mais le mouvement le rend plus difficile à lire et est un élément gênant et distrayant tout en essayant de se concentrer sur d'autres contenus de la page.
Si les informations occupent plus d'espace que la largeur horizontale du ticker, elles n'afficheront jamais qu'une partie limitée de ces informations à un moment donné. Un ticker qui se déplace aussi vite que de nombreuses personnes peuvent numériser une page serait illisible, car les tickers fonctionnent en fait contre le processus naturel par lequel nos yeux scannent et interprètent texte via saccades. La plupart des gens sont trop impatients d'attendre que quelque chose défile: soit ils supposeront que toute information non visible est sans importance, soit ils seront frustrés d'attendre qu'elle défile pour être visible.
En effet, l'utilisation d'un ticker ne va pas transmettre des informations ainsi que du texte statique.
Si vous ne pouvez pas être sûr qu'une personne visitant une page lira un ticker (dans son intégralité ou même pas du tout) pour ces différentes raisons, vous ne pouvez pas placer d'informations importantes dans le ticker, alors pourquoi auriez-vous même un ticker?
Opinion personnelle: Les tickers sont bons, comme indiqué ci-dessus, lorsque la quantité d'espace dont vous disposez est définie (par exemple, le ticker sur une chaîne de télévision). C'est bien parce que vous pouvez lire rapidement un résumé des nouvelles, car le présentateur de télévision passe en revue une histoire en détail. Il a également l'avantage que, comme il est (généralement) avec le son, vous pouvez lire le ticker et écouter le présentateur en même temps.
Ce dernier de ces deux - la voix du présentateur - n'est généralement pas là sur un tableau de bord (ou n'importe quel site Web). Il s'agit donc simplement d'une question: ce tableau de bord affiche-t-il les informations lentement/séquentiellement dans un espace limité/défini? Si tel est le cas, cela pourrait être la bonne solution, et cela peut fonctionnent bien dans ces situations.
Je pense qu'il s'agit de déterminer quel problème le téléscripteur essaie de résoudre, puis de résoudre ce problème. Un ticker a très probablement été suggéré car c'est une solution au problème que la personne qui le demande a déjà vu. Je suppose que cela a peut-être été demandé parce que l'utilisateur veut un résumé rapide de ce qui se passe - dans ce cas, quelle est la meilleure façon d'afficher cela pour un utilisateur qui peut faire défiler vers le bas? Peut-être une liste, ou un tableau, ou ... eh bien, cela dépend. Vous devez demander à l'utilisateur pour quoi il veut les informations et pourquoi, puis essayez de résoudre ce problème.
MODIFIER:
Si vous le montrez simplement aux gens, l'objectif final - sera-t-il affiché sur un écran de télévision ou un ordinateur (ou autre chose où la personne peut interagir avec lui)? - encore debout. Il peut y avoir une bonne raison d'utiliser un ticker s'il s'agit du premier. Si ce n'est pas le cas, vous pouvez leur dire que "c'est une meilleure façon d'afficher ces informations". Vous êtes l'expert, pas les personnes à qui vous faites la démonstration.
La raison pour laquelle ce n'est pas un bon élément de conception ux est parce qu'il fait ressembler une page Web à une chaîne de télévision financière.
Les gens voient ce texte coulissant et il est lié à leur association visuelle de NOUVELLES! LISEZ-MOI! REGARDEZ ICI !! NOUVELLES! Etc. Arhhh, sortez-moi d'ici!
Cela a été fait à mort - à tel point que les gens cliqueront automatiquement après une seconde en le voyant car c'est une association visuelle et mémoire désagréable.
En général, de nos jours, les gens ne veulent pas de publicité distrayante lorsqu'ils regardent le Web - les publicités de la boîte à lumière vont de la même manière - les gens recherchent simplement le bouton de fermeture et non le contenu de la boîte à lumière.
Quant à moi, dès que l'image a commencé à s'animer, j'ai perdu la trace du texte dans votre question et j'ai à peine pu terminer la lecture. C'est aussi une raison pour laquelle j'ai installé adblock, que je désactive sur la plupart des sites, mais dès que je vois quelque chose d'animé ou que je vois un obstacle sur la page, je le remets juste en place (et si ce n'est pas une annonce, je bloque explicitement l'URL source) .
Je ne suis pas conscient d'avoir des troubles spécifiques mentionnés dans d'autres réponses, mais je ne peux tout simplement pas me concentrer si quelque chose sur la page bouge ou clignote. Même chose avec les popups, les notifications, la lecture automatique de vidéos, je finis par les bloquer ou arrête de visiter le site Web si je suis trop ennuyé.
Les tickers sont bons pour les moments où vous avez un espace vertical très limité (plusieurs tickers sur certaines chaînes de télévision) ou un espace très limité en général (à l'arrière d'une voiture de police, comme la réponse précédente).
Cependant, les tickers ont un gros inconvénient - ils dictent la vitesse de lecture. Quelqu'un qui lit vite doit attendre que le ticker affiche le nouveau mot et quelqu'un qui lit lentement ne peut pas suivre le ticker. Donc, si vous n'êtes pas très limité dans l'espace, utilisez simplement une zone de texte.
Je sais que c'est un fil anti-ticker. Mais je voudrais vous demander à tous honnêtement. S'il y avait une application de téléscripteur avec toute la flexibilité possible comme dans la forme, la taille, la couleur, la structure, à quelle probabilité allez-vous l'utiliser.