Les sites internet de vos séries TV passés au crible [Etude]

Ceux qui me connaissent savent à quel point je suis accro au séries télévisées, plus qu’une addiction je voue une vrai passion de bonne humeur télévisuelle à la quinzaine(+) de séries que je suis.

Puisque c’est la saison de la rentrée, que nos séries TV préférées reviennent en masse,  je vais faire un petit jeu sous forme d’étude de cas  :

Qui sont les bons (et mauvais) élèves de la rentrée 2009/2010 en matière de sites internet de séries télévisuelles  ?

Séries TV  mon jugement et mes choix

4 critères de mon jugement :

  • Pub : Le modèle économique / Les emplacement publicitaires
  • Design : La qualité graphique / L’expérience utilisateur
  • Social : L’aspect communautaire
  • + en bonus : les Fails rigolos

4 majors sur le banc des accusés :

Pour faire simple et puisque les séries d’un même réseaux TV ont une architecture web similaire, j’ai décidé de découper mon étude en choisissant 2 homepages de sites/séries dans chacun des 4 grands groupes que sont FOX, SHO, CBS, ABC :

FOX : Dr. House + 24 H

FOX TV-Shows

Showtime : Californication + Dexter

Showtime TV-Shows

CBS : How I met your Mother + The Big Bang Theory

CBS TV-Shows

ABC : Desperate Housewifes + Better of Ted

ABC TV-Shows

(Je regrette de n’avoir pu mettre toutes les séries que j’affectionne… mais ça aurait été vite incompréhensible et ingérable pour moi)

#1 Pubs : Emplacement et modèles

2 tendances ressortent au premier coup d’œil : les pubs intempestives en rouge et les pubs utiles en verte. La ligne horizontale violette indique la limite du champ visuel avec une résolution d’écran en 1024*768 sans scroll.

Captures d’écran

Mauvaises pub TV

Bonnes pubs TV

Décryptage pubs

Il est difficile de dire que l’une des stratégies est +/- juste car ce sont 2 modèles économique différent… En tant qu’utilisatrice confirmée je trouve que :

ABC (1) Exagère en monopolisant pas loin de 90% du site avec 2 pubs O_o (à droite: vidéo de 30 sec.)  Chez CBS (2) pas mieux avec une popup centrale de 20sec (si si !) et un 300×250 clignotant m’informant que je suis la xxème visiteuse.

–> Incitation au clic, omniprésence : pour ABC et CBS c’est -1

Les 2 bons élèves *applaudissements* ont su me proposé des pubs utiles et en adéquation avec mon profil de fan de séries. SHO (3) M’invite à souscrire à un abonnement mensuel pour leurs service de VOD (Vidéo à la demande). Tendis que FOX (4) me recommande simplement et gentiment de visiter le site d’une autre de leurs série en production.

–>  Rien à dire : SHO et FOX c’est +100

Pubs intempestive, j’en ai ma claque !

Je suis enthousiaste en voyant la recherche de nouveaux modèles économiques sur le web, et je ne peux m’empêcher de prendre en exemple lemonde.fr qui propose une version en ligne de leur quotidien moyennant qqs euros..  Je pense que les cas de SHO et FOX sont une bonne vision à long terme et un pari certain sur le futur.

#2 Webdesign : Expérience utilisateur

Le scrolling

Commençons par un truc qui m’horripile, scroller indéfiniment des homepages à rallonge (Oui je sais, t’es pas gâté sur mon blog). SHO et FOX offrent sur leurs sites un contenu claire et structuré en 1 à 3 scroll max. Chez ABC et CBS (encore eux…) il faut compter jusqu’à 6 roulettes de souris pour apercevoir le pied de page..

Le graphisme

Les sites internet de séries TV sont particulièrement colorés, les images ont tendance à être vives et les background imposants. Je met un point d’honneur sur les arrières-plan car ils jouent un rôle prépondérant dans l’ambiance d’un site internet :

Background out of the box :

Très tendance et beaucoup utilisé cette année, les arrières-plan débordants de chaque côtés  peuvent facilement renforcer l’image d’un site web. J’ai beaucoup aimé ceux de CBS qui mettent en avant les personnages importants de la série :

Arrière plan - The Big Bang Theory - CBS

Arrière plan - How I meet your Mother - CBS

ABC utilise la même technique mais de façon bien moins réussie/impactante.. nous avons droit à un simple motif monochrome rappelant l’esprit de la série :

Arrière plan - Desperate Housewifes - ABC

Arrière plan - Better of TED - ABC

Ces full width background sont très à la mode et je ne serais pas étonnée d’en voir plus en 2010 (sites de marques qui ont besoin d’une image forte). Ils ont malgré eux le désavantage de n’être visible que sur les grands écrans.. ici on parle de site internationaux, donc dommage pour lui, le petit gars en 1024*768 au fin fond du Texas ne bénéficiera pas de la même expérience de navigation.

Background fondu au contenu :

Arrière plan - Docteur House - FOX

Arrière plan - 24H - FOX

Mes préférés ! FOX fait preuve d’un grand professionnalisme en intégrant un large background au sein même du contenu. Cela demande plus de travail, il faut être minutieux mais le rendu est époustouflant (même le type du Texas pourra en jouir). Attention toutefois avec les backgrounds intégrés de ne pas trop surcharger, le cas du contenu de 24h devient presque illisible/invisible.

Appels à l’action / Mise en évidence

Je termine la partie Webdesign en mentionnant SHO qui ont réussis à faire de jolies misent en évidence en utilisant habillement le couple :  polices d’écritures / tailles / couleurs des différents textes et appels à l’action.

#3 Social – Aspect communautaire

J’ai choisis de terminé ma petite étude de sites de séries TV en prenant le critère communautaire. J’aurais pu noter l’utilisation de vidéo, ou les innovations de développement mais ils sont tous égaux sur ces points.. Partout de la vidéo, partout pleins de bidules AJAX comme les slideshows ou les tabs.

  • ABC : Ils n’ont rien.
  • CBS : En bas de page se trouve 2 immense boxes pour rejoindre le groupe Facebook ou Twitter de la série TV. Le point le + intéressant est sans doute la création du blog des acteurs comme : le blog de Barney (Legandary!).
  • SHO : On recours principalement à Facebook qui est bien mis avant, se mettent à Twitter mais ne l’ont pas intégrer visiblement dans la charte graphique. Ils ont par contre un système de news par téléphone mobile !
  • FOX : Utilisent Twitter et Facebook en de parfaits connaisseurs puisqu’ils mettent avant en le trending topics de Twitter. Ex. D.House : Twitter Trending #housecuddy.

Conclusion « étude » sites de séries TV

Si les sites des 4 grands groupes de séries TV ne sont pas tous parfaits et en adéquation avec l’année 2010, ils restent néanmoins de bons exemples en matière de savoir faire (clin d’oeil à Ségo et desirsdavenir.com). Ma palme reviens à FOX qui réussi à être presque parfait sur mes 3 points de prédilection : pub / webdesign / social. Le bonnet d’âne est décerné à ABC qui malgré leurs très bonnes séries sont à la traîne en matière de communication sur internet.

Tu t’en doute bien, ceci ne m’empêchera pas de continuer à croquer ces séries que j’adore ! (et aussi Dollhouse / Flash Forward / Earl / Greek /Chuck / Reaper / Merlin / Ugly Betty / Prison Break / Harper Island / EureKa / Weeds / Testees / Cougar Town / Et j’en oublie sûrement..)

Bonus : Les Fails rigolos

Fail Fox - 24H

Série 24H chez fox, on cherche à réduire le temps !

Fail fox - Docteur House

Série D.House chez fox, récession de scotch.. mais tant qu’il y à  du bandage hein !

Fail CBS - How i met your mother

CBS se mélange les pinceaux entre HIMYM/Survivor et Facebook/iTunes !

Fail CBS - Big bang Theory

CBS Les geeks de Big Bang Theory codent avec leurs pieds !

11 Commentaires =)

  • Bravo, très bon article!

  • C’est très clair! Superbe!
    Et tout comme toi, je suis un grand fan de séries ;)
    (D’ailleurs, je viens de commencer Cougar Town : sympa!)

  • Waouh très intéressant cet article. merci beaucoup.

  • Approche intéressante, et pertinente. Mais « ceci ne m’empêchera pas de continuer à croquer ces séries que j’adore  » et idem…!

    ::

  • @TardisGirl Coucou merci d’être passée par ici, ça fais plaisir de découvrir de nouvelles geekettes que je ne connais pas :]

    @JN : Essai Flash Forward c’est tout nouveau et ça vaut vraiment le coup !

    @Tous Heureuse que le mix entre les séries TV et le webdesign vous plaise :-)

  • hé, vraiment sympa comme article. J’espère que tu nous en écriras plein d’autres encore!

  • « CBS Les geeks de Big Bang Theory codent avec leurs pieds ! » jusque dans les validations HTML, t’as été la chercher loin celle-ci! Bien vu :)

  • Très bon article. J’ai beaucoup aimé :D

  • Très instructif, j’ai beaucoup aimé, surtout les fail! :)

  • Puisque tu aimes le sujet, essaye de regarder par ici http://www.simplifyinginterfaces.com ca devrait très certainement t’intéresser ;)

  • C’est intéressant mais j’ai un problème quant à ton choix des « 4 grands groupes » : j’imagine qule ces groupes sont un choix subjectif de ta part…

    Voici une répartition des groupes plus objective :

    D’un côté, les grands groupes comme tu dis, c’est-à-dire les networks, les chaînes hertziennes qui sont au nombre de 5 : ABC-NBC-CBS-FOX-CW

    Et d’un autre côté les chaînes câblées, il y en a à profusion mais voici les principales : HBO-Showtime-ComedyCentral-SciFi-UsaNetwork-FXStudio…

    Un fan de séries TV et animateur d’une émission séries a la radio

Ajouter un commentaire

Présentation Salya H.

Jeune entrepreneuse du web, je me lance de façon avertie dans l'aventure eCommerce. Par ailleurs porteuse de nombreux projets communautaires, j'ai un caractère très ouvert qui me permet de partager facilement et débattre librement.


Me soutenir c’est par ici !!!!

Wearico c'est un projet de vetements 100% ecologiques, fabriqué main, pleins de cadeaux en echange de votre soutient!

Blog qui Parle de

Paroles de lecteurs

  • Marie: Trop délirant le meuble Mickey. Il me le faut absolument :)
  • remboursement mutuelle dentaire: Cela m’est extrêmement précieux ! j’ajoute votre blog à mes favoris. A...
  • mutuelle santé plus: Je suis tout à fait d accord avec cette opinion. J’attend avec impatience la suite....
  • mutuelle dentaire adulte: Je vous remercie pour cet article riche en informations. Vous avez une très belle plume,...
  • comparatif mutuelle mgen: N hésitez pas a partager cette article. Il en vaut vraiment le coup. En tout cas, je vais...