Vidéo de fond sur tablette / téléphone? Ou encore une image?
Si je comprends bien, les vidéos ne seront pas lues automatiquement sur les tablettes/téléphones pour empêcher l'utilisateur d'utiliser des données indésirables. Dans le même temps, il y a une tendance à utiliser des arrière-plans en plein écran. Je me demandais ce qu'il était recommandé de faire sur les sites mobiles?
- Supprimer la vidéo et la remplacer par une image?
- Charger une image fixe et donner à l'utilisateur la possibilité de lire la vidéo?
- Charger la vidéo (en pause) et donner à l'utilisateur la possibilité de lire la vidéo?
- Peut-être utiliser une image animée?
Veuillez garder à l'esprit que les vidéos de fond ne sont pas l'objectif principal du site Web. Ces vidéos sont donc plus axées sur l'esthétique que sur l'utilisabilité.
Je vais canaliser mon Jakob Nielsen intérieur et dire de ne pas abuser de la confiance de vos utilisateurs. Ne les forcez pas à télécharger des images (dans ce cas vidéo) qu'ils n'ont pas demandées. L'utilisateur moyen est toujours sur un modem 28,8 ou au mieux 56,6 (euh cela 3G ou au mieux 4G LTE) et cela n'interférera qu'avec l'accès de vos utilisateurs à votre contenu. Si l'utilisateur le souhaite, il peut le télécharger.
Si vous pensez que c'est vraiment important, chargez-le de manière asynchrone. Je suis parfois dans des endroits (en attente d'un train) où je reçois à peine le service 3G et je ne veux certainement pas télécharger des vidéos de fond.
Si le contenu de la vidéo n'est pas critique pour vos utilisateurs et principalement utilisé pour "l'ambiance", je le remplacerais par une image. Leur donner la possibilité de lire une vidéo semble simplement ajouter un choix inutile de choses à faire pour les utilisateurs.
Une image animée est vraiment la même utilisation de données que la vidéo ou autrement moins de données mais de moins bonne qualité car elles doivent télécharger chaque image de l'animation.
J'ai moi-même expérimenté ce problème récemment et je n'ai trouvé aucune image comme le meilleur remplacement vidéo. Étant donné que nous avons déjà très peu d'écran, les images d'arrière-plan peuvent devenir distrayantes. J'ai ensuite mis les images entre les parties de la page Web (c'était un téléavertisseur) avec une sorte d'effet parallex pour avoir encore quelques images sur le site.
Quand on parle d'arrière-plans vidéo, il y a vraiment une chose importante: Build Mobile First et ne les ajoutez (LOAD) au design que si nécessaire. Comme déjà mentionné par Mayo:
Ne les forcez pas à télécharger des images (dans ce cas vidéo) qu'ils n'ont pas demandées.
Je suggère que vous puissiez probablement proposer deux options, afin que les utilisateurs puissent changer en fonction de leur situation où ils se trouvent et en fonction de leur accès Internet mobile. Créez une version allégée de la page de destination où les vidéos/images ne sont pas disponibles, affichez uniquement le contenu requis. Et une autre version en standard où elle reproduit la même conception fournie sur le Web de bureau.
Vous pouvez également écrire un algorithme intelligent pour connaître la connexion Internet de l'appareil et suggérer à l'utilisateur la version qu'il peut utiliser, cette technique est utilisée par Google. J'espère que cela fonctionne.
Typeform fournit un exemple utile du monde réel de la façon de gérer ce problème, qui est globalement conforme à votre troisième point:
Charger la vidéo (en pause) et donner à l'utilisateur la possibilité de lire la vidéo?
Sur un appareil de bureau, la vidéo est lue automatiquement. Sur un iPad ou et Android (les seuls appareils supplémentaires que j'ai testés), une image vidéo est affichée avec un gros bouton de lecture superposé. L'effet est de présenter la vidéo comme principale interaction disponible sur la page. Ils ont intelligemment utilisé une image très saisissante (au moment de la rédaction, c'est un chien qui lèche l'écran) qui, je suppose, suscite suffisamment d'intérêt pour générer de nombreux clics sur le bouton de lecture. La vidéo elle-même s'ouvre en plein écran ( c'est-à-dire qu'il ne fonctionne pas en arrière-plan).
Je pense que donner aux utilisateurs la possibilité de lire la vidéo est une bonne approche, mais comme d'autres affiches l'ont mentionné, votre décision finale devrait être largement basée sur l'importance de la vidéo pour vos utilisateurs. Typeform est assez convaincant et capture bien ce que fait le produit. En d'autres termes, cela vaut la peine d'être surveillé à la fois pour l'utilisateur et pour l'entreprise. Comparez cela à New Relic , dont les vidéos d'arrière-plan sur le bureau sont certainement juste pour "l'atmosphère". Sur mobile, ils affichent simplement un arrière-plan vierge avec un message clair et exploitable. La vidéo n'ajoute pas suffisamment à l'expérience utilisateur pour justifier son inclusion sur mobile. Du point de vue de la stratégie de contenu, vous pouvez vous demander pourquoi vous générez du contenu qui n'ajoute de la valeur que sur un nombre limité de canaux, mais c'est probablement un peu hors sujet pour une discussion UX.
Donner des contrôles de lecture/pause aux vidéos d'arrière-plan n'est pas une bonne pratique. Je vous suggère d'aller avec # 2 qui charge une image fixe et donne à l'utilisateur une option pour lire la vidéo. Vous devez garder à l'esprit que la plupart des utilisateurs n'aimeront pas vider leurs données mobiles sur une vidéo qu'ils n'ont pas demandée.
Si c'est plus une question d'esthétique qu'autre chose, je m'en tiendrai à l'option 1:
- Il ne consommera pas de précieuse bande passante mobile sans que l'utilisateur ne le demande.
- Il sera cohérent avec la version de bureau, car la vidéo est juste en arrière-plan et ne fournit aucune information importante ou la visualisation n'est pas requise pour compléter un entonnoir marketing
- Un .jpg ou .png est beaucoup plus facile à optimiser en taille qu'un .gif animé