Utilisation acceptable d'une vidéo d'arrière-plan de la page d'accueil?
Je développe un site web pour un nouveau club de danse. J'essaie de décider si mon idée d'utiliser une page d'accueil de vidéo d'arrière-plan serait acceptable d'un point de vue UX. Je sais que les vidéos ne sont généralement pas idéales en raison du temps de chargement potentiellement lent et du manque de contrôle de l'utilisateur, mais je pense qu'il y a aussi de grands avantages à avoir la vidéo.
J'aimerais que la vidéo (qui n'a pas de son) soit lue automatiquement en arrière-plan. J'ai un fichier musical séparé qui doit accompagner la vidéo. Le fichier son ne sera lu que s'il n'est pas en sourdine. Je voudrais mettre un bouton lecture/pause et un bouton muet/réactiver dans le coin inférieur droit avec une sorte d'infobulle pour mettre en évidence la fonctionnalité. La vidéo et l'audio seront automatiquement mis en boucle. Sur mobile, je prévois de remplacer la vidéo par une image.
Voici les avantages que je vois avec la vidéo: La vidéo présente les membres actuels dansant, discutant et prenant des cours de danse. Les visiteurs peuvent avoir une idée de l'atmosphère de danse (le lieu, un éclairage frais, une tenue informelle), les types de personnes qui viennent danser (diverses ethnies et divers âges), le style de danse et la communauté (amitié et socialisation entre danseurs). ). Je pense que la vidéo fait un bon travail pour rendre le club amusant et excitant à faire partie de.
Mes suggestions:
1) Les arrière-plans vidéo rendent un site Web plus vivant et interactif pour un utilisateur, mais ils ne sont pas très faciles à réaliser.
2) Déterminez les données démographiques de votre public cible. S'il vise à cibler des utilisateurs provenant d'un monde en développement, sachez qu'ils ont des vitesses Internet inférieures à la moyenne, et l'expérience les choquera.
3) Gardez le clip vidéo petit. 10-15 secondes en tête avec boucle.
Pro-tip : Chargez une vidéo basse résolution, étirez-la pour remplir l'écran complet et flouz-la en utilisant css. Cela présente trois avantages: vous emballez moins d'octets, et l'effet de flou fournit un arrière-plan moins distrayant, et il n'y a pas de pixellisation visible.
4) Assurez-vous que le contraste entre le texte et l'arrière-plan est suffisant à tout moment.
Pro-tip Appliquez une couleur de superposition à la vidéo et rendez le texte blanc.
5) NE PAS utiliser l'audio sur la page d'accueil. S'il y a quelque chose de plus choquant que de déplacer des images sans son, c'est un clip vidéo qui s'arrête chaque seconde pour mettre en mémoire tampon. Très mauvais UX à mon avis.
6) Étant donné que la vidéo sert d'arrière-plan, évitez de capturer trop de détails ou de cadrer beaucoup de personnes et de mouvements brusques. Plus il est diffus, mieux c'est. Il peut toujours transmettre un mouvement sans donner l'impression que vous essayez trop fort pour attirer l'attention de l'utilisateur.
7) Rappelez-vous également que l'arrière-plan de la page d'accueil n'est pas le bon endroit pour présenter votre produit ou raconter un récit. Faites-en plutôt une intégration séparée. Jetez un oeil à site que j'ai créé , et quelques sites populaires qui le font .
Cette question a été posée à plusieurs reprises, vous pouvez donc rechercher des réponses plus détaillées.
Cependant, vous posez une question très précise dans votre titre:
tilisation acceptable d'une vidéo d'arrière-plan de la page d'accueil?
eh bien ... la réponse est simple: Franchement, il n'y a pas d'utilisations acceptables, ou du moins nous devrions définir "Acceptable"
Voir, vous mentionnez beaucoup de bons points. Maintenant, pensez que TOUS pourraient être ajoutés dans une vidéo régulière, avec une expérience immersive, son, qualité, point focal , etc. Sans les inconvénients.
Si vous considérez cela comme important, alors pourquoi voulez-vous l'utiliser comme élément non important? Si c'est SI important (et d'après votre description, cela semble être le cas), pourquoi vous voulez le cacher et en plus offrir une mauvaise expérience utilisateur?
Personnellement, j'irais avec une image statique et utiliserais la vidéo avec toutes les personnes, les vêtements, la musique et autres pour signifier quelque chose.
Cependant, je vois que vous êtes un peu convaincu que c'est la bonne voie donc, dans ce cas, la seule chose que je puisse dire est ... testez et voyez comment ça se passe
Cela semble être une bonne décision pour votre site. Les suggestions de user3210476 sont excellentes, quelques ajouts:
Gardez à l'esprit que la vidéo d'arrière-plan ne doit pas "ressortir", ne la rendez pas trop lumineuse et saturée.
Au lieu d'un bouton muet/non muet, vous pouvez également avoir un bouton contextuel, qui afficherait la vidéo dans son format d'origine tandis que cette page derrière est grisée.