En ligne également, le web-documentaire consacré à Havana et Miami. Ici, l’interface permettant de réagir et d’ajouter de contenus. Tout en couleurs et en contrastes !

L’idée est ‘simple’ : il s’agit d’éditorialiser et d’organiser une base de documentaires multimedias (essentiellement vidéos) avec du texte enrichi, au travers d’articles rédigés par Arte. Le tout avec une mise en avant de sélections de vidéo, de classement et de commentaires via les plateformes sociales comme Twitter.

Les codes graphiques (par Karim Moreau et Eric Drier de Upian) reprennent un player vidéo géant (avec une large format pour le webdoc du moment), suivi d’un déroulé d’articles plus classiques. Il y a encore quelques petits détails qui me chiffonnent (petit jeu : parviendrez-vous à trouver l’annonce du webdoc “Gaza-Sderot” ?), mais dans l’ensemble je ne cacherai pas que c’est une belle réussite et que les gros écueils ont été évités.

Quelques particularités et mes ‘bons points’ au niveau des web-feuilletons :

• Chaque web-documentaire dispose d’une élégante interface de consultation/navigation, afin d’offrir au lecteur une experience de consultation unique. Elle est un bon moyen de faciliter l’ajout de commentaires et de remettre le ‘lecteur’ au centre de l’expérience.
• Chaque web-feuilleton dispose de sa propre url et un sous-domaine. Cela est necessaire quand on sait que les webdoc sont disponibles au format flash, un format pas idéal niveau SEO. Lorsque l’on connait l’état du débat sur le Flash/html5 à l’arrivée des tablettes Apple en France, on peut se dire que Flash a encore quelques beaux jours devant lui. Le fait qu’il sera possible de bidouiller le flash pour le transformer en application iPad empêche une profonde remise en question, pourtant nécessaire..
• Vu la fréquence de mise à jour des productions (certaines sont des feuilletons s’étalant sur 3 mois), le flux RSS pour chaque webdoc est d’une réelle utilité. Imaginer d’autre méthodes d’alertes de mise à jour (email pour les plus gâteux) n’aurait pas été de trop.
• La question du débit : Ce genre d’experience n’est possible qu’à partir de l’ADSL. Je fais la fine bouche, me direz-vous, mais c’est le genre de mention qu’on verra très certainement apparaitre je l’espère.
• La question du modèle économique n’est visiblement pas un problème, et le choix de ne pas afficher de format publicitaire classique est un réel plaisir. Cela laisse supposer que si publicité il y aura, elle se trouvera ailleurs  (le webdocu sponsorisé par un annonceur?).

J’espère que vous irez vous faire une idée sur webdocs.arte.tv, et lire vos avis sur vos sites respectifs ou ci-dessous !

Maintenant basé en Thaïlande, il met à jour son portfolio qui, lui aussi, est une pure réussite.

L’un des billets les plus importants de l’année : The Death of the Boring blog post ?

C’est une grosse claque ! Le billet original est en lui-même d’une élégance et d’efficacité incroyables, certains designers parlent déjà en commentaire du billet de l’année 2009. Je ne peux pas m’empêcher d’imaginer ce concept appliqué pour un média au contenu froid, voire même chaud ! Bon, on en reparlera certainement.

Soyons honnêtes, les billets classiques sont ennuyeux.

Hormis le texte et les images, chaque billet a généralement la même apparence. On constate peu d’originalité d’un billet à l’autre. Bien évidemment, la cohérence et l’identité d’une marque sont des aspects essentiels lorsque l’on conçoit le design visuel d’un site ou d’un blog. Mais que dire de son individualité ? Est ce si logique de penser qu’un billet consacré aux chatons devrait respecter la même charte graphique que celui consacré aux Hacks CSS ?

Trop facile ?

L’utilisation et d’installation d’un thème WordPress sont devenues si aisées, si intuitives, qu’il ne suffit que de quelques minutes pour donner vie à un site. Est-ce devenu justement trop facile ? Surtout si l’on compare cette facilité avec les heures d’efforts qu’un maquettiste print va mettre afin de créer une mise en page intelligente. Quelques designers ont décidé de rompre la monotonie du monde du blog.

Ils n’utilisent pas les thèmes standard de WordPress ou tenter de les remixer, histoire de rendre leur vie plus facile. Au lieu de cela, ils se sont donné pour objectif de créer du contenu, non seulement textuel, mais visuel, pour chaque billet. C’est peut être la nouvelle manière de s’amuser en mettant à jour son blog. Mais pourquoi cette tendance de combiner un billet avec un article de magazine, le “Blogazine”, n’a pas encore totalement conquis les masses de blogueurs ?

Une tendance encore bien discrète

Employer le mot “tendance” fait déjà trembler nombre de designers, qui ont déjà entendu parler de ce terme lorsque les boutons glossy, avec des reflets et des ombres portées ont fait leur apparition. Mais la tendance du Blogzine pourrait se présenter autrement, pour plusieurs raisons. Concevoir une mise en page créative pour chaque billet, en fonction de son contenu, demande un certain nombre de compétences, de la patience, une certain engagement vis à vis du contenu, et, le plus important, un effort certain de la part du designer web !

Les Pionniers

Jason Santa Maria est l’une des personnes ayant porté l’innovation de ce type de blogs et qui a crée des billet aux designs individuels depuis juin 2008. Avec un background en print, Jason a eu la vision de créer un blog dans le style d’un magazine, plutôt que de suivre les règles établies dans le design de blog.

“Oui, c’est une sorte de redesign, je considère que c’est surtout une manière de repenser le site” ~ Jason Santa Maria

Les billets de Jason sont fascinants et couvrent une large gamme de sujets, comme le design, la typographie, les livres, la photographie et le cinéma. Les différences dans le design visuels sont parfois de subtils changements dans la typographie employée, mais qui donne, pour chaque message, un sens unique et qui n’aurait jamais pu apparaitre s’il avait été uniformisé avec le reste des billets. Parfois, les changements apportés sont radicaux, tous se rapportent au style de Jason. Le header et le footer sont eux homogènes, mais même sans les voir, vous pouvez deviner que le billet provient de son blog.

“Nous avons vu tant d’avancées dans la manière de publier du contenu, que nous avons pas pris le temps de regarder en arrière pour observer ce que nous créions réellement. Beaucoup de designers ont vu des barrières fortes entre le design print et web, et j’ai vraiment souhaité remettre en question cette séparation.” ~ Jason Santa Maria

Dustin Curtis. Son initiative est devenu connue, suite à l’un de ses billets, une lettre ouverte sur le redesign du site d’American Airlines, dans laquelle il proposait un redesign en profondeur du site internet, ainsi que de repenser l’expérience utilisateur. Les autres articles de Dustin, sur son blog, sont tout aussi fascinants.

Grégory Wood est un webdesigner chez Erskine Design et a crée son site comme une expérimentation en DA. En se retenant d’utiliser un thème existant, Greg a crée un site magnifiquement réalisé, utilisant des thèmes personnalisés pour chaque billet. Voir sa page d’explication de son blog.

Est ce que le web en temps réel à provoqué l’émergence du blogzine ?

Twitter, Posterous, Flickr, Facebook, l’iPhone et les innombrables actress services ont permis de créer un gouffre entre l’information instantanée et atomistique d’un billet élaboré et sophistiqué. (Micropost Vs. Macropost).

Le bon moment pour les macro-billets de briller

Les billets longs avec du contenu à valeur ajoutée ne pourront pas obtenir la reconnaissance qu’ils méritent, parceque les 140 signes que le microblogging ont habitué une lecture rapide d’un billet. En utilisant la technique du blogzine, il est possible de créer l’attention pour lire davantage.

Relier les deux mondes

Nous ne savons pas encore sur l’avenir du blog, mais le micro-blogging va encore l’influencer. Les blogzines devront offrir des appels de lecture courts et proposer une lecture progressive d’articles de journaux et de magazines. On pourrait ainsi créer un pot entre l’article traditionnel et la photo TwitPic.

Pour quels types de sites le format blogzine pourrait-il fonctionner ?

• Les portfolios : Plutot que de créer un portfolio uniforme, pourquoi ne pas créer un portfolio qui présenterait chaque collaboration au sein d’un habillage différent pour chaque client, projet ?
• E-Commerce : La plupart des sites de commerce en ligne utilise le meme système de présentation : vignette en grille, page de description, paiement. Ce système a l’avantage d’être bon pour l’usabilité, mais il y a un petit vide à combler entre la lecture rapide et le design visuel. Peut être que de subtils changements dans l’habillage pourraient créer la différence et rendre le site plus distinguable ?
• Les blogs ‘peu bavards’ : Les bloggeurs manquent parfois de motivation pour maintenir leur site à jour. Pourtant, sept articles publiés sans conviction ne valent pas un billet bien conçu et avec un design unique. Et même si les lecteurs RSS ne vont pas toujours exploiter vos design, vos articles auront la possibilité de faire ressortir votre billet parmi la jungle des autres blogs.

Regardons ce que Jason, Dustin et Greg ont réalisé : Ils ne blogguent pas souvent, parfois qu’une fois par semaine, ou par mois. Mais la qualité de leur billet est toujours ce qui en ressort.

Quelques écrans du site pour vous donner envie :

Le site, lui aussi interessant en terme de conception, est réalisé par les créatifs londoniens du Digital Club. À la manière des sites de ressources créatives ou de récents site de webagencies tel qu’Area17, le site comporte un système de clipping intégré.

Le point intéréssant est que l’outil embrasse les réseaux sociaux, elle permet d’etre partagée sur Facebook ou même un blog.

Dans le même temps, il faut reconnaître que l’utilisation des visuels et de ce type d’interface devient de plus en plus fréquent, presque banal, et qu’en tant que designers d’interface, il va falloir peut etre approfondir sans uniquement reproduire.

Le site a été lancé pour mieux pénétrer les marchés occidentaux, européens. Cette nouvelle mouture tente d’aborder les défis des CMS d’aujourd’hui : localisation, fluidité d’affichage.. la suite en images.

Libre à vous d’apprécier (ou pas) ces vrais coups de génie, pour ma part, c’est toujours un grand régal. Je sais pas si ca se sent, mais pour ma part … j’adore. WOW.

Retour sur leur profil, avec cette vidéo que j’avais capturé à l’occasion des Pecha Kucha #4, en avril 2008.

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.

Tout comme le multicolonnage des contenus sur un site, le fonctionnement des sites a navigation horizontale, posssède un certains nombre de défis à relever, tels l’utilisation de sondes afin de calculer la largeur de l’écran (généralement en javascript, tel jquery), et de disposer d’une ergonomie claire afin que l’internaute parvienne à saisir le fonctionnement de cette navigation.

Selon moi, le pari est parfaitement réussi, donc chapeau à toute l’équipe de designers d’interaction, de développeurs.

Plus d’infos sur le site Condense.fr, et le making-of de Tam Kien Duong.

Via Nathan / Flowing Data