¿Es un favicon.ico animado una mala idea? ¿Hay usos geniales de favicon.ico animado por ahí?


20

Cada vez que genero un favicon.icouso de html-kit.com , me da la opción de obtener una versión animada. Nunca he usado un favicon animado, pero aparte de ser "visualmente ruidoso", ¿hay alguna razón por la que sea una mala idea?

¿Hay algún uso creativo o interesante de un favicon animado?

EDITAR Para ser claros, la versión animada que html-kit le ofrece es un GIF, al que puede apuntar utilizando una metaetiqueta. Lo siento por implicar que el formato de imagen favicon.ico admite animación.


Ni siquiera sabía que los archivos .ico admitían animación.
mmyers

1
Doh! gracias mmyers, no lo hace. html-kit proporciona un GIF. Puede apuntar a la versión gif usando metaetiquetas.
artlung

Respuestas:


20

No lo haga . Los días de mover contenido sin el consentimiento del usuario han terminado. De hecho, no use páginas de bienvenida o reproducción automática de video.

Los usuarios necesitan producir acciones para los efectos.

Sin embargo, el kilometraje puede variar. Existe un diseño novedoso, esta es la razón por la que las páginas de bienvenida funcionaron en el pasado. Solo asegúrese de que lo que hace agrega a la experiencia del usuario, no solo la suya.


Este comentario tiene sentido por su tiempo y el efecto dominó de las animaciones flash de mierda en la comunidad web, pero el comentario no podría estar más equivocado debido a las tendencias actuales representadas en toda la red hoy en día. en 2018, Html5 y SVG Canvas Animations ocupan la primera fila en algunos de los diseños web más respetados de la red.
Patrick


6

Hay dos problemas que he visto con esto: el primero es que hace que su sitio web parezca que nunca se carga, porque los usuarios normalmente solo ven el favicon de carga animado y asocian naturalmente cualquier animación con la carga del navegador. El segundo problema es que los favicons animados distraen al usuario, solo imagine tener 8 pestañas abiertas y cada una mostrando pequeñas animaciones.

En general, los favicons animados reducirán el UX de tu página, pero los estáticos simples y descriptivos siempre son útiles.


4

Tenga en cuenta las pautas de accesibilidad del W3C

La directriz 2.3 le pide que no diseñe contenido de una manera que se sabe que causa convulsiones: "Las páginas web no contienen nada que parpadee más de tres veces en un segundo período, o el flash está por debajo de los umbrales de flash general y flash rojo. (Nivel A) "

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


2

Supongo que una animación favicones como todas las demás animadas GIFs: bien hecho, puede ser increíble y realmente agregar a su sitio web. ¡Pero asegúrese de no usarlo en exceso, ya que puede ser realmente molesto visualmente!


0

A diferencia de los GIF animados en la página web, un GIF favicon no se puede detener con la tecla ESC. Continuará indefinidamente, y eso seguramente alejará a algunos de sus visitantes.


¿Tiene alguna evidencia de este reclamo? Puede que tengas razón, pero la evidencia haría creíble la afirmación. Gracias por comentar!
artlung

1
Uh, pruébalo? Nick se vinculó a este juego de favicon donde puedes confirmar que presionar ESC no detendrá la animación de favicon.
Torben Gundtofte-Bruun

Ese reclamo está bien ... este es el "que seguramente ahuyentará a algunos de sus visitantes" que necesita apoyo.
artlung

@ TorbenGundtofte-Bruun Ese juego usa PNG como cuadros animados con JavaScript, lo que no prueba nada sobre GIF. Si bien, creo que usted afirma que los GIF son correctos, su fuente no es válida.
depquid

1
Además, FWIW, los GIF ya no se pueden detener con ESC en Firefox.
depquid
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.