{"id":8202,"date":"2013-03-20T13:11:00","date_gmt":"2013-03-20T11:11:00","guid":{"rendered":"http:\/\/flaven.fr\/?p=8202"},"modified":"2013-09-28T14:54:43","modified_gmt":"2013-09-28T12:54:43","slug":"ux-television-google-tv-design-introduction-au-design-de-creations-pour-la-television-connectee","status":"publish","type":"post","link":"https:\/\/flaven.fr\/2013\/03\/ux-television-google-tv-design-introduction-au-design-de-creations-pour-la-television-connectee\/","title":{"rendered":"UX, T\u00e9l\u00e9vision, Google TV, Design – Introduction au design de cr\u00e9ations pour la t\u00e9l\u00e9vision connect\u00e9e"},"content":{"rendered":"


\n\t<\/p>\n

\t\"UX,<\/a>Copyright © Google TV<\/em><\/p>\n

Une fois n’est pas coutume, on va abandonner un peu les productions de webdoc pour se consacrer dans cet article aux \u00e9volutions des usages et des technologies en s’int\u00e9ressant notamment \u00e0 un support “d’\u00e0 venir” : la t\u00e9l\u00e9vision connect\u00e9e<\/b>, plus pr\u00e9cis\u00e9ment d’ailleurs \u00e0 la Google TV. Il faut se rendre \u00e0 l’\u00e9vidence, on est bien au coeur de la convergence<\/b>, qui pourrait se d\u00e9finir comme suit par un rapprochement in\u00e9luctable des terminaux Web, Mobile & TV, des usages (prescription, recommandation, recherche) et par la m\u00eame des technologies (HTML5, Javascript). En effet, le navigateur moderne devient l’application \u00e0 tout faire, la fen\u00eatre du monde multim\u00e9dia, multiplate-forme, accompagnant ce glissement g\u00e9ographique (mobilit\u00e9) et temporel (\u00e0 tout moment). Notre propos n’est pas de plonger dans l’exploration des technologies mais bien de donner la possibilit\u00e9 de concevoir et de r\u00e9aliser une oeuvre interactive et enrichie (site, application, exp\u00e9rience) sur ce support de t\u00e9l\u00e9vision connect\u00e9e \u00e0 venir pour tous les candidat(e)s aux webdocs ou webdocumentaires en fournissant quelques \u00e9l\u00e9ments pour pr\u00e9senter leurs futurs cr\u00e9ations \u00e0 des producteurs, des diffuseurs, des developpeurs, des agences…. La d\u00e9marche est simple, tr\u00e8s Lean UX<\/b>, sans comp\u00e9tences techniques particuli\u00e8res, vous souhaitez concevoir vos webdocs ou narrations enrichies et interactives pour le Web, le mobile ou la TV connect\u00e9e. On se concentre sur la t\u00e9l\u00e9vision connect\u00e9e, car bien que tout le monde en parle, il n’existe jusqu’\u00e0 pr\u00e9sent pas r\u00e9ellement de ressources (libraires) pour designer des IHM<\/b> (\u00e9crans) via les outils classiques de wireframing<\/b> pour la t\u00e9l\u00e9vision connect\u00e9e.<\/p>\n\t\t\t\t\t

\n\n\t\t\t\t\t
\n\t\t\t\t\t \"Building<\/a>\n\t\t\t\t\t <\/div>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t

Building Web Apps for Google TV<\/a><\/h2>\n\t\t\t\t\t\t\t\n\t\t\t\t\t

Les publications d'O'Reilly Media sont toujours un gage de s\u00e9rieux. Ne serait-ce que pour connaitre les esp\u00e8ces en danger, celles de la couverture cela va sans dire.<\/p>\n\t\t\t\t\t\t\t\tGenre(s) : APIs<\/a>, connected TV<\/a>, Google TV<\/a>, HTML5<\/a>, Hypermedia<\/a>, Livres<\/a>, Second Screen<\/a>
Auteur(s) : Amanda Surya<\/a>, Andres Ferrate<\/a>, Daniels Lee<\/a>
Edition(s) : O'Reilly Media<\/a>
\n\t\t\t\t\t

<\/i>+ d'infos<\/span><\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\n

Or la t\u00e9l\u00e9vision connect\u00e9e comme le web ou le mobile connait ses r\u00e8gles, ses contraintes, ergonomiques, graphiques et d’usage. Ce questionnement nous a \u00e9t\u00e9 souffl\u00e9 par l’excellente pr\u00e9sentation faite par Ed Mansfield (@elmansfield<\/a>) et Kyle Outlaw (@koutlaw<\/a>) de Razorfish sur la t\u00e9l\u00e9vision connect\u00e9e.<\/p>\n

Ils posent \u00e0 un moment la question simple \u00e0 laquelle ils tentent de r\u00e9pondre de mani\u00e8re pragmatique avec un Call to action for UX<\/code>, on vous la livre in-extenso et on tache d’y r\u00e9pondre modestement mais de mani\u00e8re tout aussi pragmatique.<\/p>\n

\n\tFor most of us, connected TV remains unchartered territory.
\n\tHow do we get started?<\/strong>\n<\/p><\/blockquote>\n

Source : http:\/\/fr.slideshare.net\/koutlaw\/the-ux-of-tv<\/a><\/i><\/p>\n

Se lancer dans une cr\u00e9ation pour la TV connect\u00e9e<\/h4>\n

On choisit Google TV, car c’est l’environnement le plus complet, tant d’un point technique (SDK Android) que de la documentation sur les bonnes pratiques (ergonomique, graphique, narrative…etc.) , on aurait donc tort de s’en priver.<\/p>\n

On retiendra de la r\u00e9ponse formul\u00e9e par Ed Mansfield (@elmansfield<\/a>) et de Kyle Outlaw (@koutlaw<\/a>) quelques points essentiels notamment dans m\u00e9thodologie parce que ces points rentrent en r\u00e9sonance avec l’approche Agile<\/b> et UX<\/b> tout \u00e0 fait applicable \u00e0 la conception de webdoc comme \u00e0 toute cr\u00e9ation mobile, web.<\/p>\n

Les points essentiels<\/h4>\n

Ed Mansfield (@elmansfield<\/a>) et de Kyle Outlaw (@koutlaw<\/a>) posent un postulat simple que la t\u00e9l\u00e9vision connect\u00e9e est une 10 ft experience<\/code> qu’ils d\u00e9finissent comme suit :<\/p>\n

\nWhat is the 10 ft experience?<\/strong>
\n\tIt\u2019s a software user interface designed for display on a
\n\tlarge television with interaction using a regular televisionstyle
\n\tremote control.\n<\/p><\/blockquote>\n

Source : http:\/\/fr.slideshare.net\/koutlaw\/the-ux-of-tv<\/a><\/i><\/p>\n

Cela \u00e9tant dit, ce n’est pas encore ce qui nous int\u00e9ressent vraiment.<\/p>\n

<\/p>\n

L’approche Lean UX<\/b>
\nTr\u00e8s inspir\u00e9e par Lean UX, qui est aussi une source d’inspiration pour Hecube comme 3WDOC, Ed Mansfield (@elmansfield<\/a>) et de Kyle Outlaw (@koutlaw<\/a>) d\u00e9taillent les \u00e9tapes suivantes :<\/p>\n