video players ergonomie effects

22
Page 1 Player vidéo: ergonomie, interactivité et effets visuels

Upload: test-test

Post on 21-Jun-2015

862 views

Category:

Technology


1 download

DESCRIPTION

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

TRANSCRIPT

Page 1: Video Players Ergonomie Effects

Page 1

Player vidéo: ergonomie, interactivité et effets visuels

Page 2: Video Players Ergonomie Effects

Page 2

Etude de la concurrence

LAfilm.com http://www.lafilm.com/flash/index.html?degree=film

• A l’arrivé sur le site, cliquez sur « student films ».

Page 3: Video Players Ergonomie Effects

Page 3

• Interface décomposées en 2 écrans : gauche et droite,• Accès à un film par l’intermédiaire de plusieurs étapes.

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.

Etude de la concurrence

Page 4: Video Players Ergonomie Effects

Page 4

• Affichage du menu des thématiques sur la totalité de l’encart de la playlist,• Disparation de ce menu lorsqu’on enlève la souris.

• Une fois le film sélectionné, une translation de droite à gauche du panel s’effectue et laisse apparaitre une nouvelle fenêtre,• Ce système de navigation est présent à chaque étape.

Etude de la concurrence

Page 5: Video Players Ergonomie Effects

Page 5

• Affichage des informations de la vidéo sélectionnée sur la partie droite de l’écran (1),• Accession au film pré sélectionné par le bouton « view film » (2),• Présence d’icones qui situent la progression de l’utilisateur dans sa navigation (3).

1

2

3

Etude de la concurrence

Page 6: Video Players Ergonomie Effects

Page 6

• Vidéo en 16/9, affichée à droite de l’écran,• Fonctionnalités du menu standard (Play, Pause, gestion du son et barre de progression),• 2 zooms possibles : plein écran et « max view ».

Etude de la concurrence

Page 7: Video Players Ergonomie Effects

Page 7

• Le bouton « max view » étend la vidéo sur l’espace alors occupé par les 2 encarts (gauche et droite),• 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.

• Le bouton « show » permet de revenir à la taille initiale de la vidéo (1).

1

Etude de la concurrence

Page 8: Video Players Ergonomie Effects

Page 8

Player customiserhttp://storage02.brainsonic.com/customers_upload/salesteam/tahiti/player/video_player.html

• Un bouton propose une diffusion à une taille intermédiaire entre celle d’origine et le grand écran.

• Interface simple, composée d’un Player vidéo et d’une playlist.

Etude de la concurrence

Page 9: Video Players Ergonomie Effects

Page 9

• Passage en mode « intermédiaire » en temps réel, de manière progressive avec un fondu en entré et en sortie,• Visuel à la fois joli et captivant, il apporte une immersion accrue et accentue la portée du message.

• 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.

Etude de la concurrence

Page 10: Video Players Ergonomie Effects

Page 10

thetime.com http://www.thetimetv.com

1

2

3

• L’intégration dans la page des éléments playlist (1), titre (2) et vidéo (3) s’effectue successivement.

Etude de la concurrence

Page 11: Video Players Ergonomie Effects

Page 11

• Affichage de la playlist de manière progressive à l’écran,• Un effet de transparence à l’arrivée de chaque webcast ajoute du charme à l’ambiance générale de la WebTV.

Etude de la concurrence

Page 12: Video Players Ergonomie Effects

Page 12

• Un menu composé d’icônes est accessible en appuyant sur le bouton « menu »,• Le format 16/9 de la vidéo permet facilement son intégration et il n’est donc pas perçu comme intrusif.

Etude de la concurrence

Page 13: Video Players Ergonomie Effects

Page 13

pacificnetwork.tvhttp://pacificnetwork.tv/news.asp

• Nombre de contenus vidéo important dans la playlist,• D’où une forte mise en valeur du webcast sélectionné.

Etude de la concurrence

Page 14: Video Players Ergonomie Effects

Page 14

• Présence d’une navigation en mode 3D,• Ludique et séduisante, elle donne cependant moins d’informations sur le contenus que le menu 2D.

• L’imposante fenêtre « détails » sur la vidéo engendre un manque de lisibilité.

Etude de la concurrence

Page 15: Video Players Ergonomie Effects

Page 15

tivimi.frhttp://www.tivimi.fr

• A l’arrivée sur le site, des effets visuels dynamiques attrayants donne un style très tendance.

Etude de la concurrence

Page 16: Video Players Ergonomie Effects

Page 16

• Adoption d’un système très intéressant de mise en valeur du contenu sélectionné pour a grille des chaines ,• Navigation très agréable dans la playlist à l’aide des flèches situées à ses extrémités.

Etude de la concurrence

Page 17: Video Players Ergonomie Effects

Page 17

rich-media-project.comhttp://www.rich-media-project.com/js-products/js-player-media/

• 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.

Etude de la concurrence

Page 18: Video Players Ergonomie Effects

Page 18

• Présence de la playlist en mode plein écran, elle permet un accès direct entre les contenu,• L’utilisateur s’affranchit de l’obligation de revenir au mode « normal » pour changer de vidéo.

• Un clic sur la vidéo fait apparaître ou disparaitre la playlist.

Etude de la concurrence

Page 19: Video Players Ergonomie Effects

Page 19

veoh.comhttp://www.veoh.com/channels/lfti

• Playlist imposante où sont présentes les fonctionnalités de partage, blog et téléchargement.

Etude de la concurrence

Page 20: Video Players Ergonomie Effects

Page 20

• La fenêtre d’envoie de la vidéo à un ami occupe la totalité de l’espace de la playlist,• Dû au contexte de l’application, les aspects communautaires ont été volontairement mis en valeur.

Etude de la concurrence

Page 21: Video Players Ergonomie Effects

Page 21

veoh.comhttp://www.veoh.com/fullscreen_single2.html?permalinkId=v151603443gm93tmc&inVeoh=true&player=fullscreen

• Mise en plein écran de la précédente vidéo = nouveau player,• Un bouton « menu » permet d’accéder à la table des matières du webcast sélectionné et aux autres épisodes de l’émission,• La vidéo continue à jouer (1) et un clic cette vignette redirige vers le mode plein écran.

Etude de la concurrence

1

Page 22: Video Players Ergonomie Effects

Page 22

Contact

Tél. : 01 58 28 19 20