L’interface de VLC 2.0, sa vie, son oeuvre.
18 février 2012

Vous le savez peut-être, VLC 2.0 est sorti. Vous savez également que la version Mac de VLC est dotée d’une nouvelle interface dans sa version 2.0.

Si j’écris cet article, c’est pour expliquer un petit peu comment l’interface en est arrivé à ce stade, et ce qui est prévu pour le futur.

Mise au point

Situons-nous. Mars 2011. VLC sous Mac OSX est très populaire, seul souci, son interface est vieillissante, en effet elle est parfaitement adaptée aux standards…de Tiger ! Ce qui en 2011 à l’heure de Snow Leopard est un peu embêtant.

VLC sous Mac OSX en version 1.1.7 (Source : Clubic )

Heureusement, déjà à l’époque j’avais crée un petit thème destiné à améliorer ça, appelé “VLC is better by default”, qui, depuis presque 1 an et demi, permettait d’obtenir ce rendu-ci :

Un peu mieux, n’est-ce pas ? Seulement voilà, ceci restait un thème amateur, il avait du succès, et il était bien fait, donc beaucoup d’utilisateurs de VLC le réclamait par défaut dans l’application. En réalité j’ai su ceci très très tard, ce n’est qu’en me baladant sur les différents référants de mon site web que j’ai vu que beaucoup venait d’un topic du forum de Videolan.

Une seule solution pour que VLC adopte mon nouveau look par défaut : je devais mettre la main à la patte et soumettre mon travail au gigantesque projet open-source qu’est VLC. Après avoir fait plus ample connaissances avec Jean-Baptiste Kempf, mon travail était commité dans la source de VLC. Une version de VLC plus tard, la version 1.1.8, VLC était paré d’une nouvelle robe plus moderne.

Evolution

Ceci n’était que le début. Certes j’avais sorti un thème pour VLC qui était devenu le thème par défaut, mais j’avais également imaginé ce qu’aurait pu être VLC si il avait été influencé par QuickTime X (sorti sous Mac OSX Snow Leopard) :

Clic pour afficher en grand

Et là, surprise, Videolan, par l’intermédiaire de Twitter me fait savoir qu’ils seraient emballés par l’idée d’intégrer ce style d’interface dans VLC. A la fois surpris et honoré par un tel entrain de la part des développeurs, j’accepte avec plaisir de travailler à rendre l’interface de VLC meilleure sous Mac OSX.

Seulement, le défi était de taille il fallait remplir plusieurs objectifs :

• Rendre l’interface plus proche des standards d’interface de Mac OSX
• Se rapprocher au maximum de l’interface de VLC sous Linux et Windows pour des questions de support
• Tout en gardant un maximum de personnalité

Après quelques semaines de travail (je poursuivais et je poursuis toujours des études en lycée, il fallait donc conjuguer ce travail avec le travail scolaire et d’autres projets), j’étais arrivé à ceci

Autant que je me souvienne, le premier mockup pour un VLC redesigné sous Mac OSX

Seulement voilà, l’interface ainsi imaginée était déjà un réel pas en avant, mais beaucoup de défauts subsistaient, les boutons étaient trop petits, et le schéma des boutons se devaient de coller parfaitement avec le schéma des versions Windows et Linux. Exit donc les petits boutons, place à des boutons plus gros, et à un bouton Lecture mieux visible. Véritable folie inutile pour les power-users, mais changement presque indispensable pour les utilisateurs “lambdas”, qui représentent une part bien plus importante qu’on ne le croit.

Les boutons dans une plus grande taille, fortement inspirés par le design de Firefox

Finitions

Toute cette période de design, de modifications, de concertation dura presque 7 mois. Les nighlty builds se succédèrent, et VLC se rapprocha peu à peu du design de la 2.0. Entre temps, la barre latérale avait eu droit à des icônes toutes d’orange vêtues, et le contrôleur en plein écran avait gagné un nouveau look lui aussi.

Pour résumer la situation, l’interface était terminée…en partie. Car si l’interface grise était “presque parfaite”, c’était loin d’être le cas pour l’interface noire qui convenait, mais qui ne me revenait pas, puisque à la base conçue pour être translucide par dessus la vidéo.

L’interface noire jusqu’à il y a encore une semaine (Source : Felix Khüne via MacStories )

C’était passable, mais presque illisible. C’est pour cela que j’ai retouché une dernière fois cette interface noire pour arriver à un rendu plus lisible sur fond opaque, et en profiter pour m’inspirer d’iOS :

18 Février 2012, VLC 2.0 est disponible avec sa nouvelle interface pour Mac OSX. Mais cela ne veut pas dire qu’aucune évolution n’est possible ! Différents aspects de l’interface vont apparaître et/ou être modifiés dans le futur :

• Possibilité d’avoir des boutons plus petits via une option (voir premier mockup)
• Une barre latérale sombre lorsque l’interface est sombre, pour une question de cohérence
• Une barre inférieure sur 2 niveaux lorsque la vidéo est trop petite comme ceci
• Et probablement bien plus…