Augmentez l’engagement et attirez l’attention
Les vidéos et les animations peuvent être un excellent moyen d’augmenter l’engagement et de retenir l’attention sur votre site Web. Mais cela n’aura pas d’importance si la page ne se charge pas avant que l’utilisateur ne clique dessus.
L'essentiel est d'utiliser les bons formats de fichiers et de veiller à ne pas abuser des animations. Il n'est pas nécessaire d'animer tous les éléments de votre site web.
Vidéos
Les vidéos sont idéales lorsqu'elles sont utilisées pour démontrer un produit ou si vous souhaitez afficher un témoignage plus crédible de votre client. Mais vous devez faire attention à la façon dont vous les ajoutez.
Bonne pratique : téléchargez vos vidéos sur YouTube ou Vimeo, puis intégrez-les à votre site Web
Les vidéos ont généralement des fichiers assez volumineux, vous devez éviter d'héberger des vidéos sur les serveurs de votre propre site Web.
Vous ne parvenez pas à télécharger sur YouTube ? Utiliser WebM
Si, pour une raison quelconque, vous ne parvenez pas à intégrer la vidéo et que vous devez la télécharger directement sur votre site Web, assurez-vous d'utiliser le bon format de fichier. Utilisez le format de fichier WebM et assurez-vous de compresser vos vidéos avant de les télécharger.
Si votre vidéo n'est pas actuellement au format WebM, vous pouvez la convertir dans un autre format de fichier à l'aide de Cloudconvert.
Animations
Les animations sont un excellent moyen d'attirer l'attention des utilisateurs sur les zones les plus importantes de votre site Web ou de les encourager à continuer à faire défiler une longue page. Mais chaque animation que vous ajoutez ajoutera du temps de chargement supplémentaire à votre page.
Quand utiliser les animations
- Attirez l’attention sur un élément spécifique.
- Démontrer comment un produit est utilisé.
Quand ne pas utiliser les animations
- Sur chaque élément d'une page.
- Sur les appareils mobiles.
Types d'animations
CSS/JavaScript
Les animations CSS et JavaScript peuvent être utilisées pour des mouvements simples, comme faire « sauter » un élément ou un bouton. Vous pouvez en savoir plus sur ces types d’animations ici.
GIFs
Les GIF peuvent être utilisés pour afficher des personnages animés, mais ils peuvent se charger lentement. Il est recommandé d'utiliser MP4 ou WebM au lieu de GIF.