web-dev-qa-db-fra.com

Est-il acceptable de placer des commandes vidéo en haut d'une vidéo?

Est-il correct de placer des commandes vidéo en haut d'une vidéo? Comme ça:

VideoControlsTop
Considérant principalement une plate-forme de streaming vidéo plein écran comme Netflix, je pense que ce format présente certains avantages:

  • Les sous-titres seraient toujours visibles et ne sauteraient pas lorsque les commandes vidéo sont affichées. Cela s'applique également aux superpositions de texte comme les noms/descriptions dans les situations d'entrevue.
  • À mon avis, cela suit le flux naturel d'une page Web. La barre d'outils et les commandes du navigateur s'affichent en haut, ainsi que la barre de menus du site Web/d'autres interactions importantes.

Les seuls inconvénients auxquels je peux penser en ce moment sont:

  • Sur les appareils mobiles, la main de l'utilisateur serait plus susceptible d'obscurcir l'écran.
  • Ce n'est tout simplement pas ce à quoi les utilisateurs sont habitués.
28
Woodwoerk

Je ne vois tout simplement pas beaucoup d'avantages, alors que l'inconvénient est important.

Quant aux avantages que vous mentionnez:

  • Le point sur le masquage des sous-titres me semble assez mineur. Généralement, lors de l'utilisation de la navigation, l'utilisateur est nécessairement distrait du contenu vidéo. Mise à jour: certaines personnes ont repoussé l'obscurcissement du contenu. Cependant, si l'utilisateur a besoin de voir tout le contenu lors de la navigation, le redimensionnement de la fenêtre semble être une bonne solution. Les sous-titres remontant légèrement n'auraient pas beaucoup d'importance.
  • La configuration d'une page Web avec navigation en haut est principalement due à un contenu de longueur variable qui peut ne pas tous tenir sur l'écran. Il est important de s'assurer que la navigation est visible, et c'est beaucoup plus facile à faire en plaçant la navigation en haut. Cela ne s'applique pas à une vidéo, car il s'agit d'une fenêtre fixe qui doit toujours être complètement visible pour être utile.

Les inconvénients que vous mentionnez semblent importants:

  • De plus en plus d'utilisateurs utilisent la saisie tactile - non seulement sur les téléphones et les tablettes, mais également sur certains ordinateurs portables et ordinateurs de bureau plus récents. L'obscurcissement de l'écran pour accéder aux commandes vidéo sera une nuisance pour toutes ces personnes.
  • "Ce n'est pas ce à quoi les utilisateurs sont habitués" est un gros problème. Cela fera une grande différence pour le confort des utilisateurs avec votre application/site, donc ne faites pas quelque chose de différent à moins qu'il y ait un argument convaincant avantage.
36
user31143

Le haut des panneaux est généralement réservé aux contrôles sur le panneau lui-même, et non sur le contenu du panneau.

Par exemple, dans votre exemple, vous avez l'icône Plein écran en haut à droite, qui en un coup d'œil est étonnamment similaire à l'icône de fermeture "X" qui fermerait complètement le panneau.

De plus, hors contexte, il est difficile de dire si cela fonctionnerait. Une fenêtre unique comme votre maquette est une chose, mais lorsqu'elle est intégrée dans une page avec du contenu et du chrome de navigateur qui l'entoure, cela peut être une autre affaire.

Cela ne signifie pas que ce n'est pas acceptable, mais vous devez le tester. Vous trouverez peut-être que les gens sont plus ennuyés que ça.

15
JonW

Au lieu de demander " pourquoi ne le devrais-je pas? ", demandez " pourquoi le devrais-je? ".

Actuellement, la norme de facto consiste à mettre la chronologie en bas. Changer cela provoquera des frictions mentales, vous devez donc avoir une bonne raison de ne pas suivre les normes. Si vous avez une raison suffisante, alors oui, peut-être, peut-être, déplacez-la vers le haut. Mais envisagez d'abord des solutions alternatives.

Pourquoi voulez-vous les déplacer vers le haut?

Pour être cohérent avec les autres parties de l'interface? Eh bien, il y a une barre des tâches en bas sur le PC, et il y a généralement des boutons en bas d'un téléphone. S'il y a une barre de défilement dans une fenêtre de navigateur, c'est en bas. Ce n'est donc pas exactement comme si toute l'interactivité était au sommet.

Pour rester à l'écart des sous-titres? Comme quelqu'un l'a déjà mentionné, lorsque vous utilisez les commandes, vous n'êtes plus concentré sur le film lui-même; souvent l'écran devient même un peu sombre. Mais disons que vous voulez faire attention aux deux. Quel est le vrai problème? La barre (rouge) gêne le texte. Pas les boutons de lecture ou plein écran de chaque côté. Juste la ligne rouge.

Alors, que se passe-t-il si nous déplaçons cette ligne vers le bas de l'écran et déplaçons le texte de quelques pixels, si nécessaire? Voici une maquette:

enter image description here

7
PixelSnader