Un favicon.ico animé est-il une mauvaise idée? Existe-t-il des utilisations intéressantes de favicon.ico animé?


20

Chaque fois que je produis un à l' favicon.icoaide html-kit.com , il me donne la possibilité d'obtenir une version animée. Je n'ai jamais utilisé de favicon animé, mais à part le fait qu'il soit "visuellement bruyant", y a-t-il une raison pour laquelle c'est une mauvaise idée?

Existe-t-il des utilisations créatives ou intéressantes d'un favicon animé?

EDIT Pour être clair, la version animée html-kit vous donne est un GIF, que vous pouvez indiquer à l'aide d'une balise META. Désolé d'avoir laissé entendre que le format d'image favicon.ico prend en charge l'animation!


Je ne connaissais même pas l'animation prise en charge par les fichiers .ico.
mmyers

1
Ah! merci mmyers, ce n'est pas le cas. html-kit fournit un GIF. Vous pouvez pointer vers la version gif en utilisant des balises META.
artlung

Réponses:


20

Ne le fais pas . L'époque du déplacement de contenu sans le consentement de l'utilisateur est révolue. En fait, n'utilisez pas de pages de démarrage ou de lecture automatique de vidéo.

Les utilisateurs doivent produire une action pour les effets.

Cependant, le kilométrage peut varier. Il existe une telle conception de nouveauté, c'est la raison pour laquelle les pages de démarrage fonctionnaient dans le passé. Assurez-vous simplement que ce que vous faites ajoute à l'expérience utilisateur, pas seulement la vôtre.


Ce commentaire est logique pour son temps et l'effet d'entraînement des animations flash de merde dans la communauté Web, mais le commentaire ne pourrait pas être plus faux en raison des tendances actuelles représentées partout sur le net aujourd'hui. en 2018, les animations sur toile Html5 et SVG occupent la première place dans certains des sites Web les plus respectés du net.
Patrick


6

J'ai rencontré deux problèmes: le premier est qu'il donne l'impression que votre site Web n'est jamais terminé, car les utilisateurs ne voient normalement que le favicon de chargement animé et associent naturellement toute animation au chargement du navigateur. Le deuxième problème est que les favicons animés distraient l'utilisateur, imaginez simplement avoir 8 onglets ouverts et chacun montrant de minuscules animations.

Généralement, les favicons animés réduiront l'UX de votre page, mais des statiques simples et descriptives sont toujours utiles.


4

Veuillez prendre connaissance des directives d'accessibilité du W3C

La directive 2.3 vous demande de ne pas concevoir le contenu d'une manière connue pour provoquer des saisies: << Les pages Web ne contiennent rien qui clignote plus de trois fois au cours d'une période d'une seconde, ou le flash est inférieur aux seuils de flash général et de flash rouge. (Niveau A) "

voir http://www.w3.org/TR/WCAG20/#seizure


2

Je suppose qu'un animé faviconest comme tous les autres animés GIFs: bien fait, il peut être génial et vraiment ajouter à votre site Web. Mais assurez-vous de ne pas en abuser, car cela peut vraiment devenir ennuyeux visuellement!


0

Contrairement aux GIF animés sur la page Web, un GIF de favicon ne peut pas être arrêté avec la touche ESC. Cela continuera indéfiniment et cela chassera certainement certains de vos visiteurs.


Avez-vous des preuves de cette affirmation? Vous avez peut-être raison, mais les preuves rendraient la demande crédible. Merci d'avoir commenté!
artlung

1
Euh, essayez-le? Nick lié à ce jeu de favicon où vous pouvez confirmer que presser ESC n'arrêtera pas l'animation du favicon.
Torben Gundtofte-Bruun

Cette affirmation est très bien ... c'est celle "qui est sûr de chasser certains de vos visiteurs" qui a besoin de soutien.
artlung

@ TorbenGundtofte-Bruun Ce jeu utilise un PNG comme cadres animés en JavaScript, ce qui ne prouve rien sur les GIF. Bien que je pense que vous prétendez que les GIF sont corrects, votre source n'est pas valide.
depquid

1
De plus, FWIW, les GIF ne peuvent plus être arrêtés en utilisant ESC dans Firefox.
depquid
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.