Le site s’apparente désormais davantage à un flux de contenu personnalisable, qui conserve une sidebar de type blog, qui permet au lecteur de rester dans un environnement de lecture simplifié, confortable. Deux modes de lectures sont possibles: Le mode “Splash”, ou la homepage du site est éditorialisée dans une présentation de type magazine, et un mode “Flux” ou les articles les plus récents apparaissent en haut de page.

On peut expliquer quelques raisons qui ont justifié ce changement.

• Lors de l’annonce du prototype d’iPhone 4, la rédaction a du stopper la publication de nouveau contenus afin de laisser le ranking important à ce scoop. Le système de publication et de ranking au format blog est donc encore bien trop restrictif.
• Le site intègre de plus en plus de contenus interactifs ou vidéo (flash ou autre) qui ont besoin de beaucoup, beaucoup d’espace sur l’écran et qui génèrent l’essentiel du trafic du site. Maintenir le colonnage d’un format blog limite ces affichages.
• Le problème du manque de personnalité du site. Comme partout, les contenus mis en ligne par ces medias sont reprises par d’autres acteurs. Pour captiver le lecteur de ce site, il faut désormais offrir une mise en écrin des contenus. Cela consiste finalement à déployer des formats de plus importants dès la homepage.
• Le problème de la cohérence et de la gestion des sites. La mise à jour concerne l’ensemble des sites de Gawker: Gizmodo, Lifehacker. Il apparait désormais possible de démultiplier le trafic des sites en apportant, dans chacun d’entre eux, une partie du contenu des autres sites.

D’autres explications de ces changements sont introduites dans un post intitulé “Bienvenue sur le nouveau Gawker”.

Après un an d’existence, le nouveau magazine slate.fr assure un redesign efficace à partir de lundi 12 juillet. De nouvelles ambitions apparaissent pour ce pur-player un moins populaire que Rue89 (ou, plus récemment, de Mediapart), qui continue très certainement à se distinguer par la longueur agréable de ses articles ainsi que de son esprit analytique et moins caustique.

Réalisé par Upian, cette refonte s’articule de nombreux changements visuels et structurels. En voici l’avant-première.

Ce qui faisait un des originalités du site slate.fr, à savoir la liste de liens verticale appelé “ici et ailleurs”, s’appelle désormais “Lu, Vu & Entendu, et s’affiche à l’horizontale. Comme pour signifier que Slate.fr poursuit son évolution un format web-magazine, et s’éloigne de la logique de flux en temps réel. Un choix relativement risqué : les chiffres d’audience générés par ce type de contenu sont importants, mais il ne faut pas négliger l’économie d’énergie réalisée. Maintenir un desk requiert beaucoup de temps aux équipes en interne.

Les contenus générés par les utilisateurs ont vu davantage qu’un lifting, avec l’integration des commentaires dès la homepage. Comme pour marquer une nouvelle ambition pour le site, celle d’attirer de plus en plus de nouveaux lecteurs et participants. Avec, au même niveau hiérarchique, la présence d’une liste de récents blogposts, ainsi que de réactions de lecteurs.

Enfin, comme pour tenter de diversifier un peu plus les contenus, slate.fr se dote d’un affichage de galeries photo tout doit inspiré de Boston, avec une première application du format “Big Picture” à la française. Plus immersif encore, avec le choix d’afficher les photos sur un fond foncé. Autre nouveauté de contenu, l’arrivée d’une chaine Slate.tv, qui recense les dernières bonnes vidéos et met en valeur les futures productions vidéos maison.

Enfin, quelques fonctionnalités existantes ont pu être remaniées et mises en valeur, comme la possibilité de naviguer d’article à article, par grands sujet d’actualité (ex tags) mais aussi par ordre chronologique, la possibilité de se connecter à son réseau social favori pour pouvoir poster un commentaire.

En exclu pour le blog Gabyu, la page d’accueil et la page article (sur Flickr).

Le coup d’oeil dans le de ‘rétroviseur’ :

Le logo fait disparaitre tous les codes existants et devient un logo dynamique, avec une typographie vue à peu près partout, avec des visuels vus à peu près partout. Au risque de passer pour une vieux con réactionnaire, le renouveau de l’identité d’America Online est questionnable y compris dans son objectif : Quelle est la présence d’AOL aujourd’hui sur le web, et quelle veut-elle devenir ? L’ajout du point final à la fin du titre “AOL.” indique peut-être une stratégie de sortie. Me direz-vous, le problème est le même pour toutes ces marques dont le produit s’est concentré sur l’animation de portails, comme MSN, et même Yahoo! finalement.

Un coup dans le rétro, pour constater l’ampleur des dégâts.

Le site doit notamment exprimer toute la diversité des opinions des journalistes du web, tout en représentant les différents chroniqueurs et éditorialistes qui publient régulièrement sur le site.

C’est le résultat de beaucoup de boulot en tests, écriture de documentation et intégration.

Quelques nouveautés : L’identité du site, avec, entre autres, son nouveau logo que l’on retrouve dans la zone d’identification du header, sa nouvelle typographie basée sur la Verdana, Géorgia et quelques restes d’Arial, des graisses normal aux Black.

L’éditorial n’est pas en reste, qui a complètement revu son rubriquage et qui se mobilise pour accompagner chaque sujet d’une liste de liens internes, d’une sélection de phrases intéressantes ou intrigantes, et d’une disponibilité des titres sous 4 colonnes.

Quelques gros plans (à différentes échelles, du 100% au 1600%), de cette nouvelle version, dans la suite.

Merci à toutes les équipes qui ont travaillé sur le projet, une sorte de commando opérationnel, appelé ‘Webrocks’, composé d’Emmanuel, Fréderic, Corine, Karim et Daniel !

À mes lecteurs adorés : n’hésitez pas à me signaler sur ce site tous les bugs que vous pourriez rencontrer sur le site :-) Les utilisateurs interne du Point utilisant Mac, il se pourrait que l’affichage sur IE6 soit truffée de petits soucis.

Lepoint.fr s’est finalement preté au ‘jeu’. Après un passage des équipes en charge du site internet, au sein de la classe des élèves de graphisme de typographie et webdesign de la jeune école E-art Sup, les opérations hivernales ont été pilotés par Peter, dans un bouillon d’idées toujours plus jaillissantes, les unes après les autres, pour, dans un second temps, dévoiler les travaux, en laissant chaque étudiant donner libre cours à ses explications et ses interprétations.

Maquette réalisée par l’équipe Doveil, chez e-art Sup.

Quelques particularités de cette experience :

• L’élève s’exprime directement et sans intermédiaire, en direction du rédacteur en chef.
• Le brief accordé aux élèves fut simple et ouvert.

Au final, au moins deux messages, simples et clairs :

1. Réaligner, plutot que de refondre un site média. Réaligner quant à ses objectifs d’audience et de positionnement.
2. Démontrer en interne comme en externe, que d’une recherche d’une ouverture permanente est benéfique comme source de débats.

La vidéo des cours à l’école, et les relations avec le site du Point.

Les débats qui s’en sont suivi portaient sur le fond, mais aussi sur la forme : pourquoi confier ces travaux à des étudiants, et non à des professionnels ? Pourquoi avoir imaginé ce projet sans faire usage des règles coutumières du métier du design web, qui prévoient un appel d’offres, une sélection, une short-list ? Ce type d’interrogation sont tout a fait naturelles, à l’heure où nombre de designers (et pas seulement les freelances) souhaitent plus de transparence, plus d’équité et de respect dans les condition d’exercice des métiers du web et du graphisme.

La presse, en ligne ou papier, vit des heures follement intenses, ou chaque évenement ou avancée constitue une remise en question, qui balaie tout, ou presque, sur ce qu’on connaissait des usages de la veille, des méthodes de travail, et des mutations des métiers de journaliste et ‘d’infographiste’. Et dans cet environnement bouillonnant et instable, il fallait irrémédiablement garantir une proche collaboration avec des participants jeunes mais au fait et gestes de ces mutations. La encore, un focus group aurait pu étre monté ; mais difficile d’avoir une meilleure vision d’un concept, que lorsque l’on obtient un rendu précis et réfléchi, comme ceux qui se sont dévoilés à nous.

Lorsque l’on est freelance et que l’on collabore avec des medias presse, la notion de ‘relation client’ est très différente. Quel contraste, entre un brief venant d’un groupe hotelier tel que Accor (pour lequel j’ai collaboré entre 2002-2004) et un media de type presse magazine ou quotidienne. Un journal est une entreprise (avec son industrie, son service commercial, ses benéfices et son économie), mais force est de reconnaitre que l’objet sur lequel cette entreprise porte son attention n’est pas seulement un objet de lecture, mais un objet de pensée et de débats. Et c’est exactement ce que ces travaux ont permis de créer.

Malheureusement la photo de une ne passe pas à l’heure où j’écris ces lignes. 

Ma grande surprise, c’est le peu de creativité qui a été employé pour la maquette du site, véritablement austère (terme mérité et utilisé dans le Figaro et sur lepoint.fr). Alors j’ai immaginé, pour vous, à quoi aurait du ressembler slate.fr s’il avait été fortement inspiré du site original américain. C’est ci-dessous et c’est un redesign en exclusivité chez gabyu :)

Pour rendre la maquette un peu plus réaliste, le contenu d’exemple est ici basé sur un métissage du contenu de la version US, traduit en partie avec Google Translate et mes propres traductions. D’autres contenus, nottament iconos, sont importés directement du site US, délaissant ainsi les photos visibles sur la version française. Le système de carousel est bien présent et permet de rendre le haut du site mieux édité, tandis que le bas du site reste une sélection d’articles. Dans cet exemple, les titres et chapo sont ceux en ligne le jour du lancement du .fr… 

À comparer avec la version US qui a servi d’exemple à cette proposition de remix.

Journalisme de liens
Les sélections de liens, grand sujet à la mode en ce moment vous l’aurez remarqué en France. Heureusement que Delicious n’a pas attendu les médias français pour exister. le slate.fr propose la boite à liens (un intitulé lancé nottament par Chryde sur la Blogothèque, il ya quelques années de cela).

Les codes couleurs restent globalement identiques, excepté la couleur jaune :

Le système de navigation supprime la fameuse languette à 45°, pourtant si symbolique et essentielle dans l’image de Slate :

Autre grand moment d’émotion dans l’experience utilisateur, qui part lui aussi en fumée, dans la version fr : Le menu déroulant qui expose les derniers articles de la rubrique sélectionnée. Alors que le site français est à la recherche de financement basé sur la publicité, il aurait pu être judicieux d’imaginer vendre de l’espace pub dans ce menu, à l’instar de cet annonceur, situé en bas du menu déroulant.

Au niveau grille, mise en page, icono, slate.fr est plutot retourné s’inspiré sur le modèle de Rue89 ou d’un media français plus classique.

Heureusement, une note d’espoir : le site actuel est en version beta. On s’attendra donc à des belles améliorations ces prochaines semaines.

Quelle agréable surprise de la nouvelle page d’accueil de FT.com, le site du Financial Times !
En un écran, tout est dit :

• Le respect du code graphique du journal, notamment du saumon, pour rappeler la force éditoriale du papier — on s’y habitue vite, très vite.
• Un menu fonctionnel et qui est lisible — certains diront qu’il est très inspiré du menu de Digg.com, et je leur donnerai raison,
• Simplicité dans la grille à 960px — un standard si pratique pour le découpage en colonnes,
• Simplicité dans le nombre de niveau de titres en une, avec un effet de titre/mini chapo terriblement efficace au clic,
• Une photo, seulement quand cela en vaut la peine — 25 images, moins de 150ko d’images en tout,
• Une sélection de titres qui ne dépasse pas la 15-20taine de titres.

Simplicité, efficacité, sérieux et confort de lecture. C’est net, efficace.
Les sites ‘anglais’ courent dans cette direction. Pourquoi pas les sites français ?