Deux ans de travail ont été nécessaires pour réaliser cette série. Il fait une utilisation subtile des tendances à la mode telles que le stop-motion, et HDR. Un exemple avec cette photo sublime du site de l’exposition universelle sous la neige à Pudong.

Voir la suite de sa collection sur le blog d’Éric Leleu.

Related posts:

1. Guggenheim @Bj
2. Les vacances en Asie
3. 再见 g.cn

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 !

Related posts:

1. Area17 @ Pecha Kucha Paris
2. Procrastination
3. Personas

Voici quelques travaux commentés :

Walking into OX

L’image représente l’état amoureux, aveugle et qui n’implique aucune réflexion, uniquement de l’action. (1955 ad with letterpress wood type, done on a Vandercook Proofing press).

Two Sides of OX

Ophelia a utilisé ces deux images en jouant sur la dichotomie de deux cultures, deux manières de voir une femme. Le tout egalement recouvert d’une impression Vandercook.

Bang Pow Bang

Une vieille affiche de film, pour une mise en scène ‘cartoon’ où les femmes sont en train de se moquer du ‘petit calibre’ du pistolet. Une sorte de WTF des années 50.

Her Love

Ici nous entrons dans une autre forme de travail, plus illustrée et qui est crée à partir de collages de la vénus d’Urbino du Titien.

Pour en voir plus, l’impressionnant portfolio d’Ophelia Chong.

Related posts:

1. La mise en abyme perpetuelle
2. Eric Leleu
3. Les vacances en Asie

Vivid Savitri, directrice de la création chez Trigger Shanghai : “Pour nous, je pense que l’iPad nous donnera davantage d’opportunités d’étendre non seulement notre collection existante de jeux, mais aussi d’autres types d’expériences numériques : par exemple, sortir des comic animés en mode vis-à-vis est sur notre liste de priorités.” Elle nous précise les avantages intrinsèques de l’objet et ses utilisations possibles : “La dimension de l’iPad fait qu’elle sera utilisable pour jouer aux jeux de courses ou de vol. La prise en main y a l’air idéale pour ce genre d’usages.”

D’autres designers restent plus mesurés, et préfèrent attendre “quelques mois”, pour découvrir les applications phares de l’iPad, comme Marc Seefelder, responsable du design et de l’innovation chez BizSphere à Shanghai. Sa passion pour la musique lui laisse déjà toutefois entrevoir “un nombre important de possibilités pour les Djs, grace aux applications de table de mixage”, ou pour les amateurs de sons. l’iPad est “une sorte d’appareil de controle musical pour la maison, qui se branche sur la Hi-fi.”

Pour Christophe Bernard, webdesigner et illustrateur à Paris, la vrai revolution va d’abord venir des contraintes technologiques, “avec l’HTML 5 et css3, on va être obligé de penser encore plus en terme d’animation d’un produit.”

Vivid nous rappelle enfin l’environnement concurrentiel dans lequel Apple se situe, et qui pourrait freiner sa vente au très large plublic ou peu habitué à la lecture longue sur écran : “Le Kindle d’Amazon est toujours aussi bon, et Apple serait en discussion avec Barnes & Noble pour fournir leur iBook Store (…) Mon seul souci c’est que l’iPad possède une surface vitrée et réflective, ce qui pourrait être assez ennuyeux pour une lecture en extérieur ou au soleil.” Inquiétude également ressentie par Christophe : “Je me demande bien quel est le confort de lecture quand même, parce que ce n’est pas un e-reader, et j’ai pas envie de lire maxi un livre pendant 1/4 d’heure avant d’essuyer mes larmes.”

à lire également :
➜ Interview de Romain Landsberg, responsable du studio de Backelite, sur le métier de concepteur d’interfaces mobiles,
➜ iPad Vs. Net/E-books : “Why the iPad Will Crush Netbooks and Ebook Readers”

Related posts:

1. iPad et les medias
2. Eyetracking
3. Les cartes de Chine Google maps sont (aussi) en Pinyin

Florilège de réactions :
➜ New York Times — “iPad un nouveau style d’informatique entre le smartphone et l’ordinateur portable”,
➜ Owni — Apple iPad : analyse d’une déception logique”,
➜ Steve Nagata, Mobile in Japan — “iPad in Japan: First Impressions of the new addition”,
➜ J-C Féraud — “Le fol espoir de la presse vis à vis de l’iPad après 10 ans d’inertie m’agace.”

Mon post n’a pas vertu à décortiquer toutes les descriptions et fonctionnalités, mais à se concentrer sur celles qui concernent nos medias. Après l’excellente prestation du New York Times, qui a eu l’exclusivité pour préparer une application spécifique pour la tablette iPad, une course contre la montre va certainement s’engager entre les médias qui ont pris le parti de déployer leur contenus sur diverses plateformes. Car les medias attendaient beaucoup d’Apple.

L’iPad, le support que les medias attendaient. La balle est maintenant dans le camp des médias. Que peut-on espérer des médias d’information qui ont déjà pris le ‘pari’ du digital ?

À court terme

Les medias ayant déjà pensé et conçu une application iPhone ont une longueur d’avance. En quoi ?

• Ils ont déjà les ressources, les connaissances du support ‘touch’, qui permettent de maitriser et exploiter toutes les fonctionnalités ergonomiques de la tablette. Ayant fait sous-traiter, ou internaliser la production de leur application iPhone, ils connaissent déjà les outils et langages de programmation.
• lls ont déjà commercialisé des applications payantes et ont habitué leur lecteurs à payer 0,79, 3, ou 5€ pour obtenir une information sous un support dédié. Le freemium, nouvelle tendance 2010 des acteurs de la presse en ligne, peut également se déployer sur les applications iPad.

Leur avance reste relativement faible. Car un simple resizing de leur application iPhone sera loin de garantir le succès et la popularité de leur application. Même à court terme, les utilisateurs précoces, ces early adopters, seront d’aucune pitié avec le journal, chaine de télévision ou radio qui commettra tel sacrilège. Même punition pour les sites web qui diffuseront une version RSS+ de leur flux d’information.

À court terme, la presse peut imaginer offrir un copier-coller de leur édition papier, avec un paiement a la carte, des formules d’abonnement. Je n’entre pas dans le débat de savoir si ce genre de commercialisation aura pour effet de “tuer le papier”. À court terme, cela ne suffira pas non plus. Il faudra offrir toute l’interactivité sur ces PDF premium, avec au moins, comme nous l’avons vu lors de la Keynote, de vidéos ‘inline’, des liens de page à page, etc. L’intéret d’utiliser des plateformes video qui pourront afficher ces vidéos sera crucial. Idem pour les sons et les elements dits multimédias. Les infographies Flash vont valser des bureaux d’infographies. La réalité est que peu de rédactions disposent d’un système d’information capable de créer ce genre de support. Ils devront donc repasser par une compétence journalistique, de manière à doper la contextualisation des articles, pour avoir un réel intérêt pour les lecteurs.

À moyen terme

Si la promesse du freemium permet de générer suffisamment de budget de développement, les investissements de création de contenus exclusifs pourront se développer sur l’iPad, d’une manière ou d’une autre. Ce sera pour nous tous un nouveau territoire interactif à parcourir. Nouveau territoire de création pour les designers d’information, de contenus multimédias, nouveau territoire de consommation d’info.

Photos, capture prises lors des live Engadget, Gizmodo et Gdgt

Related posts:

1. iPad et les créatifs
2. last.fm, 3 ans, 3000 chansons jouées, relation stable et durable
3. Liberation.fr, modèle scandinave

Pour en voir davantage, je vous invite à parcourir la galerie de Kevin Cooley.

Related posts:

1. lefigaro.fr lance son reseau social cette semaine
2. Le Sun recyclé

À l’heure où j’écris ces lignes, toute une partie du site est encore verrouillée, mais Ito Labs (l’équipe nous avait animé OpenStreetmap sur un an) a obtenu le sésame et nous fournit déjà de quoi saliver. À partir des données, quelques captures d’écrans montrent des applications visuelles, comme avec le nombre d’immatriculations de véhicules, par type (vélos inclus), par date.

L’enjeu est de taille. Utiliser les données permet de se faire de nouveaux regards sur un lieu, une époque, une société.

Je reste en veille sur ce type de site, mais reste assez dubitatif. On se pose évidemment la question de l’utilité de ces sites, car depuis que data.gov est lancé, il n’y a pas eu l’explosion d’applications concrètes attendue.

Related posts:

1. SPVZ
2. Utilisation de Keynote pour presenter un diaporama audio
3. Cartagen

Réalisé par Jean-Julien Pous, un ancien de Supinfocom qui vit désormais à Wuhan. Plus d’infos sur son folio vidéo Cargo.

Related posts:

1. Les directeurs artistiques et les ecoutes telephoniques
2. Bonheur — Le plan de Pékin en vectoriel
3. Google retourne au modèle de ranking Yahoo!

Google avait besoin de se refaire une image un peu moins diabolique. Il le réussit au niveau du reste du monde, en débloquant les fonctions de filtrage sur le site Google.cn, un sacré bras d’honneur non seulement au gouvernement Chinois, mais aussi à tous ceux qui ne croyait pas Google capable d’un tel geste. Cette capture d’écran de Google, prise vers 11h, heure locale, est en elle-même un événement, celle-ci présente les images du massacre de Tiananmen.

Ou encore cette image du Dalai Lama en grand sur les resultats de Google, représentant bandit considéré comme illégal en Chine.

La réaction politique à cette annonce va être singulièrement étonnante… Elle peut aboutir à des négociations, ou à un simple blocage du site dans les prochaines heures, blocage qui signifiera la fin certaine des activités de Google en Chine.

Pendant ce temps, en France….
Alors que la France s’agite contre Google et son hégémonie culturelle et financière, accusée de détourner la valeur de son créateur vers son diffuseur et ainsi ruiner les modèles économiques existants, ce signal du départ sonne comme un avertissement à tous les pays tentant de barrer la route de manière trop sévère… notamment avec cette taxe surnommée “Taxe Google”. Globalement les “gardes rouges” chinois espionnant les sociétés étrangères basées en Chine ne sont peut être pas aussi différents que des parlementaires. Les deux s’attaquent au portefeuilles au nom de valeurs “morales”.

Related posts:

1. Google retourne au modèle de ranking Yahoo!
2. Les cartes de Chine Google maps sont (aussi) en Pinyin
3. Google.cn lance son site JO de Pekin

Il également possible de suivre Oi sur son fil Twitter.

Related posts:

1. Twitter update
2. Kitsuné Noir
3. iPhone Ménage

Prédire l’avenir, rien de plus divertisssant et de plus passionant. Tout le monde s’y colle, et il était temps. À l’après-guerre, on ne cessait de penser et d’imaginer l’avenir dans 10, 50 ans. Dans les annnées 70, on tentait d’anticiper l’an 2000, qui restera la plus grande utopie humanitaire du siècle dernier, car celle-ci n’avait pas su réveiller les consciences, de l’ampleur du désastre écologique que nous vivons aujourd’hui et vivrons demain. Après le brillant exercice d’Étienne Mineur et de Fred Cavazza, voici quelques unes de mes prédictions, centrées autour de Google, souvent foireuses d’ailleurs. Elles sont basées sur des observations du monde occidental. Ce qui pourrait se passer en Chine en 2015 fera l’objet d’un post moins amusant mais tout aussi nourri d’espoirs.

Google et les savoirs

L’acharnement médiatique contre Google s’est poursuivi, mais uniquement dans ces médias de ‘luxe’, imprimés comme des livres, avec un sublime dos carré-collé et des marques pages connectés. Les utilisateurs de 30-45 ans apprennent à contourner le diable Google : Cela devient presque un jeu, Google Zeitgeist fait désormais moins d’audience que Google Ersatz. Google tente, comme il peut, de profiter du buzz lancé contre lui.

Qu’importe pour Google, sa cible est ailleurs, c’est celle qui étudie à l’école, en classe, en fac. Celle qui a été nourrie dès le biberon par le savoir universel et l’éveil des connaissances. Après le mashup entre Google Books et Google News, Google installe ses serveurs dans les grandes universités américaines, européennes et asiatiques. Objectif : absorber le savoir, les échanges et les dernières thèses, à la source. Pour les publier en ligne directement sur un gigantesque intranet. En plus des notes accordées par leur professeurs, les élèves sont évalués en fonction de leur vivacité à organiser et synthétiser l’information qu’ils trouvent et republient. Les QI, QE sont balayés, le Google Index est lançé. Google aide les professeurs car ses nouveaux algorithmes sanctionne le plagiat plus rapidement que jamais. Tollé chez les professeurs, qui rapidement se résignent, tant ils y trouvent leur intérêt.

Ce qui révolutionne les médias sont tant dans leur consommation que leur fabrication. L’état continue à soutenir les jeunes médias qui ont pu investir, depuis fin 2009, sur leur infrastructure technique, et se dotent pour cela d’un système de gestion de contenus. Mais tout cela arrive trop tard. En 2011, Google rachète Wordpress ainsi qu’Eidos, et développe un CMS pour les médias, qui leur permettent de créer le contenu sur des supports différents de manière totalement transparente. 3 supports principaux voient le jour : Basic (pour les navigateurs Web. le format blog s’y trouve également), Feel (gestion de l’expérience dans les informations visuelles, sonores et interactives), et Paper (qui regroupe tous les supports imprimés, magazine et journal). Au coeur du système, la fraicheur de l’information et son format y sont également gérées. Résultat, les messages Twitter et le papier d’opinion de 15 000 signes s’y cotoient sans complexes. Le CMS fournit également les outils adaptés de gestion de communauté. Les journalistes sont ravis. Fin 2014, le CMS devient accessible gratuitement, les ex-bloggeurs et développeurs s’emparent de l’outil pour l’améliorer et l’expurger de quelques mouchards.

La consommation des medias

L’ultra personnalisation, anticipée dans les années 2000, se démocratise. Elle est mobile, avec les tablettes et remplace le journal, plus rentable. L’Apple tablet lancée en 2010 en est déjà à sa quatrième version, et dispose enfin des fonctionnalités que les uber geeks rêvent : pliable (comme pour 50% du marché en 2015), interopérabilité avec les autres plateformes telle qu’Amazon et Microsoft marketplace (en 2013), et sont synchronisables sans fil. Leur autonomie dépasse enfin les 18 heures. On peut lire sans interruption sur un Paris-Shanghai. Les A380, déjà assez silencieux depuis l’arrivée du kérozène vert, le sont désormais totalement, les bruissements de pages se font rares.

Jeux vidéos en 3D

Depuis 2011, l’Imax 3D ne fait plus rêver et devient la norme. Même les plus grincheux y adhèrent, depuis que les films “Titanic” et “Autant en emporte le vent” ont étés adaptés. La connivence entre éditeurs de jeux vidéos et production de films est telle, que les sociétés de jeux finissent par racheter les studios de cinémas américains. Le résultat : Des salles de cinéma un peu spéciales voient le jour en 2014, où il est désormais possible d’aller voir un film dont la fin est à jouer dans la salle.

Et chez soi ? La télévision 3D est encore dans les cartons. Elle ne sortira qu’en 2016, et mettra moins de 2 ans pour devenir populaire. En attendant, on s’occupe avec des loisirs bien différents. iMovie débarque sur l’Apple 3DTV dès 2014, qui permet à toute la famille de s’amuser en montant, en collectif, ses films en temps réel. Carton aux US. Nintendo réagit avec une Wii qui permet de jouer en famille et avec ses animaux domestiques. Le buzz est monstrueux, “Chihuahua on Wii” est la recherche de l’année sur Youtube. Elle fait fureur au Japon mais ne perçe pas en Allemagne.

Et Mc Fly dans tout ça ? En 2015, il devient complètement ringard.

Related posts:

1. Grid/Plane
2. Fast Flip
3. Google commence le service Google street view – avec le parcours du tour de France

Au travers d’un poster intitulé “What’s Under the Mask?”, l’illustrateur Adrian Pavic donne un élément de reponse, avec des films cultes introduisant un personnage masqué.

Au fait, je vous souhaite une excellente année 2010, pleine de créativité et de renouveau.

Related posts:

1. Prédictions 2015
2. Data.gov.uk
3. Cartagen

Car quasiment unanimement, les acteurs du secteurs sont d’accord, personne n’était encore allé aussi loin dans l’efficacité optimale de la consultation, avec de vrais efforts en terme d’ergonomie. Alors que c’était tout naturellement que j’avais foncé vers l’écoute musicale en ligne ou par un lecteur MP3 il y a 10 ans, personnellement, j’ai encore des réticences à abandonner un magazine que je tiens en main plutôt qu’un Nook ou une sorte de Kindle noir et blanc.

Cela dit, le concept présenté donc ici est proche d’être le candidat idéal qui puisse me faire changer d’avis. La raison est simple, c’est qu’ici, on repense aussi l’idée même du magazine. Et il était temps ! Comme pas mal de monde, je vais regarder avec intérêt la sortie de l’espèce d’Apple tablet qui est prévue pour l’année prochaine.

Related posts:

1. “Les blogs influents”
2. Audrey Kawasaki
3. Alphabets

Benjamin Ducroz (réalisation, animation) avec Samuel Acres (design sonore) ont realisé ce petit film, n’utilisant pas la 3D en tant que telle. C’est juste magnifique.

Voir plus sur les travaux de Benjamin Ducroz sur son portfolio.

Related posts:

1. Le Guardian Jobs
2. Les process de conception en images
3. iA : WebTrend map

Leur projets sont tous aussi intéressants les uns par rapport aux autres mais j’ai apprécié celui-ci, consacré à un parc à thème. C’est fort de couleurs, et simple en formes.

Les infographies sont également très brillamment exécutées :

Ils viennent de mettre à jour leur portfolio, avec, par exemple, toute l’identité visuelle + charte graphique de FOX International. Je vous invite à y jeter un oeil ! Ils sont également sur Twitter.

Related posts:

1. Infographies olympiques
2. Infographies web
3. Uber is dead

J’aime bien TeuxDeux.com, un outil conçue by Swissmiss, une agence New Yorkaise, et batie par Fictive Kin et de fervents fan de la grille de mise en page.

L’outil est concu pour vous permettre d’écrire une information qui vous passe par la tete. Attention, si vous etes comme moi, cela veut dire que cette information ne va durer que quelques secondes dans votre tete, au dela, il sera trop tard. Il faut donc une interface conçue pour vous ‘libérer’ l’esprit, en un instant. Vient la deuxième étape, la lecture du calendrier. Car c’est fort inutile de vider ses pensées si vous n’allez pas ensuite les relire. Et là, tout reste encore absolument élégant et reposant. Vous vous sentirez capable de réaliser ce que vous pensez. C’est pour cela que j’adore cet outil.

Ce qu’il est :

• Un pense bete,
• Une simplicité enfantine,
• Une mise en page sublime,
• Un voyage paisible dans le temps.

Ce qu’il n’est pas :

• Un nieme réseau social,
• Un outil de gestion collaborative (à moins bien sur que vous partagiez le meme mot de passe),
• Une interface qui pose de questions,

Ce qu’il me rappelle :

• Oddpost, un client de messagerie qui fut simple, d’une élégance certaine.

J’ai donné mes impressions, à vous de donner les votres.

Twitter : @FictiveCameron

Related posts:

1. iPhone Ménage
2. Loopt — la derniere app iPhone qui vous dit ou sont vos amis
3. En direct du Wif

La présence de Marissa Mayer (une des baronnes de Google) à la conférence Leweb ‘09 n’aura pas vraiment permis de découvrir de nouveaux produits… Michael Arrington, bien que montrant beaucoup de talent, n’aura pas réussi à la ‘cuisiner’ davantage. Hormis les quelques anecdotes sur Wave (qui est un peu utilisé par les équipes en interne), ou sur Safari (son navigateur préféré apres celui de la maison, Chrome browser), on n’en saura pas plus.

Ce qui m’a surpris, c’est l’intéret porté par Google aux médias, à la presse, bref, aux nouvelles (’news’). Le poids de son speech sur les médias et le contenu éditorial laisse envisager que Google souhaite définitivement repenser les médias traditionnels et proposer de nouveaux modes de consommation de l’actualité, et ce, grâce aux contribution des réseaux sociaux :

L’information hyper-personnalisée

Pas de changements : le poids d’une information est associée à celle d’un lien. À l’aide du ‘bruit’ généré par les utilisateurs des réseaux sociaux, les pages articles sont interconnectées entre elles, permettant d’établir un nouveau maillage de contenus. La grande différence réside plutot dans l’utilisation des liens par Google, et proposer à l’utilisateur une information personnalisée, des liens personnalisés au pied des articles de medias et journaux en ligne. Marissa Mayer l’explique bien : Les medias traditionnels n’offrent pas assez de liens contextuels en bas de chaque article. Google va ainsi proposer au medias d’étoffer des liens associés. Reste à savoir si les medias vont accepter et se preter au jeu.

Petits ruissaux d’articles, formant un long fleuve : De l’article au dossier.

Si les actualités sur Google news sont généralement classés par thématique (Sports, sciences…), le système Living Stories à venir va rester avant tout anté-chronologique, avec des liens vers des contenus tout fraichement publiés. Pour Google, nul question de remettre en cause l’unité de base du contenu éditorial à savoir un article. Pour elle, tout ce qui reste à faire concerne, là encore, des relations entre les articles et de créer un fil d’articles sur une thématique précise et définie par les tweets et leur hashtags (en tout, 12 critères, selon Marissa). Ainsi un ‘dossier’ Changement climatique pourrait permettre de lire tous les dernières informations relatives à ces contenus, le tout en temps réel. Ce mode de consultation va ouvrir des possibilités de découvrir de nouveaux médias, il rappelle scrupuleusement le role du média et lui propose de se concentrer sur son métier de création d’articles, plutôt que de devenir agrégateur. Uniquement en anglais, le service Living stories affiche déjà plus qu’une simple liste de liens, car il conserve votre historique et parcours de navigation et sait ce que vous n’avez pas encore lu, les derniers développement d’une actualité brulante — et ne vous proposer que ceux-ci.

Related posts:

1. Les directeurs artistiques et les ecoutes telephoniques
2. Grid/Plane
3. Chengdu + Tremblement de terre = Twitter !

On était parvenu, depuis de nombreuses années, à présenter une marque comme étant un service, comme étant intangible. Pour étendre l’importance et la reconnaissance de la marque, il fallait déja permettre au service de ’sortir’ du carcan du site internet, trop abstrait semble-il. Cela ne suffisant pas, on propose désormais à la marque de posséder son propre appareil. C’est ce qui s’est produit avec Amazon avec Kindle.

Nous avons eu droit à une petite démonstration de force d’un outil de paiement en ligne sur iPhone, Square up. Il requiert d’avoir une prise audio (jack) disponible ainsi que d’utiliser une application iPhone. L’idée est de conserver son moyen de paiement habituel, carte bleue etc, et de payer à l’aide du lecteur de la piste magnétique. L’idée est d’étendre les possibilités de paiement, déja rendues aisées à l’heure de Paypal. L’interface utilisateur de l’application a quelques subtilités :

Le visage de l’utilisateur apparait,

et la signature sur l’iPhone (qui necessite un peu d’entrainement).

Si l’on regarde au delà de l’aspect réellement pratique et innovant du service, on constate donc que les marques se doivent désormais de proposer plus qu’un service, mais aussi une expérience.

Related posts:

1. Fast Flip
2. iPhone 3G — 3 applications pour se passer de MobileMe
3. iPhone Ménage

Cartagen fait partie de ces applications qui se chargent sans avoir besoin d’un quelconque plugin. Ce framework permet d’afficher des cartes vectorielles en HTML 5. Écrit en Javascript, il utilise la fonction Canvas qui permet de charger des données de cartes depuis de nombreuses sources. L’affichage utilise une feuille de style géographique, (GSS), qui contient, en plus des informations de style, des spécifications de géolocalisation. Rien de vous empêche donc de modifier les données, ou le style, et d’afficher un rendu immédiatement.

Exemple ici avec une carte de Paris et de Rome, avec les données de OpenStreetMap

Un exemple plus ludique, celui d’afficher une carte de Londres avec une feuille de style inspirée des maps de Mulgore dans World of Warcraft !

Un autre exemple concret de l’usage de Cartagen est celui d’afficher un fil d’actualité sur une carte, en temps réel.

Le site officiel donne toutes les informations nécessaires pour installer et utiliser le framework immédiatement. Le blog Unterbahn donne plus d’informations sur Jeffrey Warren, l’auteur de l’application Cartagen.

Related posts:

1. Infographies olympiques
2. Data.gov.uk
3. Infographies web

Pour en voir plus sur leur projets, n’hésitez-pas à consulter leur site internet, la galerie Flickr ou même leur Twitter : @heystudio

Related posts:

1. Twitter update
2. Jez Burrows
3. Kenji Hirata

À l’heure où la musique est partout, tout le temps, c’est avec délectation de sortir des sentiers battus de ses playlists perso et de suivre les recommendations. Cette semaine, l’intelligente sélection de Kitsuné Noir, avec un Mixcast de 38 minutes :

1. Montag — Softness I Forgot Your Name
2. Animal Collective — Graze
3. The Silent League — Resignation Studies
4. Megafaun — Kaufman’s Ballad
5. Venice is Sinking — Okay
6. Bowerbirds — Teeth
7. Akron/Family — Total Destruction
8. The Cave Singers — Hen of the Woods
9. Jens Carelius — Into The Fog
10. Mount Eerie — Lost Wisdom
11. Horse Stories — To Anyone
12. Atlas Sound — Criminals (Electronic)

Pour télécharger, c’est via le site de téléchargement Mediafire. Kitsuné noir est également un blog d’inspiration que je recommande, à suivre via Twitter @kitsunenoir !

Related posts:

1. Xavier Encinas
2. 3 jours de deuil national en Chine – Les sites web en noir
3. iPhone.leparisien

À suivre avec attention via son Twitter. Vous y découvrirez sa passion pour les forets et la ville d’Écosse où il réside actuellement, Edinburgh.

Related posts:

1. lefigaro.fr lance son reseau social cette semaine
2. Kitsuné Noir
3. Matthew Hollister

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.

Related posts:

1. iPhone 3G et “l’inflechissement” de Steve
2. c|net devient CNET
3. Le nouvel outil de bookmarking du NYTimes.com – Times People Beta

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

Related posts:

1. La nouvelle icone de Google
2. Twitter ou Rss ?
3. Google retourne au modèle de ranking Yahoo!

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.

Related posts:

1. Le Guardian Jobs
2. Made by E-Artsup
3. Mise à jour du Figaro Scope v2

C’est quoi le real-time web ?

L’information en temps réel. En fait, pour l’instant seul compte votre identité, l’heure. Avec l’avènement des puces GPS un peu partout, ainsi qu’à la triangulation des antennes pour réseaux mobiles, on en vient de plus en plus à géolocaliser cette information.

Comment en sommes-nous arrivés au real-time web ?

Depuis la fin des années 90, les status sur Msn Messenger permettaient de décrire si vous étiez occupés, de sortie, ou tout simplement… déconnectés. Désormais, nombre d’acteurs se déchirent pour obtenir vos dernières occupations (Facebook, Twitter etc.). La finalité est de connaitre le moindre de vos activités.

Tant d’utilisateurs que ça ?

250 millions d’utilisateurs de Facebook, la question ne se pose plus. Pour l’instant, la vaste majorité des utilisateurs restent relativement discrets, prudents et “timides” quant à tout raconter. Mais rassurons-nous, les marques et les services nous “aident”, “incitent” à en faire un usage plus fréquent. La solution ? Transformer cette activité en plaisir, favoriser les automatismes et les liens entre les différents services : Last.fm enregistre automatiquement les chansons que vous écoutez le plus souvent, Twitter incite ses utilisateurs à retweeter ses contacts, rassemble les listes, Youtube et Facebook sont liés par le système Autoshare.

La fin des blogs ?

Une mutation est en cours, les blogs ne peuvent aujourd’hui se contenter de partager des liens ou des trouvailles ‘embeddables’, puis de proposer aux lecteurs de commenter. Car l’essentiel de la valeur ajoutée que les blogs ont construit, la conversation, se trouve désormais sur les réseaux sociaux. La mutation s’opère sur une réintégration de la conversation issue des Tweets sur les blogs, et vers une variété de blogs appelés ‘blogazines’, contraction de ‘blog’ et ‘magazine’, qui se caractérise par des posts moins fréquents mais plus conséquents et visuellement plus attrayants.

La fin du moteur de recherche ?

Pas tout à fait. Google s’adapte également, proposant d’inserer les résultats des microblogs sur les résultats google.

Related posts:

1. Redesign de Facebook
2. “Les blogs influents”
3. Loopt — la derniere app iPhone qui vous dit ou sont vos amis

Parmi ses travaux, on retrouve une sorte de besoin quasi obsessionnel de rechercher une forme originale pour la lettre R, celle de son prénom. Cette recherche me rappelle ma propre recherche à partir de la lettre G.

J’aime le concept du site web de l’agence Les Ouvriers du Paradis.

Et enfin pour finir, une photo à laquelle je m’identifie, j’y interprète ma très actuelle question de l’identité nationale au quotidien.

Encore beaucoup trop d’autres créations à présenter…. stop, on s’arrete ici, le reste est à voir sur le portfolio de Romain.

Related posts:

1. Happycentro
2. Plastic Bionic
3. Ophelia Chong

Quelques remarques qui s’appliquent pour lefigaro.fr, qui démontrent l’importance des compromis intrusivité/ergonomie :

Sur le site lefigaro.fr, la publicité 728×90 px en haut de page est moins vue que sur des sites qui la placent sous la navigation. Ce que l’étude omet de dire, c’est que l’ergonomie de la navigation s’en trouve renforcée, et que ce format est de toute façon en perte de vitesse chez les annonceurs et les régies. Le compromis de la placer en haut n’est pas finalement si mauvais que cela.

La colonne de droite (300 px de large) dont personne ne sait quoi faire regagne du terrain, grâce à une injection de contenus originaux et à un éditing strict et très rigoureux dans les gabarits du Flash actu (en haut de page), ou dans les relances de lectures visuelles. Même si le contenu, qui doit être écrit en corps plus étroit, et les visuels moins percutants que dans la colonne centrale, l’usager s’y sent à nouveau à l’aise d’y jeter un oeil, et devient moins sujet au banner blindness.

Pour les autres sites en général :

• La mesure d’Eye-tracking s’arrête… au bout de 5-7 écrans. Sela pourrait signifier clairement que les utilisateurs ne descendent pas tous jusqu’en bas des pages, contrairement à ce que l’on pourrait imaginer.. ?
• Les petites images placée à gauche du contenu sont tout simplememt ‘zappées’. Pire encore, comme sur le site de Libération ou de Métro, elle fragmente déjà une lecture difficile car jamais ferrée sur une quelconque grille de lecture.
• Les utilisateurs prennent le temps de lire les titres, et un peu moins pour les chapos. Cette format de texte sous un titre prend davantage de temps à lire. Comme les titres sont d’une longueur importante, les chapos deviennent moins essentiels pour comprendre l’information dans son contexte.

Reste que l’ensemble des écrans analysés présentent quasiment tous la même posture vis-à-vis des affichages publicitaires, ce qui démontre plusieurs points et pistes d’évolution possibles :

• Les régies publicitaires ne parviennent pas à mettre en place des offres de ciblage sur les sites d’informations en ligne. Pourtant ce genre d’offre est très répandu sur les sites sociaux/communautaires tels que Facebook. Il est clair que l’identification obligatoire des utilisateurs sur les sites d’informations serait à court terme un frein à la consultation des sites d’infos, mais il serait temps que les médias en ligne s’en emparent, car ce sont ce que la plupart des lecteurs habitués d’un même site attendent aujourd’hui.
• La mise en page des sites d’informations elles-même font naitre une dévalorisation du contenu, alors que ces contenus sont autant relus, corrigés, parfois par une personne dédiée à la rédaction. Il est né d’une opposition entre la rapidité de publication/de mise en ligne du contenu avec sa qualité et sa profondeur. Si la mise en page du contenu n’est pas revue et optimisée, les efforts mis en place par les rédactions seront toujours invisibles pour l’utilisateur.

Disclosure : j’ai collaboré dans le design et la mise en page du site du Figaro.fr de 2006 à 2008, d’où ma prise de position (qui n’engage que moi) spécifique pour ce site.

Related posts:

1. Le nouveau FT.com
2. Liberation.fr, modèle scandinave
3. HTML 5 experiments

Ses thèmes de prédilection : le minimalisme, les labels de musique, les expérimentations mathématiques.

Son portfolio Cargo vaut le détour, n’hésitez pas.

Related posts:

1. Infographies olympiques
2. Hey Studio
3. Hubert Blanz

On se retrouvera à l’occasion de nombreuses festivités, et parmi celles-ci, celle de la grand messe du 104, leweb’09, qui aura lieu les 9 et 10 décembre. On y retrouvera les grandes têtes d’affiches du ‘real time web’, dont on profite tous les jours un peu plus via Twitter et les autres plateformes. Alors, je disclose immédiatement, oui, j’ai été chaleureusement invité à venir voir, à venir rencontrer. N’imaginez pas que je vais cracher dans la soupe ou mettre mon site en pause, comme quelques bloggeurs récemment montés en épingle ont pu faire, suite à leur cross-post massif pour une série-TV de Banal+. D’ailleurs Korben et les autres seront de la partie, et ce sera aussi avec plaisir que je vais enfin voir leur vrai visage :)

Ce qui va particulièrement m’intéresser durant ces quelques jours, ce sera l’occasion de retrouver des bloggeurs et entrepreneurs basés en Asie depuis un moment déjà :

Thomas Crampton, basé à HK, collaborant pour Ogilvy PR, qui encourage l’usage intelligent des réseaux sociaux pour ses clients,
Benjamin Joffe de +8* (Plus Eight Star), toujours pas croisé, un vrai et grand patron d’un centre de recherche d’innovation entre Beijing, Tokyo et Seoul,
Sascha Pallenberg, basé à Taiwan et qui nous informe au sujet des netbooks.

Je pense que nos présences aura pour un des objectifs, de relativiser toute l’image de ‘copycat’ que connait la Chine ces temps-ci, hate de mettre en perspective toute l’innovation de la vallée américaine avec tout ce qui existe parfois au delà du Pacifique depuis un moment. Un message plus personnel, que j’espère faire passer, sera celui qui consiste à rappeler que les designers, directeurs artistiques, ne sont pas les seuls créatifs et qu’ils ne peuvent se passer d’échanges avec des acteurs incontournables du web, qu’ils soient d’un profil plus ‘corporate’ ou financier.

On aura l’occasion de se voir également pour de grandes tablées, si cela vous intéresse ! D’ici là, retour à la chaleur Shanghaienne.

Related posts:

1. iPad et les créatifs
2. Asif Mian
3. Les sites d’informations prets pour une intense nuit blanche