Player vidéo: ergonomie, interactivité et effets visuels
Etude de la concurrence    LAfilm.com  http://www.lafilm.com/flash/index.html?degree=film <ul><li>A l’arrivé sur le site,...
Etude de la concurrence <ul><li>Interface décomposées en 2 écrans : gauche et droite, </li></ul><ul><li>Accès à un film pa...
Etude de la concurrence <ul><li>Affichage du menu des thématiques sur la totalité de l’encart de la playlist, </li></ul><u...
Etude de la concurrence <ul><li>Affichage des informations de la vidéo sélectionnée sur la partie droite de l’écran (1), <...
Etude de la concurrence <ul><li>Vidéo en 16/9, affichée à droite de l’écran, </li></ul><ul><li>Fonctionnalités du menu sta...
Etude de la concurrence <ul><li>Le bouton « max view » étend la vidéo sur l’espace alors occupé par les 2 encarts (gauche ...
Etude de la concurrence    Player customiser http://storage02.brainsonic.com/customers_upload/salesteam/tahiti/player/vid...
Etude de la concurrence <ul><li>Passage en mode  « intermédiaire » en temps réel, de manière progressive avec un fondu en ...
Etude de la concurrence    thetime.com  http://www.thetimetv.com <ul><li>L’intégration dans la page des éléments playlist...
Etude de la concurrence <ul><li>Affichage de la playlist de manière progressive à l’écran, </li></ul><ul><li>Un effet de t...
Etude de la concurrence <ul><li>Un menu composé d’icônes est accessible en appuyant sur le bouton « menu », </li></ul><ul>...
Etude de la concurrence    pacificnetwork.tv http://pacificnetwork.tv/news.asp <ul><li>Nombre de contenus vidéo important...
Etude de la concurrence <ul><li>Présence d’une navigation en mode 3D, </li></ul><ul><li>Ludique et séduisante, elle donne ...
Etude de la concurrence    tivimi.fr http://www.tivimi.fr <ul><li>A l’arrivée sur le site, des effets visuels dynamiques ...
Etude de la concurrence <ul><li>Adoption  d’un système très intéressant de mise en valeur du contenu sélectionné pour a gr...
Etude de la concurrence    rich-media-project.com http://www.rich-media-project.com/js-products/js-player-media/ <ul><li>...
Etude de la concurrence <ul><li>Présence de la playlist en mode plein écran, elle permet un accès direct entre les contenu...
Etude de la concurrence    veoh.com http://www.veoh.com/channels/lfti <ul><li>Playlist imposante où sont présentes les fo...
Etude de la concurrence <ul><li>La fenêtre d’envoie de la vidéo à un ami occupe la totalité de l’espace de la playlist, </...
Etude de la concurrence    veoh.com http://www.veoh.com/fullscreen_single2.html?permalinkId=v151603443gm93tmc&inVeoh=true...
Contact Tél. : 01 58 28 19 20
Prochain SlideShare
Chargement dans…5
×

Video Players Ergonomie Effects

1 157 vues

Publié le

Benchmark sur quelques players vidéo présents sur la toile.

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
1 157
Sur SlideShare
0
Issues des intégrations
0
Intégrations
10
Actions
Partages
0
Téléchargements
9
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Video Players Ergonomie Effects

  1. 1. Player vidéo: ergonomie, interactivité et effets visuels
  2. 2. Etude de la concurrence  LAfilm.com http://www.lafilm.com/flash/index.html?degree=film <ul><li>A l’arrivé sur le site, cliquez sur « student films ». </li></ul>
  3. 3. Etude de la concurrence <ul><li>Interface décomposées en 2 écrans : gauche et droite, </li></ul><ul><li>Accès à un film par l’intermédiaire de plusieurs étapes. </li></ul>Sélection du film Changement de la couleur des zones cliquables au survol de la souris, Changement de la vignette d’un média au survol de la souris, Navigation à l’aide de la roulette de la souris très agréable.
  4. 4. Etude de la concurrence <ul><li>Affichage du menu des thématiques sur la totalité de l’encart de la playlist, </li></ul><ul><li>Disparation de ce menu lorsqu’on enlève la souris. </li></ul><ul><li>Une fois le film sélectionné, une translation de droite à gauche du panel s’effectue et laisse apparaitre une nouvelle fenêtre, </li></ul><ul><li>Ce système de navigation est présent à chaque étape. </li></ul>
  5. 5. Etude de la concurrence <ul><li>Affichage des informations de la vidéo sélectionnée sur la partie droite de l’écran (1), </li></ul><ul><li>Accession au film pré sélectionné par le bouton « view film » (2), </li></ul><ul><li>Présence d’icones qui situent la progression de l’utilisateur dans sa navigation (3). </li></ul>1 2 3
  6. 6. Etude de la concurrence <ul><li>Vidéo en 16/9, affichée à droite de l’écran, </li></ul><ul><li>Fonctionnalités du menu standard (Play, Pause, gestion du son et barre de progression), </li></ul><ul><li>2 zooms possibles : plein écran et « max view ». </li></ul>
  7. 7. Etude de la concurrence <ul><li>Le bouton « max view » étend la vidéo sur l’espace alors occupé par les 2 encarts (gauche et droite), </li></ul><ul><li>Ce mode de diffusion permet un accès confortable au contenu. De taille très acceptable, il ne possède pas les défauts de pixellisation d’un grand écran. </li></ul><ul><li>Le bouton « show » permet de revenir à la taille initiale de la vidéo (1). </li></ul>1
  8. 8. Etude de la concurrence  Player customiser http://storage02.brainsonic.com/customers_upload/salesteam/tahiti/player/video_player.html <ul><li>Un bouton propose une diffusion à une taille intermédiaire entre celle d’origine et le grand écran. </li></ul><ul><li>Interface simple, composée d’un Player vidéo et d’une playlist. </li></ul>
  9. 9. Etude de la concurrence <ul><li>Passage en mode « intermédiaire » en temps réel, de manière progressive avec un fondu en entré et en sortie, </li></ul><ul><li>Visuel à la fois joli et captivant, il apporte une immersion accrue et accentue la portée du message. </li></ul><ul><li>La présence obligatoire des éléments de navigation sur la vidéo rompt avec le visuel séduisant et altère sur l’expérience utilisateur. </li></ul>
  10. 10. Etude de la concurrence  thetime.com http://www.thetimetv.com <ul><li>L’intégration dans la page des éléments playlist (1), titre (2) et vidéo (3) s’effectue successivement. </li></ul>1 2 3
  11. 11. Etude de la concurrence <ul><li>Affichage de la playlist de manière progressive à l’écran, </li></ul><ul><li>Un effet de transparence à l’arrivée de chaque webcast ajoute du charme à l’ambiance générale de la WebTV. </li></ul>
  12. 12. Etude de la concurrence <ul><li>Un menu composé d’icônes est accessible en appuyant sur le bouton « menu », </li></ul><ul><li>Le format 16/9 de la vidéo permet facilement son intégration et il n’est donc pas perçu comme intrusif. </li></ul>
  13. 13. Etude de la concurrence  pacificnetwork.tv http://pacificnetwork.tv/news.asp <ul><li>Nombre de contenus vidéo important dans la playlist, </li></ul><ul><li>D’où une forte mise en valeur du webcast sélectionné. </li></ul>
  14. 14. Etude de la concurrence <ul><li>Présence d’une navigation en mode 3D, </li></ul><ul><li>Ludique et séduisante, elle donne cependant moins d’informations sur le contenus que le menu 2D. </li></ul><ul><li>L’imposante fenêtre « détails » sur la vidéo engendre un manque de lisibilité. </li></ul>
  15. 15. Etude de la concurrence  tivimi.fr http://www.tivimi.fr <ul><li>A l’arrivée sur le site, des effets visuels dynamiques attrayants donne un style très tendance. </li></ul>
  16. 16. Etude de la concurrence <ul><li>Adoption d’un système très intéressant de mise en valeur du contenu sélectionné pour a grille des chaines , </li></ul><ul><li>Navigation très agréable dans la playlist à l’aide des flèches situées à ses extrémités. </li></ul>
  17. 17. Etude de la concurrence  rich-media-project.com http://www.rich-media-project.com/js-products/js-player-media/ <ul><li>Dans la playlist, une légère différence visuelle s’effectue entre le contenu en cours de lecture et celui survolé par la souris. </li></ul>
  18. 18. Etude de la concurrence <ul><li>Présence de la playlist en mode plein écran, elle permet un accès direct entre les contenu, </li></ul><ul><li>L’utilisateur s’affranchit de l’obligation de revenir au mode « normal » pour changer de vidéo. </li></ul><ul><li>Un clic sur la vidéo fait apparaître ou disparaitre la playlist. </li></ul>
  19. 19. Etude de la concurrence  veoh.com http://www.veoh.com/channels/lfti <ul><li>Playlist imposante où sont présentes les fonctionnalités de partage, blog et téléchargement. </li></ul>
  20. 20. Etude de la concurrence <ul><li>La fenêtre d’envoie de la vidéo à un ami occupe la totalité de l’espace de la playlist, </li></ul><ul><li>Dû au contexte de l’application, les aspects communautaires ont été volontairement mis en valeur. </li></ul>
  21. 21. Etude de la concurrence  veoh.com http://www.veoh.com/fullscreen_single2.html?permalinkId=v151603443gm93tmc&inVeoh=true&player=fullscreen <ul><li>Mise en plein écran de la précédente vidéo = nouveau player, </li></ul><ul><li>Un bouton « menu » permet d’accéder à la table des matières du webcast sélectionné et aux autres épisodes de l’émission, </li></ul><ul><li>La vidéo continue à jouer (1) et un clic cette vignette redirige vers le mode plein écran. </li></ul>1
  22. 22. Contact Tél. : 01 58 28 19 20

×