Comment concevoir votre lecteur vidéo avec UX à l'esprit

Éléments clés pour améliorer l'expérience utilisateur des lecteurs vidéo

un lecteur vidéo bien conçu qui peut attirer plus de téléspectateurs en fournissant plusieurs contrôles, pas seulement en lecture et en pause, tels que l'ajustement du volume, le saut à la vidéo suivante, la commutation des sous-titres et le changement de qualité vidéo. Différents types de vidéos nécessitent des contrôles différents;

Les raccourcis clavier peuvent améliorer considérablement l'expérience utilisateur, en particulier pour les utilisateurs avancés. Les raccourcis de base doivent inclure: la barre d'espace pour le démarrage / la pause, les touches de flèche pour l'avant et vers l'arrière rapide, M pour muet et f pour le mode plein écran. Avant de concevoir un lecteur vidéo, il est crucial d'identifier votre public cible. Comprendre comment les utilisateurs interagissent avec votre plate-forme et votre lecteur vidéo vous permet de personnaliser les contrôles et les fonctionnalités de leurs besoins, en améliorant l'expérience utilisateur globale.

Cet article explore différents contrôles de lecteur vidéo, leur objectif et les contrôles qui devraient être sélectionnés pour des cas d'utilisation spécifiques tels que les plateformes d'apprentissage, les plateformes de médias sociaux, les utilisateurs avancés ou les utilisateurs mobiles. Savez-vous combien de contrôle des utilisateurs avancés cool YouTube ont? Continuez à lire!

Un lecteur vidéo engageant peut attirer plus de téléspectateurs. Les lecteurs vidéo modernes peuvent fournir beaucoup plus de contrôles que les boutons de lecture de lecture antérieurs.

Regardez YouTube maintenant. Les utilisateurs peuvent utiliser la fonction de chapitre de YouTube pour parcourir les clips vidéo. Cette fonctionnalité aide les utilisateurs à rechercher rapidement des clips vidéo qui leur sont liés.

À quelle fréquence allez-vous regarder une vidéo qui espère trouver des informations spécifiques, mais constate qu'elle ne répond pas à votre question spécifique? C'est frustrant!

YouTuber Savvy a trouvé une solution temporaire pour cela. Ils ont trouvé utile d'énumérer différents clips avec des horodatages dans la description de la vidéo. Cette solution signifie toujours que vous devez ouvrir la description pour rechercher votre problème spécifique. Plus important encore, il est difficile pour Google d'indexer des vidéos qui traitent de différents problèmes sur un sujet spécifique.

L'expérience utilisateur des lecteurs vidéo est bien plus que d'ajouter des chapitres. Le lecteur vidéo pour une plate-forme d'apprentissage en ligne est différent des contrôles requis pour une vidéo de bande-annonce simple sur un site Web de vidéo ou de produit YouTube.

Pourquoi l'expérience utilisateur d'un lecteur vidéo est-elle importante?

Prenez des plates-formes vidéo comme YouTube comme exemple. Les utilisateurs consomment du contenu de différentes manières. Explorons comment trois rôles utilisateur différents peuvent être utilisés avec YouTube:

1. Alice utilise YouTube pour trouver rapidement des informations éducatives. Elle utilise la fonction de chapitre pour scanner des pièces connexes. Elle utilise également les touches fléchées pour ignorer rapidement les fragments en étapes incrémentielles plus petites pour trouver les informations dont elle a besoin.
2. Ben aime regarder des vidéos de jeu. Il est un utilisateur avancé traditionnel qui utilise f pour entrer en plein écran, m pour mute ou en pause.
3. Alex aime apprendre sous la musique de fond. Il utilise la fonction de lecture automatique de YouTube afin qu'il n'ait pas à se soucier de choisir la bonne musique d'apprentissage. Il choisit souvent de la musique de fond et pense que l'algorithme YouTube choisira une musique similaire à la fin de la vidéo.

Le scénario ci-dessus montre que la plate-forme vidéo a de nombreux utilisateurs différents qui l'utilisent de différentes manières. Par conséquent, il est difficile de choisir les bons commandes et raccourcis pour fournir la meilleure expérience utilisateur.

Alors, quels commandes de lecteur vidéo pouvons-nous trouver?

Quelles contrôles de lecteur vidéo y a-t-il?

De nombreux contrôles de lecteur vidéo différents existent. Cette liste résume les contrôles que vous trouvez le plus souvent:

• Bouton Play / Pause.
• Passez à la vidéo suivante.
• ajustez le volume.
• Sous-titres de commutation.
• redimensionner la taille de l'écran (mini-joueur, mode théâtre ou mode plein écran). La plupart du temps, vous trouverez un bouton pour entrer en mode plein écran. Cependant, YouTube vous permet de saisir un mode théâtral qui redimensionne la vidéo à la taille de l'écran. Ils offrent également un mini-lecteur afin que vous puissiez parcourir YouTube tout en regardant des vidéos à l'aide d'un petit lecteur vidéo.
• Changer la qualité de la vidéo. Tout le monde n'a pas une bonne connexion Internet. Par conséquent, les utilisateurs sont autorisés à ajuster la qualité. Assurez-vous que l'option pour ajuster automatiquement la qualité vidéo est fournie. Pour les utilisateurs avec des connexions Internet instables, le lecteur vidéo peut automatiquement ajuster la qualité vidéo en fonction de la vitesse de connexion. La plupart des utilisateurs préfèrent réduire la qualité pour continuer à regarder des vidéos sans interruption.

Les contrôles pas très courants incluent les éléments suivants:

• Ajustez la vitesse du lecteur vidéo. Ce contrôle vous permet de ralentir ou d'accélérer les vidéos. Vous pouvez généralement ajuster la vitesse du lecteur vidéo en 25% des étapes entre 0,25 et 2.
• Communiquez pour activer la fonction de lecture automatique. Il est utile d'écouter de la musique ou de préférer les algorithmes de contenu pour décider quoi regarder ensuite.
• régresser et en avant rapidement. Bien qu'utile, ce contrôle est principalement caché. Par exemple, YouTube vous permet uniquement d'utiliser ce contrôle à l'aide de raccourcis clavier. Peu de lecteurs vidéo implémentent cette fonctionnalité dans le cadre de leurs contrôles vidéo par défaut.
• Paramètres. YouTube implémente les icônes de vitesse dans son ensemble de contrôle par défaut. Cependant, le lecteur vidéo de YouTube est compliqué. Ils utilisent des commandes de paramètres pour masquer d'autres commandes vidéo qui sont rarement utilisées.

Enfin, nous ne devons pas oublier comment nous affichons l'horodatage actuel et la longueur vidéo. La solution la plus simple consiste à montrer d'abord l'horodatage vidéo actuel, puis à afficher la longueur totale de la vidéo. Dans cet exemple, nous avons interrompu la vidéo pendant 40 secondes, avec une longueur vidéo totale de 2 minutes et 13 secondes - «0:40 / 2:13». D'un autre côté, certains lecteurs vidéo montrent la longueur restante de la vidéo. Ne faites pas cela car il confondera l'utilisateur.

La section suivante introduira certains raccourcis clavier couramment utilisés et plus expérimentaux pour parcourir le lecteur vidéo.

Comment concevoir un lecteur vidéo pour les utilisateurs avancés?

Alors que de plus en plus d'utilisateurs se familiarisent avec les raccourcis clavier, leur manque conduit souvent à une expérience de lecteur vidéo frustrante.

Les raccourcis clavier peuvent améliorer l'expérience utilisateur pour les utilisateurs avancés.

Par exemple, j'aime utiliser leur plate-forme vidéo pour regarder la télévision belge en ligne. La plate-forme implémente un lecteur vidéo personnalisé. Malheureusement, vous ne pouvez pas utiliser les touches fléchées pour revenir en arrière ou en avant vers la vidéo. Plus important encore, vous ne pouvez pas faire une pause ou initier la vidéo en appuyant sur la barre d'espace. Le lecteur vidéo m'oblige à utiliser le pavé tactile et à naviguer dans ma souris vers l'icône de petite pause. Frustrant, non?

Les lecteurs vidéo actuels doivent au moins implémenter un ensemble de raccourcis clavier de base pour rencontrer

les utilisateurs principaux .

Space Bar: Démarrer / pause Vidéo
Clé de flèche droite: vidéo en avant rapide 5 ou 10 secondes
Clé de flèche gauche: rembobinant la vidéo pendant 5 ou 10 secondes
• m : MUTE ou réactiver le son vidéo
• f : Entrez ou sortez en mode plein écran

Mais pourquoi limiter les options à ces raccourcis clavier? YouTube est le leader dans la mise en œuvre des raccourcis clavier. Voici ce que nous pouvons apprendre des utilisateurs avancés de YouTube:

Appuyez sur
• J Retournera la vidéo pendant 10 secondes, tandis que la touche de flèche gauche rembobinera la vidéo pendant 5 secondes.
Appuyez sur
• l Avancera rapidement la vidéo pendant 10 secondes, tandis que la touche de flèche droite transfèrera la vidéo pendant 5 secondes.
Les touches numériques sont un raccourci clavier peu connu. Appuyez sur
• 0 vous amènera au début de la vidéo. YouTube divise également chaque vidéo en neuf longueurs égales. Quelle que soit la longueur, appuyer sur des touches de nombre (sauf zéro) vous amènera à cette position dans la vidéo. C'est un excellent moyen de sauter à la fin, de revenir au début ou quelque part au milieu.

YouTube implémente la fonctionnalité rapide / rembobinage pendant 5 ou 10 secondes en même temps. Si vous manquez un petit détail de la vidéo, vous pouvez utiliser la clé de flèche gauche pour rembobiner rapidement. Lorsque vous souhaitez scanner la vidéo, vous pouvez appuyer sur la touche

L pour scanner la vidéo à des intervalles de 10 secondes.

différents types de contrôles vidéo à différentes fins

Discutons de divers contrôles mis en œuvre à différentes fins - tels que des vidéos éducatives, des vidéos sociales et des vidéos mobiles.

vidéo éducative

Les contrôles mis en œuvre par des vidéos éducatifs sur des plateformes telles que Udemy ou Coursera sont différentes de celles des lecteurs vidéo ordinaires. Par exemple, les utilisateurs préfèrent souvent accélérer les vidéos de didacticiels. C'est donc le contrôle commun que vous trouvez sur ces plateformes.

De plus, les vidéos éducatives sont étroitement liées aux fonctions de marque. Les utilisateurs peuvent mettre en signet et commenter les moments spécifiques de la vidéo. Cette fonctionnalité permet aux utilisateurs de marquer des moments importants de la vidéo pour référence.

Vidéo sociale

Les vidéos sociales bénéficient le plus d'options de partage rapide. YouTube vous permet de partager des vidéos, mais elle ne fait pas partie de son ensemble de contrôle standard. Ils ont ajouté sa fonctionnalité au bas du lecteur vidéo.

Néanmoins, il vaut toujours la peine d'implémenter l'option de partage rapide dans le cadre du contrôle du lecteur vidéo. N'oubliez pas d'ajouter la fonctionnalité à partager à partir d'un horodatage spécifique. Dans la plupart des cas, les utilisateurs souhaitent partager des moments spécifiques dans la vidéo avec des amis.

Twitch, en revanche, permet aux utilisateurs de modifier des vidéos directement à partir du lecteur vidéo.

Clips permet aux téléspectateurs de Twitch de partager rapidement les moments les plus uniques de Twitch de la diffusion, tout en permettant aux radiodiffuseurs de développer leurs canaux grâce au partage social!

C'est une excellente fonctionnalité pour modifier rapidement des moments amusants, de grands jeux ou d'autres moments qui méritent d'être partagés.

Lecteur vidéo mobile

Le lecteur vidéo mobile nécessite une conception plus simple. Il est impossible d'ajouter un grand nombre de contrôles à l'écran d'un appareil mobile.

Par exemple, le lecteur vidéo mobile de YouTube fournit les commandes suivantes:

• Entrez le mode plein écran
• Aller à la vidéo suivante ou précédente
• pause vidéo
• Activer les sous-titres
• Ouvrir les paramètres vidéo

Cependant, pour les vidéos mobiles, les clés de raccourci peuvent améliorer l'expérience utilisateur. Par exemple, le double clic sur le côté droit de l'écran peut avancer rapidement la vidéo pendant dix secondes. Il en va de même pour l'écran de gauche, qui peut rembobiner la vidéo à dix secondes. De plus, vous pouvez balayer de haut en bas pour zoomer sur la vidéo ou afficher à nouveau les résultats de recherche. Ici, l'accent est mis sur la vitesse d'utilisation, ce qui aura un impact positif sur l'expérience utilisateur.

Conclusion: Définissez votre public

Pour concevoir le bon lecteur vidéo, assurez-vous de définir votre public. Parlez à vos utilisateurs pour savoir comment ils utilisent votre plate-forme et votre lecteur vidéo.

Par exemple, la fonction d'édition de Twitch est unique parmi d'autres lecteurs vidéo. Cette fonctionnalité est parfaite pour que sa base d'utilisateurs sauve rapidement de grands moments pendant le streaming en direct.

N'oubliez pas de vous souvenir des utilisateurs avancés. Ils aiment utiliser les raccourcis clavier pour effectuer des opérations vidéo de base telles que le son vidéo de la touche, une vidéo rapide vers l'avant ou passer en mode plein écran.

Découvrez tous les raccourcis clavier YouTube disponibles pour une inspiration!

Enfin, si vous avez la possibilité de construire votre propre lecteur vidéo, n'oubliez pas les conseils fournis ci-dessus. Cependant, si vous recherchez simplement une solution prête à l'emploi, la discussion ci-dessus devrait fournir de la nourriture à réfléchir lorsque vous regardez les options disponibles.

FAQ sur la conception de lecteur vidéo dans l'expérience utilisateur (FAQ)

Quels éléments clés doivent être pris en compte en termes d'expérience utilisateur lors de la conception d'un lecteur vidéo?

Les éléments clés à considérer lors de la conception de lecteurs vidéo incluent la simplicité, l'intuitivité et la réactivité. La conception doit être concise et claire pour éviter le désordre inutile pour éviter de distraire l'utilisateur. Même pour la première fois, les commandes doivent être intuitives et faciles à comprendre. Le lecteur vidéo doit également être réactif, ce qui signifie qu'il devrait s'exécuter de manière transparente sur différents appareils et tailles d'écran. Envisagez également d'inclure des fonctionnalités telles que la vitesse de lecture réglable, la sélection de qualité et les sous-titres, car ces fonctionnalités peuvent améliorer considérablement l'expérience utilisateur.

Comment rendre mon lecteur vidéo plus facile à utiliser pour les utilisateurs?

Pour rendre votre lecteur vidéo plus facile à utiliser, assurez-vous que les contrôles sont faciles à accéder et intuitifs. Utilisez des icônes familières pour les boutons de lecture, de pause, de volume et de plein écran. Envisagez également d'inclure des fonctionnalités telles que les raccourcis clavier (pour les actions courantes), l'option pour permettre aux utilisateurs de sauter facilement les barres de progression dans différentes parties de la vidéo, et l'option pour ajuster la qualité de la vidéo et la vitesse de lecture. Assurez-vous également que votre lecteur vidéo est réactif et fonctionne bien sur différents appareils et tailles d'écran.

Quelles erreurs courantes doivent être évitées lors de la conception d'un lecteur vidéo?

Certaines erreurs courantes qui devraient être évitées lors de la conception d'un lecteur vidéo comprennent: une interface désordonnée, des icônes déroutantes ou inconnues pour les contrôles, et aucune vitesse de réponse pour le lecteur vidéo. Évitez également de lire automatiquement des vidéos, car cela peut être ennuyé par l'utilisateur, surtout s'il y a plusieurs vidéos sur la page. Au lieu de cela, laissez l'utilisateur contrôler la lecture de la vidéo lorsque vous êtes prêt.

Comment s'assurer que mon lecteur vidéo est accessible à tous les utilisateurs?

Pour vous assurer que votre lecteur vidéo est accessible à tous les utilisateurs, incluez des fonctionnalités telles que des sous-titres ou des sous-titres fermés (pour les troubles auditifs) et des descriptions audio (pour les troubles de la vision). Assurez-vous également que tous les contrôles sont facilement utilisés via le clavier pour faciliter ceux qui ne peuvent pas utiliser la souris. En outre, utilisez des couleurs à contraste élevé pour afficher les contrôles et le texte pour vous assurer que tous les utilisateurs peuvent facilement les voir.

Comment tester la disponibilité des lecteurs vidéo?

Vous pouvez tester la convivialité du lecteur vidéo en effectuant des tests d'utilisateurs. Cela comprend l'observation des interactions des utilisateurs avec les lecteurs vidéo et l'enregistrement des difficultés qu'ils rencontrent. Vous pouvez également collecter les commentaires des utilisateurs par le biais d'enquêtes ou d'entretiens. En outre, utilisez un outil d'analyse pour suivre la façon dont les utilisateurs interagissent avec les lecteurs vidéo, tels que les contrôles qu'ils utilisent le plus souvent et combien de temps ils regardent des vidéos.

Quelle est l'importance de la vitesse de chargement d'un lecteur vidéo?

La vitesse de chargement du lecteur vidéo est extrêmement importante. Si la vidéo se charge trop longtemps, l'utilisateur peut abandonner le regard. Assurez-vous donc que le lecteur vidéo se charge rapidement en optimisant la taille du fichier vidéo et en utilisant un service d'hébergement rapide et fiable. Envisagez également d'inclure un indicateur de charge afin que l'utilisateur sache que la vidéo se charge.

Dois-je inclure des options de partage social dans mon lecteur vidéo?

y compris les options de partage social dans les lecteurs vidéo peut être bénéfique car il permet aux utilisateurs de partager facilement vos vidéos sur leurs plateformes de médias sociaux, élargissant potentiellement la portée de votre contenu. Cependant, assurez-vous que ces options ne sont pas invasives et n'interfèrent pas avec l'expérience de visualisation.

Comment faire ressortir mon lecteur vidéo de la compétition?

Pour que votre lecteur vidéo se démarque de la compétition, concentrez-vous sur la fourniture d'une excellente expérience utilisateur. Cela peut être réalisé grâce à des fonctionnalités uniques, à une conception simple et intuitive, à des temps de chargement rapides ou à une excellente qualité vidéo. Écoutez également les commentaires des utilisateurs et améliorez continuellement votre lecteur vidéo en fonction de leurs besoins et préférences.

Quel rôle la couleur joue-t-elle dans la conception de lecteur vidéo?

La couleur joue un rôle important dans la conception des joueurs vidéo. Il peut être utilisé pour attirer l'attention sur les contrôles importants, indiquer l'activité des boutons et améliorer la beauté globale du joueur. Cependant, assurez-vous que la couleur que vous choisissez n'est pas trop distrayante et est accessible à tous les utilisateurs, y compris ceux qui ont des défauts de vision des couleurs.

Comment concevoir un lecteur vidéo pour les appareils mobiles?

Lorsque vous concevez des lecteurs vidéo pour les appareils mobiles, considérez les tailles d'écran plus petites et les interactions tactiles. Assurez-vous que le contrôle est suffisamment grand pour être facile à cliquer et pas trop près pour éviter les clics accidentels. Envisagez également l'orientation de l'appareil et assurez-vous que votre lecteur vidéo fonctionne bien dans les modes de portrait et de paysage.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!