Il y a quelques semaines nous avions signalé certaines modifications concernant le design du site tf1.fr et lci.fr. Notre avis ainsi que celui des lecteurs de TechCrunch était catégorique: Il fallait un changement. Les critiques portaient essentiellement sur la lourdeur de la structure, l’overdose publicitaire et la difficulté de s’y retrouver au sein de la page et des menus.
Grâce à un commentaire d’un de nos lecteurs, nous avons découvert la nouvelle maquette en beta de la page d’accueil de Tf1 (capture d’écran ci-dessus) que je trouve réussi. Elle est accessible à l’adresse http://www.tf1.fr/home/beta/0,,,00.html . Je n’aurai pas la prétention de penser que Tf1 a changé les choses à causes de notre billets: ils y travaillent certainement depuis un bon moment. Elle est claire, mieux organisée, mieux structurée avec une intégration pertinente de l’ajax qui n’alourdit pas la page (comme dans le menu ci dessous).
Cependant quelques regrets: je la trouve encore trop chargée et aurait préféré ne pas à avoir à trop dérouler la page pour en voir la fin. Je regrette également l’absence de flux RSS (TF1 dispose de flux RSS cependant), même discret, même en auto-detection. C’est aussi aux grands média de favoriser l’adoption de ce nouveau format de distribution.
C’est très clairement une amélioration (vous pouvez comparez avec l’ancienne version ici). Nous espérons que les changements s’appliqueront à l’ensemble du site. Tf1 vous invite déjà a donner votre avis sur le sujet.
Personnellement j’ai donné un 8/10 (9/10 reste pour moi bbc.co.uk)
Qu’en pensez vous?
mise à jour: après une petite enquête, je peux vous confirmer que comme l’un de nos commentateurs bien renseigné (qui semble être un employé de Tf1) l’affirme, l’agence NURUN a bien été impliquée dans le développement de cette nouvelle version mais que le développement a été fait en interne. Tf1.fr affichera bientôt en page d’accueil les flux RSS du site, ce qui est une très bonne nouvelle pour la promotion du RSS.
Vous êtes une grande majorité (92% “très réussie” et “mieux qu’avant”) à apprécier le nouveau design mais beaucoup critiquent le nom respect des normes et la lourdeur du code. Sans être un grand expert du sujet, je pense que l’on peut deviner que Tf1 doit jongler avec de très nombreuses contraintes notamment éditoriales (utilisation par exemple de beaucoup de visuels) et commerciales qui doit l’obliger à faire des choix difficiles et parfois contraires aux respects des standards. Espérons que la version finale reste agréable à la navigation malgrè cela.
Ouriel as tu eu la curiosité de regarder le code source de la béta de TF1 ?
Si effectivement elle est visuellement sympa (l’ajout d’hachure à la web 2.0 m’a bien fait rire…), quelle lourdeur de code, quasi 2200 lignes de code source (contre 1300 lignes pour bbc)…
Êtes-vous réellement bien placé pour critiquer le design de TF1.fr ? Sans vouloir vous vexer, mais vous êtes terriblement 2003.
J’aime beaucoup, c’est clair et on s’y retrouve mieux, même si je n’en ferais toujours pas ma page de démarrage
@ Cognivi -> Je suis étonné également de voir autant de code… Tant de CSS sans fichier externe et surtout tant de Javascript… C’est d’un lourd
@ Laurent -> Une critique peut être négative ou positive : c’est ce qui est fait dans ce billet il me semble ; De plus : “TechCrunch analyse les sociétés et les produits du web 2.0″ (c’est marqué dans le bloc à gauche… ça ne veut pas dire que TechCrunch doit ressembler à du 2.0 :p)
C’est vrai, c’est plus clair mais chez TF1 moi c’est leur page INFOS (http://tf1.lci.fr/) qui me semble dramatique…la version précédente était moins 2.0 mais nettement plus lisible !
Au niveau du design il n’y a pas photo, c’est beaucoup plus clair que l’ancienne version.
Snakeboudoir, en ce qui concerne le code je crois que c’est a cause du soft qu’ils utilisent pour gérer leurs sites (qui AMHA est une vraie merde en ce qui concerne le code de sortie). Et tant qu’ils n’en changeront pas, les choses ne s’amélioreront pas à ce niveau.
Vraiment un excellent travail par rapport à la version précédente.
Beaucoup plus clair, une utilisation d’Ajax judicieuse… J’aime beaucoup.
Pour le code c’est vrai que c’est pas violent, ça laissera du travail pour tous les spécialistes des standards qu’on a en France.
allez Ouriel n’ais pas peur du scrolling…moi j’adore…
C’est mieux ! Beaucoup mieux ! Bon il est domage que l’on ne puisse pas dépasser la première page pour juger, mais çà se comprend… Je pense qu’ils ont pris une bonne initiative de reprendre çà.
J’espère qu’ils vont virer la bande la-haut qui prend de la place inutilement et du coup on a cette méchante obligation de scroller sur du contenu important. On ne doit jamais scroller pour voir du contenu important. (bon quand je dis important, je parle pour les interets de TF1).
Tiens en passant par curiosité, bon j’avoue que je n’y suis pas aller depuis longtemps, mais j’ai l’impression que M6 aussi a retoucher son site. (bon il y a un theme un peu Prison Break actuellement, mais bon).
Tiens Ouriel si çà te passe comme idée, un jour de faire un petit bilan des 6 chaines nationales (TF1, F2, F3, C+, F5, M6) ou plus (TNT,.. mais faut peut-etre pas exagérer), çà serait sympa.
A souligner également la nouvelle version du portail jeunesse de TF1 en ligne depuis lundi, TFou.
Hello,
quelques infos en réponse aux remarques/commentaires :
- le travail sur la home a démarré en mars dernier… C’est un gros travail de fond, et un gros travail de refonte technique aussi, pas uniquement graphique
- la “bande” est une barre de navig tf1 qui est un repère, et qui se retrouvera sur tous les sites de la marque (lci, eurosport, etc.), et l’espace supérieur est réservé à une mega-banner de pub
- un des objectifs était de mieux faire ressortir le contenu et de le dissocier plus clairement de la pub
- c’est Nurun qui a travaillé sur cette HP
D’un point de vue perso, le fait de devoir faire défiler l’écran m’énerve : il faut savoir que près de 50 % des utilisateurs (il y a 2 ans - donc cela a dû baisser, mais pas tant que cela, je pense) ne savent pas que l’on peut utiliser les ascenseurs pour faire défiler une page. Ergonomiquement, c’est donc un vrai problème.
Par contre, la page est plus claire (c’était pas dur), et met mieux en avant les actus de la chaîne.
Et pour Tfou, j’adore ce site, c’est énorme et super bien fait (et je n’y travaille pas !)
La critique est certe facile… toutefois il travaille (je n’ai jamais mise en doute leur travail).
On ne bouge pas TF1 comme une startup et il faut noter que même si le code n’est pas merveilleux ils utilisaient encore il y peu un environnement qu’on peut qualifier de lourd et inflexible (pour ne pas citer l’outil) c’est déjà mieux depuis qu’ils utilisent PHP.
En conclusion si les décisions étaient prises par des gens avec un meilleur niveau technique et un peu moins arrogant, ca irait surement plus vite.
N’oublions pas qu’il s’agit encore d’une maquette au stade avancé du développement. Espérons que le code (notamment les css et les javascripts) soit géré comme il se doit afin d’alléger la page !
De même pour les flux RSS non présentés aujourd’hui.
Fonctionnellement : bravo aux espaces éidtoriaux gérés en onglets/javascript ! Une utilisation somme toute évidente pour un tel portail média, mais pas toujours appliqué : donc il faut le souligner
Sinon, du coté BBC.co.uk il va de soit que l’on peut leur tirer notre chapeau pour l’accessibilité et le mode full text directement proposé en haut à un emplacement traditionnellement visuellement stratégique ! Par contre j’ai des soucis d’affichage pour les vignettes sous FireFox (images tronquées sur la hauteur à 10px…).
Le design est clairement plus sympa, mais niveau accessibilité c’est une catastrophe !
Au niveau standard c’est un drame : http://validator.w3.org/check?uri=http%3A%2F%2Fwww.tf1.fr
Je suis bien d’accord avec Brice sur le fait que TF1 est un tank à déplacer, mais investir dans un bon intégrateur HTML et CSS n’aurait représenter qu’un pet de mouche en terme de budget au milieu de ce qu’a du couter la refonte.
614 erreurs au validateur…. Plus que la version actuelle (qui plafonnait déjà à plus de 500). A un moment donné, je vois … Ca en fait des div inbriqués.
Il y a un lien “réagissez à la nouvelle page d’acceuil” mais à mon taf, c’est bloqué par Websense (pas moyen de voir d’ici ce qu’il y a).
Travail commencé en mars dernier ??
Bein dites donc s’pas des foudres de guerre les gens qui se chargent du site sur TF1 ^_^’
la verité c’est que c’est completement nul !!!
http://www.etapes.com/blog/?q=node/1036
“la verité c’est que c’est completement nul !!!” … je n’irais pas jusque là nlx !!!
Il est plus juste de dire que le travail “graphique & typographique” est leger comme le signale Peter Gabor sur le blog d’Etape.
Je le rejoins aussi sur le fait que la seule notion graphique au sens strict du terme reste la bandeau WAT (ou l’on retrouve la patte de Neville Brody il me semble aussi) et qui me donne “envie” de cliquer.
Le travail de Nurun n’a pas du etre facile ici, comme il n’est jamais facile sur des sites portails generalistes come l’est TF1.
Il suffit d’aller faire un tour sur son folio pour voir l’ensemble de ses travaux et se faire une idee de sa réelle valeur dans son métier. Ce projet là, effectivement, ne sera pas pour moi une reussite graphique pour lui.
Du coté technique et interactivité, il faut tout de même signaler le travail réalisé et les améliorations apportées.
> nlx
bravo quel sens de la rétorique !
constructif et argumenté…
Je cite :
“Elle est claire, mieux organisée, mieux structurée avec une intégration pertinente de l’ajax qui n’alourdit pas la page”.
Le commentaire est flatteur mais il n’y a pas d’AJAX sur cette page !
Des zones avec onglets ne riment pas forcément avec AJAX.
Thierry> c’est juste il s’agit plutôt de javascript mais je peux vous confirmer de sources sûres que l’AJAX sera aussi utiliser sur le site.
Y’a-t-il in intéret particulier à utiliser de Ajax sur ce type de site ?
Je ne suis pas sûr.
Utiliser du Javascript pour rendre un certain nombre de menu, … plus “attrayant”, mais requêter le serveur avec de l’Ajax, je ne vois pas l’utilitée actuellement dans ce site.
Avant de faire une version Ajaxifiée et web 2.0 ( lol ) et bien il faut déjà mettre en chantier une refonte au niveau du code, et encore une fois mettre l’accent sur l’accessibilité. (Je pense).
torrie wilson and sable
http://myblog.es/torrie-wilson