Optimiser son site pour Google TV

Vendredi, 29 Octobre 2010 17:56

Optimiser son site pour Google TV

E-mail

Rate this item

(0 Votes)

Dans la bataille des terminaux qui permettent d’accéder au web, il se dit que la télévision aura prochainement une place de choix, avec notamment l’arrivée de Google TV et d’autres services, qui vont permettre de nouvelles interactions entre internet et programmes TV.

Le web pour les patates de canapé

Ce qui ne va pas sans poser quelques questions relatives à la compatibilité des sites web avec ce « nouveau » support, qui va induire des usages inédits autour du web : on ne consomme pas internet de la même façon selon que l’on est assis à cinquante centimètres d’un monitor de PC que l’on commande avec un clavier et une souris ou que l’on est vautré dans un canapé à trois mètres d’un écran de télévision.

Google, en pointe sur la question, avait déjà lancé en juillet dernier YouTube Leanback (« YouTube allongé sur le dos »), une version de YouTube adaptée à la télévision, dans laquelle on peut naviguer parmi une sélection de vidéos HD en plein écran à l’aide des touches flèches de son clavier. Bien sûr, celle-ci s’exécute dans son navigateur web, puisque Google TV sera doté du navigateur Chrome. Google a également lancé Google TV Spotlight, une galerie de sites déjà optimisés pour Google TV, parmi lesquels CNN, Vimeo, USA Today ou encore… The New York Times.

Bref, Google est prêt. Et vous ?

Afin de vous aider à optimiser votre site pour Google TV, Google a publié un guide. Intitulé Google TV Web Site Optimization Guide, il indique en plusieurs étapes comment adapter au mieux ses pages pour Google TV afin d’en faire une « interface utilisateur à 3 mètres » (« 10-foot UI »), avec notamment des conseils sur le design pour la TV ou encore l’optimisation de Flash (tiens, tiens…).

Parmi les principaux conseils sur le design de sites pour la TV, on retiendra :

La distance du spectateur par rapport à l’écranCelle-ci est proportionnellement plus grande que devant un PC, et qui nécessite de proposer des pages moins chargées en texte, avec des polices de caractère plus grandes, et des menus graphiques et zones de respiration plus importantes. D’autre part, un écran de TV offrant davantage d’espace horizontal que celui d’un ordinateur, il vaut mieux proposer un menu latéral vertical, ou en surimpression.
Performance contre effets visuelsSelon Google, des études montrent que les utilisateurs préfèrent la vitesse. Il est alors conseillé de privilégier une interface sobre et optimisée pour un surf rapide plutôt que les effets visuels qui ralentissent celui-ci.
Défilement horizontalContrairement à la norme à laquelle nous sommes habitués sur PC ou mobile, le défilement vertical à l’aide d’ascenseurs n’est pas le bienvenu sur un écran de télévision. Il vaut mieux privilégier les affichages horizontaux et les transitions visuelles par défilement entre écrans de droite à gauche.
Relation entre l’utilisateur et le navigateurGoogle TV est fournie avec une « télécommande » constituée d’un clavier avec un dispositif de pointage. Cet ensemble inédit nécessite une période d’adaptation qui requiert de proposer une interface avec des surfaces de sélection assez grandes pour que l’utilisateur puisse pointer et cliquer assez facilement sans avoir à viser pendant une heure avant chaque séance de zapping.

En conclusion de son guide, Google fournit une check-list qui va permettre de savoir rapidement les points à améliorer sur son site pour le rendre convivial sur un téléviseur.

A quoi ressemble votre site sur une télé ?

Enfin, si vous ne possédez pas encore de Google TV (il y a de grandes chances pour que ce soit le cas), vous pouvez quand même tester votre site et voir son rendu sur Google TV, en modifiant quelques paramètres sur votre PC et votre navigateur :

sur un grand moniteur, passez votre résolution en 1920 x 1080
passez votre navigateur en plein écran (cliquez sur F11)
augmentez le zoom de votre navigateur par 1.5 : cliquez sur Ctrl + pour augmenter et Ctrl – pour diminuer, sinon, dans Firefox, allez dans Affichage > Zoom > Agrandir (ou réduire)
Reculez de trois fois la distance entre vous et l’écran de votre PC
testez

Ces quelques guidelines éditées par Google fourniront une aide précieuse aux webmasters qui souhaitent adapter leur contenu à la vision sur téléviseur. Bien sûr la multiplication des terminaux, qui induit une multiplication des standards, n’est pas forcément une bonne nouvelle pour les éditeurs, mais il sera certainement possible de travailler à l’aide de feuilles de style pour proposer différentes version d’un site en fonction du support sur lequel il est « regardé ».

Il faut savoir également que ces règles concernent principalement les sites ayant un contenu principalement visuel (vidéo), et qui seront spécialement développés pour la télé, à l’image des sites qui ont éclos spécifiquement pour les écrans de mobiles.

Sources :