Ergospeed #06 : JukeBox 3D de Dailymotion

Comme dit dans un billet précédent, voici un Ergospeed sur le Jukebox3D de Dailymotion mis en ligne hier. Vous allez me dire que je ne suis pas objective car je vis avec la personne qui est à  l’initiative de ce projet. Et surtout que j’ai pu suivre tous les jours son évolution. Oui, j’ai vu son évolution mais je ne l’ai pas testé véritablement. Donc aujourd’hui, jour de congé, j’ai pris mon temps et voici ce que j’en pense :

A propos

Dailymotion

En juillet dernier, Dailymotion organise un Hackaton qui permis la création du Dailymotion Labs, véritable laboratoire de l’équipe de développement : une version compatible iPhone dès sa sortie US, une API pour FaceBook, une carte de géolocalisation des vidéos uploadées en temps réel, et aujourd’hui une première version du jukebox 3D.
Jukebox3D HP
Cet outil permet de consulter l’intégralité des vidéos de Dailymotion dans un espace tri-dimensionnel sous forme de carrousel. Un cercle représente une page de résultat. Pour accèder aux pages suivantes, un simple clic sur la barre de navigation horizontale permet à  l’utilisateur de voir en 3D le saut d’une page à  l’autre. Il peut aussi naviguer d’une preview à  l’autre à  l’aide des flèches du clavier. Les technologies utilisées pour ce projet sont l’ActionScript 3, Papervision, Flex, et Blender.

Interface et navigation

Cette interface minimaliste, au ton gris, est légère et positionne le contenu des vidéos différemment que dans des blocs bleu et imposant du site actuel de Dailymotion. Le but de ce jukebox n’est pas de remplacer le site (et ne pourra le remplacer) mais permet d’explorer une nouvelle manière de consommer de la vidéo sur le web.

Recherche et preload

jukebox recherche

La particularité de cet outil est la possibilité pour l’utilisateur de rechercher et de consulter les résultats d’une requête tout en continuant de visionner une vidéo, ce qui est impossible aujourd’hui sur Dailymotion. La recherche du Jukebox est déclinée du site actuel tout en ayant des filtres différents : recherche des vidéos ou des favoris d’un utilisateur, accès aux chaines thématiques, ou tout simplement une recherche classique.

Jukebox preload

La barre de téléchargement se substitue au champ de saisi lors d’une requête. Son positionnement permet à  l’utilisateur de voir le comportement de cet outil sans gêner la lecture de la vidéo en cours. Son animation et sa couleur accentue sa visibilité tout en restant discret.

Navigation

La navigation est assez intuitive toutefois beaucoup de lacune en ressorte :
Jukebox barre de navigation

  • Les barres de navigation qui servent à  passer d’une vidéo à  une autre, ou à  la page suivante, ne sont pas assez voyantes et se confondent avec le cadre du navigateur. Des boutons en surimpression ou qui apparaissent lors du passage de la souris auraient sans doute été un bon compromis. Je pense à  Flickr qui utilisent cette solution dans le diaporama qu’il propose à  leur utilisateur. Même si des infobulles apparaissent, cela n’est pas suffisant pour comprendre directement leur fonction.
  • Il n’y a pas non plus de défilement ou de rotation des previews lors d’un rollovers de souris. Dommage, cela aurait permis une navigation plus fluide et rapide, comme cela est le cas au clavier.
  • Aucune fenêtre ou panneau option ne s’affiche dès l’ouverture de ce Jukebox afin de signaler à  l’utilisateur la possibilité de naviguer à  l’aide du clavier.
  • L’absence d’un player vidéo pourrait frustrer l’utilisateur en ne lui offrant pas le contrà´le du contenu. Un player transparent avec le titre de la vidéo intégré serait idéal et règlerait le problème d’information qui pour l’instant s’affiche en haut dans le coin gauche.
  • Le temps de chargement des vidéos est parfois long surtout si l’utilisateur décide d’afficher 50 résultats d’une recherche.

Affichage

jukebox zoom

Lors du visionage d’une vidéo, les previews deviennent transparente ce qui allège le champs de vision et laisse une place plus importante au contenu en cours de lecture. Les vidéos s’enchainent automatiquement l’une après l’autre comme un véritable jukebox, sans interventions de l’utilisateur, ce qui lui évite toutes actions inutiles si ce dernier désire voir l’ensemble des vidéos d’une chaine ou des favoris.

Lors du zoom plein navigateur, le mouvement fluide et « métaphorique » d’une caméra (merci Flash) sublime la vidéo et accentue la profondeur de l’espace tri-dimensionnel o๠se situe le carrousel. Toutefois, lors de cette action, la vidéo se met en pause (seulement sur Windows). Je pense que cela n’était sans doute pas désiré par Sylvain. Mais ça, l’utilisateur ne le sait pas et donc il y a un risque d’agacement.
Le bouton + qui apparait lors du rollover sur une vidéo, de part sa position et son symbole, signale une option à  l’utilisateur. Lors du clic, il se transforme en croix pour devenir un bouton de retour, de fermeture. Merci qui, merci Macintosh ?

Aie !

Lors de l’ouverture du Jukebox, la vidéo se lance automatiquement. Serait-il possible dans la prochaine version, s’il y a une, de couper le son ou bien de ne pas jouer la vidéo d’ouverture, tout simplement. Cela évitera d’agacer l’utilisateur qui n’en pas forcément l’envie sur le moment.

Ma WhishList pour le mois de Noà«l

En espérant que cet outil sera amélioré et qu’il y aura de nouvelle fonctionnalité comme :

  • Importation dans les blogs
  • Pourquoi pas un Widget sur le bureau ou dans Netvibes
  • Un défilement des previews comme pour un diaporama
  • Une « Roulette russe » : un clic et op! le carrousel tourne super vite jusqu’à  ce qu’il s’arrête sur une vidéo sélectionnée en aléatoire

Conclusion

Si nous suivons l’exemple de Dailymotion et de plusieurs société sur Internet qui ont les moyens et la possibilité d’avoir un département expérimental, nous constatons qu’il en découlent des outils et services ingénieux. Cette valorisation de l’innovation remet en questions l’organisation et la possibilité qu’offre ses sociétés à  leurs employés d’expérimenter leurs idées. Il est dommage que cette pratique ne se démocratisent pas dans les agences ou studios web. Elle pourrait être bénéfique pour l’entreprise tout en motivant les équipes de travailler sur des projets plus libres, en s’affranchissant des contraintes liés au client. Vous allez me dire que pour certaine PME, cela est impossible par faute de temps et de budget. Idée surement utopique mais pas impossible.

Ergospeed #06 : JukeBox 3D de Dailymotion

7 réflexions au sujet de « Ergospeed #06 : JukeBox 3D de Dailymotion »

  1. C’est un très joli caroussel mais avec mon vieux mac sous firefox, j’avoue que j’ai un peu du mal suivre et à  en profiter (j’avais pas qu’à  être pauvre!)

    Pour ma part, j’ai trouvé le fond un trisouille mais le concept est bien sympas et nettement plus réussit et attirant que la version proposée sur le site de l’équipe.

    Pouvroir faire une export du caroussel avec une sélection de vidéo sur son blog serait génial.

    Enfin, c’est qui qu’a choisi les vidéos de la démo dont cette superbe vidéo de 3 pétasses post tektonitennes qui fond leurs gloubigloubis à  la Défense ?

  2. Vincent dit :

    Bon je confirme mes premières sensations données ici. C’est vrai que l’idée de pour copier le code html ans un blog pour intégrer cela serait un plus mais je pense que il y a d’autres priorités…

    Hormis l’aspect purement graphique et l’atout majeur de pouvoir lancer une recherche tout en continuant à  visionner une vidéo j’ai rencontré deux problèmes (mais peut-être que je suis un peu polyopathe…) :
    – ou est-ce qu’on peut gérer le volume de la vidéo ?
    – comment on fait pour aller plus en avant dans le film ou revenir en arrière ?

  3. C’est pas mal :o. Et çà  pourrait devenir la base d’un formidable outils de recherche si :
    – On pouvait ouvrir la liste de toutes les videos des chaines que l’on a souscrit
    – La boucle tournait quand on survole
    – Une case à  cocher accompagnée chaque video pour créer une sélection à  la volée (enregistrable comme playlist*).

    (*) trés pratique pour conserver le fruit de ses sessions de recherche, et pour les partager via ses bookmarks delicious.

    Enfin, ce jukebox devrait etre choisi pour apparaitre à  la fin des widgets (pour les blogs) en proposant des videos connexes.

  4. Bonjour !

    Plutà´t sympa dommage que ça ne soit pas réellement exportable…

    Connaitrais tu un plugin / un truc pour mettre en place un carrousel vidéos sur wordpress ? 🙂

    Merci d’avance

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.