À l’heure où Instagram publie des photos aériennes prises par un drone, à l’heure où l’on visionne ses photos sur un pico projecteur, à l’heure où je vous publie chaque jour un dessin sur cette même plateforme, Instagram ouvre enfin son service au web sous forme de page galerie personnelle. Petite révolution pour libérer les photos du téléphone de millions d’utilisateurs, premier pas vers l’absorption d’Instagram par Facebook ou évolution de l’expérience utilisateur ? Aujourd’hui, on fait un petit tour par ce grand saut sur le web.

Instagram, du mobile au web

Il ne vous est plus nécessaire d’avoir un smartphone ou de passer par des services tiers (webstagram, statigram, etc.) pour accéder aux galeries de vos photographes amateurs préférés. Instagram est un enfant du smartphone, né de la mobilité, de la photo et des réseaux sociaux, il aura quand même mis du temps à faire le pont entre mobile et web.

Mais pourquoi Instagram lance ses profils web maintenant ?

Kevin Systrom, le CEO d’Instagram affirme qu’il attendait le bon moment avant de sortir les galeries web de ses 100 millions d’utilisateurs. En réalité, l’idée est de se positionner également pour les entreprises qui utilisent Instagram dans le cadre de leur promotion dans les médias sociaux. La version web du compte Instagram de Nike est sorti avec les premiers exemples. Ce changement est tout simplement une façon facile de rendre ces contenus disponibles pour tous les utilisateurs, en particulier ceux qui n’ont pas de smartphone sur iOS ou Android.

Sur le web, en plus de l’affichage de photos d’un utilisateur et de ses informations, vous pouvez aussi faire des choses telles que suivre cet utilisateur, commenter.

L’Interface

La chose la plus frappante sur les profils web est sa ressemblance avec la timeline de Facebook ! Graphiquement c’est à s’y méprendre tant l’inspiration est grande. Mais étrangement, nous ne sommes pas exactement dans les mêmes dimensions, et quelques subtilités ont été mises en place.

Une élégante animation lors du survol de la souris laisse place à la date, au nombre de commentaires et de likes, la mosaïque tout en haut offre un changement régulier des photos dans des petites cases qui forment une grille. Cette mosaïque justement occupe toujours la même disposition et n’est pas sans rappeler la photo de couverture des profils sur Facebook.

Typographie & interactivité

Côté typographie, Instagram utilise du Proxima Nova, une police d’écriture totalement revue en 1994. Entre du Futura et de l’Akzidenz Grotesk, le Proxima s’avère être assez élégant et très actuel, très inscrit dans la tendance.

Pour l’interaction c’est très simple, rien de révolutionnaire, il suffit de cliquer sur une photo et elle apparaîtra en taille réelle aux côtés des likes et des commentaires. On se rendra hélas compte à ce moment que la résolution des photos et parfois médiocre. En effet, pas de souci pour l’affichage sur mobile mais lors d’un affichage sur écran d’ordinateur cela s’avère plus délicat.

Une semaine après, de réels changements ?

Une semaine après son ouverture sur le web, de nombreux “Instagrameurs” redécouvrent leurs photos, on échange des albums sur Twitter, la vision d’ensemble se dessine et l’oeil de chacun peut mieux constater le talent de tel ou tel photographe. Pour ma part j’ai redécouvert ma galerie Instagram et j’ai découvert de nombreux artistes qui détournent Instagram comme le peintre japonais Ostatosh, les ambiances suédoises de Cimek, le dessinateur Dika ou encore l’univers typographique de Frank.

L’avenir ?

Peut-être qu’à l’instar de son cousin Pinterest, Instagram proposera des versions “privées” en ligne ? À l’heure actuelle, les profils privés sur l’application mobile apparaissent comme “vides” sur la version web. Le lien entre mobilité et interface ordinateur soulève souvent des questions de ce genre, la réponse est dans le camp des designers et des développeurs — sans oublier évidemment l’éthique qu’un tel service se doit d’avoir.

De même, il est tout à fait possible d’imaginer à l’avenir une version “blog” d’Instagram en pouvant, pourquoi pas, créer des “boards” comme sur Pinterest ou des articles comme sur Tumblr. La base du service reposant sur le partage de photos (avec ses filtres), le like et le commentaire — mais Facebook occupant la place du plus gros réseau social au monde — ça va être à Instagram (et donc désormais à Facebook), de tirer son épingle du jeu pour rester innovant et fédérer les amoureux de l’image que nous sommes.

En attendant, sur Instagram web ou Instagram mobile, on trouve de tout, des gansters aux enfants fortunés en passant par l’ouragan Sandy. La vie donc…

Hello les ami(e)s,

vous voici à bord du dernier “Vendredi c’est Graphism” avant ma retraite spirituelle et typographique annuelle. Heureusement, les designers, graphistes et artistes ne s’arrêtent jamais de créer et voici donc un numéro assez complet, de “Vendredi c’est Graphism” !

Au programme de la semaine, de la visualisation de données sur les OVNI (oui, avec un “V” !), un court métrage dessiné qui vous emmènera dans un tout autre univers, une boule de typo, un chimpanzé assez étrange, une dataviz’ sur les réseaux sociaux et des fossiles du futur (si si c’est possible!). On terminera sur un WTF orienté Mario mais avec des gens tristes… vous allez voir !

Excellente lecture et bon “Vendredi c’est Graphism !”

Geoffrey

On commence la semaine avec un clin d’oeil pour Owni grâce à cette datavisualisation sur les “OVNI”, en anglais les UFO pour Unidentified Flying Object. Des études ont établi que la majorité des observations d’ovnis sont mal identifiées car ils s’avèrent être des objets classiques ou des phénomènes naturels, la plus commune étant les ballons météorologiques dans le ciel. Souvent, un nuage noctulescent nacré ou encore un météore feront également désordre et sera malgré tout rapportés aux autorités. Il est également reconnu que, entre 5% et 20% des observations signalées demeurent inexpliquées.

Les partisans de l’hypothèse extraterrestre ont donc décortiqué ces rapports d’objets non identifiés afin de réaliser une visualisation de données des observations de ces fameux rapports qui ont eu lieu entre 1962 et 2012.

[ Voir l'image en grand ]

Belly est un court métrage réalisé par Julia Pott…

D’une certaine manière, il est aussi surréaliste, un peu abstrait, et par moment un peu sanglant, drôlement sanglant. C’est une histoire de passage à l’âge adulte, un changement, une évolution aussi. Et à certains égards, ce film est aussi un film apaisant, contemplatif. Bref, vous n’aurez rien vu de tel avant, tant dans la narration que dans liberté d’action, de créativité… J’apprécie énormément.

L’histoire :

« Oscar est devenu adulte et s’en rend compte. Ce faisant, il doit vivre ce mal nécessaire et inévitable et laisser quelque chose derrière lui. Cependant, il ne peut pas se sentir tranquille au fond de lui, dans le creux de son estomac. Il va donc essayer, simplement, de s’en sortir. »

Le film :

Cliquer ici pour voir la vidéo.

source

On continue avec la sortie du premier livre d’artiste d’Eric Calderon, un créateur né à Göteborg, en Suède en 1983. Cette sphère typographique, il l’a considère comme un livre et comme une œuvre d’art. Il déclare ainsi que nous devrions façonner notre vision artistique directement sous la forme d’une œuvre d’art. Inspiré par les arts typographiques, l’artisanat ainsi que le fonctionnalisme du Bauhaus, il a ainsi créé son propre “outil à créer de l’art typographique”. Le peintre a son pinceau, le charpentier son marteau, lui a sa balle typographique.

À noter que cette oeuvre est le début d’un projet beaucoup plus vaste où sera construite une série de sphères typographiques utilisées pour faire des livres uniques.

source

Lorsque Ozo, une étrange créature qui ressemble a un chimpanzé, souhaite récupérer son précieux oeuf dérobé par une autruche nommée NéNé, c’est l’aventure qui commence !  Cette animation  a vraiment beaucoup de style, de finesse et a été réalisé par Alex Vial, Martin Brunet, Leslie Martin & Matthieu Garcia. Ces jeunes gens sont quatre étudiants de Supinfocom, une école d’animation 2D/3D basée en France.

Pour les pros, sachez que tout est réalisé principalement avec Photoshop, 3dsmax, After Effects et Premiere Pro.

Cliquer ici pour voir la vidéo.

source

Hop hop, on continue notre revue de la semaine avec cette belle visualisation ! De nombreux sites que vous fréquentez quotidiennement sont toujours très heureux de recueillir des informations vous concernant. Bon, pas sur Graphism.fr évidemment. La montée en puissance des sites de partage sociaux comme Facebook, Pinterest, Google, Pandora, ou encore  Twitter sont basés sur la collecte d’informations et offrent de nouvelles problématiques intéressantes sur la façon dont nos données sont utilisées. Les réseaux sociaux font le pari d’un avenir construit sur un web personnalisé à partager avec ses contacts ou des gens similaires à notre profil mais tout cela a évidemment un coût, comme les publicités qui s’affichent en fonction de vos préférences, de vos goûts, ou comme les bases de données qui sont revendues…

Voici donc une visualisation de données qui présente les grands sites sociaux et les types de données qui sont collectées. Intéressant !

source

Allez, on continue encore avec les découvertes archéologiques de l’année 12 000 ! Oui oui, je sais que vous faites preuve d’imagination tout comme les deux designers Jeff Klarin et Rebecca Johnson de l’entreprise Bughouse, un studio de design qui tâche de porter un regard large sur l’avenir. Dans cette optique, ils ont créé des versions fossilisés de platines, manettes de jeu Atari ou encore d’appareils photos…

Cela pourrait également être ce que trouverait notre arrière-arrière-arrière-arrière-arrière-arrière-arrière-arrière-petit-fils dans un chantier de construction. On se retrouve avec une sensation assez étrange, un peu comme s’ils avaient été découverts lors de fouilles dans un avenir lointain :)

source

Et c’est le site de la semaine, que j’ai conçu avec mes petits mains !

Il est encore en version de test et va évoluer, mais son petit nom est Graphisme.TV ! Il s’agit d’un site créé pour les designers, graphistes, penseurs et pour tous les curieux qui souhaitent apprendre et écouter des conférences, des interviews, des reportages sur des acteurs du monde du design, du graphisme, etc. Graphisme.tv n’est pas le YouTube du graphisme ou le Vimeo du design, c’est simplement ma sélection personnelle et arbitraire des vidéos que je trouve pertinentes sur le sujet du design, du graphisme. Le but de ce projet est de trouver la réflexion, la pensée design et la résonance des idées au travers des mots, des projets.

Le site :

source

J’avais promis à certain(e)s d’entre vous, un WTF bien beau, bien ouf, bien décalé avant l’été… et j’en suis assez fier. Vous allez le voir, c’est du grand art avec Mario et des gens qui pleurent ! Attention âmes sensibles pour la fin de la vidéo, ne pas regarder.

Cliquer ici pour voir la vidéo.

Pour notre petit mot de la fin, je voulais tout d’abord vous souhaiter un très eté, vous remercier aussi d’être toujours aussi nombreuses et nombreux à me partager vos liens, à lire “Vendredi c’est Graphism” (VCG pour les intimes !). Je compte sur vous pour acheter de belles cartes postales typographiques, pour faire de jolies images, créatives et décalées, et surtout, pour m’envoyer vos actualités de vacances !

À très bientôt, ici ou sur une autre planète,

Geoffrey

Bonjour et bienvenue sur Vendredi c’est Graphism !

Geoffrey

Allez, on commence la semaine avec cette animation, vous allez adorez ces droïdes, qui, comme seule façon de résoudre leurs désaccords, se mettent à danser sur de la musique dubstep. Ce court métrage d’animation 3D a été réalisé sur le logiciel 3D de Luxology. Leur travail a consisté à la modélisation, le surfaçage, le texturage, l’animation, le rendu et les effets tels que la physique et l’éclairage volumétrique. Les personnages et l’environnement ne sont pas trop complexes à créer, mais conserver la qualité et la finesse des lumières et des textures en synchronisant tout ce petit monde avec la piste musicale a dû être une autre paire de manches !

Cliquer ici pour voir la vidéo.

Le making off en images :

source

On continue avec Geospire qui est une exposition interactive présentée au Musée géologique d’Oslo. L’exposition est conçue et construite par Voy et a été développée en collaboration avec le Musée d’histoire naturelle d’Oslo et la section inter-media de l’Université d’Oslo. L’exposition vise à sensibiliser les écoliers sur ​​les roches et les paysages typiques d’Oslo. Entre des ateliers, des objets et des films, le musée géologique est rempli d’objets merveilleux avec une collection de plus de 2 millions de fossiles, des spécimens de roches et de minéraux. Cependant, les visiteurs ne sont pas autorisés à toucher ces éléments généralement conservés derrière une vitre. Geospire permet ainsi de créer de nouvelles activités éducatives pour les groupes d’écoliers afin d’apprendre la géologie par le toucher au travers d’objets physiques tels que des maquettes de paysages et des échantillons de roches.

En images :

En vidéo :

Cliquer ici pour voir la vidéo.

source

Hop, voici une infographie qui nous raconte l’histoire du html5 et notamment son but qui vise à parfaire le langage précédent par l’amélioration de la programmation et ses nouveautés tout en étant compatible et compréhensible par les dispositifs actuels et les navigateurs Web. Cette infographie explique ainsi la compatibilité avec les différents navigateurs existants mais également les enjeux pour la téléphonie mobile.

source

On continue avec une petite vidéo de Google qui est passée inaperçue. Elle présente une nouvelle façon de pouvoir communiquer avec des amis ou en famille dans votre propre langue. C’est désormais à portée de main avec Google Input Tools.. Disponible dans les services de Google, sur Chrome ou sur les téléphones Android et Windows…. Un beau projet, très prometteur pour lequel il vous faudra rester à l’écoute pour l’arrivée des nouvelles langues sur de nombreuses plateformes.

Cliquer ici pour voir la vidéo.

source

Les étudiants d’aujourd’hui sont de plus en plus en contact avec leur téléphone haute technologie. Et avec la montée rapide de l’accès Internet mobile, beaucoup sont en mesure d’accéder à des ressources dont ils ont besoin pour étudier. Mais voilà, selon les études que la graphiste Jen Rhee a mis en avant, cet accès facile pourrait très bien être à la fois une bénédiction et une malédiction :

Des conversations bruyantes à des moments inopportuns, des SMS désagréables à un moment délicat, aux toilettes, au lit, en voiture… Bref, cette infographie nous présente donc l’absence de « bonnes manières mobiles ».

source

Hine Mizushima est né et a grandi à Tokyo, au Japon où il a travaillé en tant qu’artiste et illustrateur. Il n’y est pas resté longtemps et a voyagé à Rome, Paris ou New York. Il réalise ainsi des marionnettes, du stop-motion, le tout avec des petits personnages, monstres, animaux, paysages en feutre. Un univers coloré, simple et onirique :)

source

C’est le mini-buzz de cette semaine, le site préféré de tous les français vient de changer de design. Et oui, sncf.fr a été refait ! Un nouveau design, une grille, une belle typo… Mais… voilà qu’une radio démarre (parfois!) tout seule quand on arrive sur le site. On a cette drôle de sensation d’être transporté de son ordinateur vers une gare. Curieux !

Le nouveau site :

Le WTF !!

Pour découvrir cette superbe radio ça se passe sur le site de la SNCF.

source

Pour le mot de la fin, je vous invite à Bordeaux pour cette superbe expo d’architecture, à Londres, au Fashion and Textile Museum,  ou encore au Point Ephémère pour voir ce collectif d’artistes ! Côté dataviz, le Guardian a publié les droits des homosexuels aux Etats-Unis, Etats par Etats et en attendant vendredi prochain, moi je retourne célébrer la fin de l’ACTA ! ;-)

Bonne fin de semaine et gardez l’oeil ouvert !

Geoffrey

Hello !

Bienvenue pour ce nouvel épisode de “Vendredi c’est Graphism”, un numéro complet avec la fabrication traditionnelle d’un livre, avec notre ami le tampographe Sardon, avec un film numérique reconstituant Fenêtre sur Cour, avec les puces typographiques, avec un oscilloscope ou encore des boîtes de Nintendo ! On terminera sur un WTF où superman est quelque peu sociopathe ;-)

C’est vendredi et c’est… Graphism !

On démarre en douceur notre revue de la semaine avec cet instant arrêté, intemporel et si simple. Ce très beau film court réalisé par Glen Milner pour le compte du Daily Telegraph nous présente, au travers de son objectif, la création d’un livre fabriqué avec les méthodes d’impression traditionnelles, et ce, à l’imprimerie de Smith-Settle à Leeds dans le nord de l’Angleterre. Glen Milner travaille à Londres et réalise souvent desdocumentaires c’est également à lui que l’on doit “Justice on the Grass”, “Iranian, Gay & Seeking Asylum” ou encore “Streets & Sports: A Trinidad Teen”. Il est également vidéo-journaliste pour le Telegraph.

Cliquer ici pour voir la vidéo.

source

Cette semaine a également été l’occasion de voir la sortie du livre du Tampographe  Vincent Sardon ! Ce monsieur et amusant dessine et crée des tampons depuis des années. Ces tampons ont la particularité d’être grossiers, étranges, drôles, politiquement incorrectes, cinglants, satiriques, décalés, morbides… Bref, vous l’aurez compris, il ne fait rien comme les autres tampons ;-)

Présentation de son livre :

“Il n’y a qu’un seul tampographe. C’est une des particularités de cette profession. C’est comme pour le Pape, ou le Père Noël, ou le monstre du Loch Ness. Il n’y a qu’un seul poste à pourvoir. Vincent Sardon est tampographe. Il crée des tampons et il rouspète. C’est ce qu’il fait de mieux. tampons sont des jeux graphiques qui renouvellent de fond en comble le genre moribond et ringard de la gravure. ses poussées de haine sont le prétexte à des textes autobiographiques hilarants qui traitent de la vie d’artiste en milieu hostile. L’Association a la fierté d’annoncer qu’elle publiera en janvier le journal de création du Tampographe Sardon, qui raconte quatre années de production artistique. de mauvaises vibrations et de vie d’atelier.”

source

Le passage d’un film au numérique permet d’éviter qu’il ne se détruise trop rapidement mais, encore mieux, cela permet de manipuler ce film avec un ordinateur ! C’est donc chose faite avec le travail de Jeff Desom qui a revisité Fenêtre sur cour, le célèbre film d’Alfred Hitchcock. Sorti en 1954,  ce film met en scène James Stewart dans le rôle d’un photographe en chaise roulante qui passe son temps à observer ses voisins. Il observe ainsi, à sa fenêtre, le comportement suspect et se met à enquêter depuis sa fenêtre pour suivre ses voisins suspects.

Jeff Desom a ainsi récupéré et assemblé des parties spécifiques du décor pour créer un plan d’ensemble depuis la vue de l’appartement de James Stewart. Une autre perception du lieu, de l’intrigue donc, à découvrir ci-dessous :)

Cliquer ici pour voir la vidéo.

J’ai appris aussi une bonne nouvelle cette semaine, les Puces Typographiques sont de retour ! L’an dernier, souvenez-vous, je vous avais présenté l’évènement auquel j’avais participé. Et bien cette année, c’est toujours à Bagnolet, et ce sera le 5 mai de 11h à 19h. Les Rencontres internationales de Lure et la Fonderie de l’Image se sont réassociées pour vous proposer un marché de la typo (et autres objets graphiques associés). Une journée printanière pour vider ses étagères et/ou remplir sa besace. Entrée libre pour les curieux de tous horizons.

Au programme:

• Rencontres avec les éditeurs, graphistes, créateurs et typographes indépendants.
• Présentation en avant-première de la semaine d’été des Rencontres de Lure 2012 : « Corps Neuf ».
• Surprises et bonnes affaires pour tous les goûts et toutes les bourses
• Gâteau de maman et snack-bar sur place, terrasse ensoleillée !
• Grande tombola de clôture
• Pour avoir votre espace d’objets graphiques et vider vos placards (beaux ! les livres mais encombrants, matériel informatique, collection de revue, papier de création, collection de feutres) tout en faisant des heureux

source | images

Allez zou, on continue notre semaine créative avec cet oscilloscope… numérique ! Oui, il est totalement factice car construit avec VVVV, un environnement de programmation graphique hybride & textuelle pour le prototypage rapide et le développement. Il est conçu pour faciliter la manipulation et la création d’interfaces avec des animations graphiques en temps réel, que ce soit audio ou vidéo.  Et avec VVVV,  notre bien-aimé oscilloscope, si vintage, prend une forme nouvelle qui permet de visualiser du son. À noter que ce travail a été pour le Flatpack festival à Birmingham, en 2012.

Cliquer ici pour voir la vidéo.

“Gallery 1988″ est LE lieu à Los Angeles pour des expositions d’art. Récemment, une version des principaux films d’Alfred Hitchcock (et oui, encore lui!) y a été exposée avec un style pixel art des années 80 en présentant ces films comme s’ils étaient des jeux vidéo. D’ailleurs, si Hitchcock avait vécu dans les années 80 et 90, je suis presque sûr que Nintendo aurait sauté sur l’occasion de faire des adaptations en jeux vidéo de certains de ses films les plus emblématiques. Voici donc ces quelques affiches :

source

La semaine dernière on parlait super-héro, cette semaine on continue notre lancée avec ce WTF dans lequel Superman est.. un sociopathe ! Petit rappel de ce qu’est une personne sociopathe, c’est quelqu’un qui a un trouble de la personnalité caractérisé par une tendance générale à l’indifférence vis-à-vis des normes sociales, des émotions et droits d’autrui ainsi que par un comportement impulsif.

Bref, avec ces bandes dessinées des années 60 c’est Superman qui devient fou !

source

Et oui, “Vendredi c’est Graphism” est terminé, mais je vous laisse en compagnie avec cette application pour faire du pixel art, avec ces pictogrammes pour délinquants, ou encore tous ces logos et leur histoire, sans compter cette sélection de sérigraphies ;-) Je vous remercie aussi d’être toujours aussi nombreux & nombreuses

À la semaine prochaine :)

Geoffrey

Hello les ptits loups !

Ça y est, nous sommes vendredi, le jour du poisson, du chiffre treize, de Robinson, ou encore “c’est demi!” comme le disait Desproges. Mais depuis deux ans, le vendredi, sur OWNI, c’est le jour du graphisme, du design, de la créativité. Au menu de notre revue semaine, l’explication de l’importance du financement de la culture par l’État, des objets tout blanc, un mini clip pour un grand livre, de la visualisation de données, une petite dose de Dieter Rams et de la visualisation de wireframe de sites internet. On terminera sur un WTF aux toutes petites mains ! :-)

Allez, on commence notre revue avec LA vidéo de cette semaine, simple, efficace, pour preuve, je l’ai regardée jusqu’au bout ! Grâce à ce court métrage, vous allez comprendre en 4 minutes pourquoi l’État français doit continuer de financer la culture avec un petit ou un grand C.

Résumé :

« Le journal Le Monde nous gratifie cette semaine d’une belle étude graphique sur les bienfaits économique de l’investissement culturel. Pour amener le débat dans cette période éléctorale, Le Monde nous démontre 3 grands principes économiques qui argumentent la valorisation de la Culture par le gouvernement. En sociologie, on considère la culture comme ce qui est commun à un groupe d’individus et comme ce qui le soude. Effectivement et sous bien des apsects, La culture est le Trésor d’une société. » [source]

Cliquer ici pour voir la vidéo.

source

“Brand Spirit” est un projet vraiment intéressant d’un point de vue conceptuel mais aussi d’un point de vue purement forme pour exercer son oeil. Chaque jour, et pendant 100 jours, Andrew Miller va peindre en blanc un objet de marque et enlever ainsi tout logo ou tout signe visuel apposé. L’objet est ainsi réduit à sa forme la plus pure, son esprit initial. À noter aussi que chaque objet coûte moins de 10 dollars et que notre ami Andrew prend toujours un objet qu’il possède ou quelque chose qu’une autre personne lui donne. Le résultat est calme, apaisant et pourtant, on reconnait presque toujours les objets, les marques.

source

Toujours cette semaine, j’ai eu la chance de découvrir cette fabuleuse version illustrée des aventures d’Alice au pays des merveilles. Illustré par la célèbre artiste japonaise Yayoi Kusama, ce livre sorti récemment chez Penguin Books au Royaume-Uni est présenté dans la vidéo ci-dessous. Une vidéo qui promeut un livre, c’est rare, mais une vidéo comme celle-ci, c’est une première ! À noter qu’un extrait du livre est disponible sur le site de Penguin Books !

Cliquer ici pour voir la vidéo.

source

On continue notre vendredi avec ce travail graphique qui explore la relation entre les mots et les années. Dessinée par Toril Johannessen, cette série d’images sérigraphiées en grand format met en lumière les liens entre l’apparition et la fréquence de certains mots dans un contexte temporel. Une série de graphiques qui sont basés sur des publications de recherche de revues universitaires. Vous l’aurez donc compris, Toril Johannessen n’a pas choisi ses mots au hasard et les relations entre « logique & amour », « espoir & réalité » ou encore « chance & destin », sont d’autant plus belles qu’elles sont présentées dans le temps, et donc, dans l’esprit d’une société, d’une époque. Voilà le résultat :

source

Cette interview, pas toute nouvelle mais toujours actuelle, est ressortie récemment pour son aspect éducatif sur le design. Dieter Rams, né le 20 mai 1932 à Wiesbaden, est un designer industriel allemand contemporain, étroitement associé aux produits de la société Braun et aussi à son appartenance à l’école fonctionnaliste du design industriel. Un immense designer donc, qui aura inspiré très largement Jonathan Ive, le designer d’Apple.

Cliquer ici pour voir la vidéo.

Merci Tom

Toujours cette semaine, je souhaitais vous présenter Wirify, un outil pour designers, développeurs ou bidouilleurs. Cet outil pratique, simple et gratuit va vous permettre de prendre un peu de du recul pour voir les sites web différemment et vous concentrer ainsi sur la structure des pages. Wirify cache donc le contenu et représente ainsi le site web sous forme de wireframe, comprenez, de petits blocs gris !

source

Et le WTF de cette semaine est plutôt étrange! Intitulé “One Tiny Hand” (“une petite main“) ce site internet (un tumblr) a été créé par Zach Vitale, un jeune homme qui s’applique à manipuler sur Photoshop des photos de stars pour les doter d’une… toute petite main ! Aucune critique sur un quelconque handicap, le travail de Zach est là pour questionner, pour attirer l’oeil sur un “détail” de la photo, et pour regarder différemment ces “stars” que nous pensions connaître. Mais… pourquoi ces petites mains !?

source

Et voilà, Vendredi c’est Graphism c’est déjà terminé, j’aurais également pu vous parler de cet atlas de la microédition, de l’exposition du sculpteur catalan Jaume Plensa, ou encore de l’exposition « OBEY PROPAGANDA » avec Shepard Fairey, mais non non non, je voulais tout simplement vous laisser avec le travail graphique doux et délicat de Tien-Min Liao, une belle réponse au WTF de cette semaine en quelque sorte :)

Cliquer ici pour voir la vidéo.

Bon week-end ;-)

Geoffrey

Cliquer ici pour voir la vidéo.

Il y a deux ans, le designer Pedro Miguel Cruz était parti sur l’idée de visualiser le déclin des empires maritimes et s’est rendu compte que la puissance de celles-ci était liée à la surface de leur extension territoriale. Avec son approche qui peut paraître réductrice, il a néanmoins réussi à synthétiser plus de deux siècles d’histoire coloniale de manière visuelle. La limpidité repose sur le choix arbitraire de représenter les quatre plus grandes puissances coloniales européennes, à savoir la France, la Grande-Bretagne, le Portugal et l’Espagne. La représentation en bubble charts animés, permet de retracer à la fois la construction et le déclin des empires coloniaux. Sa principale source de données repose sur Wikipédia mais il rappelle que sa volonté est d’offrir une “narration ludique”. Un pari plutôt réussi. Et un #oldlink assumé.

MentionMachine et la campagne américaine

La semaine dernière le Washington Post a mis en ligne un outil de mesure révélateur de la vitalité de la campagne numérique menée par les candidats américains à la présidentielle. Chaque semaine, les résultats des meilleurs candidats sont publiés grâce à deux critères: le nombre de mentions du candidat sur twitter et dans les médias. En cliquant sur chaque candidat, on peut constater la croissance ou le déclin du nombre de tweets qui le mentionnent. Un bon moyen de prendre la température de la cote de popularité des candidats du côté des gazouillis à quelques mois de l’échéance. Cette approche montre une implication des candidats américains nettement plus importante que les candidats français dans le domaine des réseaux sociaux.

Tweets en débat

La twittosphère française sait également se défendre sur le terrain de la campagne pour la présidentielle. Même si cette web-app ne présente pas un design très riche, son potentiel démocratique reste élevé. Évidemment les auteurs de l’application, Aurélien Painchaud, Gaëtan Duchateau et Florent Guerlain n’ont pas la prétention de révolutionner le monde du débat. L’interpellation des candidats sur une question précise est néanmoins facilitée par cette plateforme où de nombreuses questions relatives aux programmes et aux candidats peuvent être directement posées aux intéressés. Une initiative qui évite les intermédiaires et offre une vision synthétique des positions de chaque candidat sur un sujet donné.

Des data en bois

Deux chercheurs américains, Josef Kellnforder et Wayne Walker du Woods Hole Research Center (WHRC) ont travaillé avec l’office national des forêts américain et le bureau d’études géologique pour mettre en place un inventaire complet de l’état du poumon vert américain. Après six années de recherches, ils ont pu établir une carte qui recense la concentration de biomasse et de carbone organique présents dans la structure des arbres sur le territoire américain. Cette récolte d’informations a permis de constituer des sets de données importants afin de construire cette carte complète. Le résultat est impressionnant. Plus le vert est foncé, plus la croissance de la zone forestière est dense, robuste. Ou quand les data se mettent au vert…

Le « 1% » américain en treemap

Une idée lumineuse pour comprendre la répartition de la richesse aux États-Unis parmi les membres de ce fameux 1%. Le laboratoire de recherche et développement du New York Times, très en pointe en matière de data journalisme a encore fait preuve de son talent en illustrant la variété des professions dans ce fameux 1%. Avec ce treemap, les lecteurs peuvent explorer l’ensemble des professions les plus rémunératrices aux États-Unis. Sans surprise, la catégorie qui regroupe le plus de professionnels ayant un salaire élevé, concerne celle des managers avec un total de 376 076 membres dans des domaines aussi bien divers tels que le bâtiment, les banques ou les hôpitaux. Une photographie qui permet d’explorer la diversité des statuts dans la société américaine économiquement riche.

Amazon en rhizome

Cliquer ici pour voir la vidéo.

Comment la philosophie peut-elle influencer la visualisation de données ? Le designer et programmeur Christophe Warnow a trouvé une piste intéressante. Partant du concept de rhizome développé par le philosophe Gilles Deleuze dans son ouvrage Capitalisme et Schizophrénie où il explique qu’une organisation ne dépend pas forcément d’une hiérarchie mais chaque élément qui la compose peut avoir une influence sur un autre élément, Warnow a pensé une web application illustrant les liens des personnes qui achètent les ouvrages de philo sur Amazon. Le résultat est saisissant et montre comment le travail d’un philosophe peut faire naître des idées lumineuses dans le domaine des data. On en redemande.

Nous vous souhaitons une très bonne data-semaine !

Alors que 2011 touche à sa fin, il est bon de revenir sur cette année déterminante pour la cartographie et l’analyse spatiale. Les données géographiques se sont massivement ouvertes, et ont été rendues largement accessibles, conduisant à la production presque quotidienne de cartes inédites et intéressantes.

L’usage croissant de technologie telle que les Google Fusion Tables a rendu la cartographie des données plus facile que jamais. Le nombre de cartes affligeantes est malheureusement également en augmentation – en grande partie en raison de la préférence du web pour la projection de Mercator et les “push-pins” (“punaises”). J’espère que les choses s’amélioreront – à vous Google ! – l’année prochaine.

Pour trouver l’inspiration pour une nouvelle année de cartographie, et sans classement particulier, voilà le Best Of 2011 de l’analyse spatiale. Les cartes présentées ici se sont révélées populaires, participatives, innovantes et ont élevé le niveau des standards de la cartographie.

La carte des connections Facebook de Paul Butler

Celle-ci se faufile tout juste dans le classement, puisqu’elle a été réalisée en décembre 2010. L’intérêt de la carte est dans ce qu’elle ne montre pas – la plupart de l’Afrique, par exemple – plutôt que dans ce qu’elle affiche. Elle en a inspiré bien d’autres, et a élevé le niveau de détails et d’ampleur de la cartographie des réseaux sociaux.

La carte des noms de famille aux États Unis

Je pense que la carte National Geographic Surnames est l’une des productions typographiques les plus brillantes de l’année passée – et elles sont de plus en plus nombreuses. Les cartes typographiques peuvent présenter plusieurs variables (couleur, taille de police, etc) et sont souvent immédiatement engageantes.

Celle-ci était particulièrement populaire, tout comme sa “sœur” des noms de famille londoniens.

Voyage dans la galaxie

Cliquer ici pour voir la vidéo.

J’aime vraiment cette vidéo puisqu’elle permet simplement de démontrer l’ampleur de l’univers. Je passe ma vie à cartographier des choses qui couvrent des surfaces géographiques relativement réduites et il y en a suffisamment pour me tenir occupé. Nous avons à peine commencé à cartographier l’univers et je pense que cette vidéo saisit l’immensité de cet exercice.

iPhone Tracker

Cliquer ici pour voir la vidéo.

Cette carte n’a pas été choisie pour son génie cartographique mais davantage pour avoir révélé le volume de données que nos appareils électroniques, dans ce cas précis, les iPhone, sont capables de collecter. Elle alerte sur la collecte continue de nos données géographiques et la facilité de traquer l’utilisateur, quelque soit l’endroit où il se trouve.

Les cartogrammes de FedEx

Les cartogrammes sont devenus progressivement une façon de représenter la démographie. Je n’ai aucun problème avec la publicité, tant qu’elle reste aussi informative. Je pense que ces cartes remplissent leur rôle puisqu’elles fournissent les meilleures animations de cartogrammes que j’ai vues, en passant d’un jeu de données à un autre. Je suis donc content de donner mon pouce à FedEx pour cette pub.

Naming Rivers

La carte “Naming Rivers” montre comment différents facteurs culturels et linguistiques ont influencé le nom des caractéristiques géographiques des États-Unis. De nos jours, on parle d’un “monde sans frontières” mais c’est manifestement faux puisque les choses auxquelles nous nous confrontons chaque jour sont toujours influencées par les mouvements irréguliers de diverses populations à travers le temps.

La collaboration scientifique dans le monde

Cette carte, inspirée par celle sur les connections Facebook (cf. supra), démontre la domination de quelques pays dans la production scientifique et le caractère limité des collaborations entre États.

Ce modèle est repris dans de nombreuses bases de données. Il est une nouvelle illustration du fait que l’ “international” ne désigne souvent qu’une minorité de pays.

La carte Twitter des langages d’Eric Fischer

J’aime vraiment ces cartes, pour leur réalisation mais aussi pour leur démonstration. Elles indiquent que les frontières linguistiques et nationales peuvent aussi être visibles sur Internet. Il y a également une tendance à la cartographie raffinée des données de Twitter, c’est donc l’occasion d’en avoir une perspective globale.

10 ans d’accidents de la route en Grande-Bretagne

On dit souvent que la voiture n’aurait jamais été autorisée si elle devait respecter les critères actuels de santé et sécurité. Avec des cartes comme celle-ci, il et facile de comprendre pourquoi. ITO World a fait preuve d’intelligence dans l’usage des icônes, en allant plus loin que les simples repères sur une carte.

La hauteur de la vague

Cette année a été marquée par un tremblement de terre dévastateur au Japon, suivi d’un tsunami qui a frappé ses cotes. NOAA (National Oceanic and Atmospheric Administration) a réalisé une série d’excellentes cartes et visualisations pour aider à placer et à expliquer les événements. La carte montre la hauteur probable de la vague. Je l’ai trouvée intéressante car elle indique à la fois l’étendue des vagues et leur forme, sorte de tentacules encerclant la Terre.

Petite histoire des fuseaux horaires

Les bonnes cartes permettent d’informer et j’ai trouvé que le globe interactif de la BBC était une excellente manière d’en savoir plus sur les fuseaux horaires. La BBC est devenue de plus en plus ambitieuse dans ses réalisations et je pense qu’elle s’est surpassée avec celle-ci.

xkcd : Quelle projection êtes-vous ?

Cette réalisation saisit parfaitement les différents avis sur les nombreuses façons de projeter une carte. Vous avez peut-être deviné à la lecture des premières lignes de ce billet que les projections sont décisives et souvent considérées comme trop complexes pour qu’on s’en occupe.

Des infographies drôles et pas idiotes réalisées par Les Graphiquants,  qu’OWNI a enrichi pour vous avec des bandes annonces, des making-of… et quelques bêtises. Une pépite retrouvée par Korben.

Pour ce test, j’ai choisi les discours prononcés par les présidents de la Vème République lors de leur (première) investiture afin de pouvoir comparer des textes énoncés dans un même contexte.
Ils sont tous accessibles et exportables en PDF (faut pas trop en demander non plus…) sur le site de l’Elysée.
Pour lire le détail des textes :
Discours de Charles De Gaulle, 8 janvier 1959
Discours de Georges Pompidou, 20 juin 1969
Discours de Valéry Giscard d’Estaing, 27 mai 1974
Discours de François Mitterand, 21 mai 1981
Discours de Jacques Chirac, 17 mai 1995
Discours de Nicolas Sarkozy, 16 mai 2007

De Gaulle et Sarkozy, les plus bavards

Premier élément à comparer : la longueur des discours, dont la différence saute aux yeux une fois le nombre de mots extrait grâce au logiciel de traitement de texte.

Qui parle le plus, et de quoi ?

Pour rentrer un peu plus dans le détail des textes, j’ai essayé OpenCalais qui crée des metadonnées sur les noms d’entités, faits et évènements repérés dans un texte.
Dans ce cas précis de discours d’investiture, et avec sa version démo, OpenCalais n’apportait pas vraiment de valeur ajoutée : les lieux, personnes et institutions citées dans un discours d’investiture sont un peu toujours les mêmes.
Voilà ce qu’OpenCalais extrait pour le discours du Général De Gaulle :

J’ai ensuite testé le logiciel Tropes, pingué par notre collègue data Guénaël Pépin (@Reguen sur Twitter).

Fonctionnant en deux versions, anglaise et française, il offre quelques fonctionnalités d’analyses assez fines des discours : style d’énonciation, scénario de construction, verbes/adjectifs/substantifs les plus prononcés, etc.
Tropes permet aussi d’extraire des graphs (mais ils sont loin d’être esthétiquement exploitables) et surtout de faire facilement des recherches sur certains termes.
Pour donner une idée, quelques éléments d’analyse sémantique produits par Tropes :

J’ai utilisé Tropes pour isoler le nombre de mots prononcés par chacun sur trois champs lexicaux forcément utilisés par les orateurs :
– l’utilisation de la première personne ;
– la référence à la France et aux Français ;
– la référence à la République.

Ces données sont à mettre en relation avec la longueur respective de chaque discours (graphique n°1), visualisé de manière différente grâce aux widgets de Google Chart…

Les discours dans les nuages

Dernier outil utilisé, afin d’avoir une vue d’ensemble du ton du discours, ManyEyes et son générateur de nuages de mots.
Si elle ne peut clairement pas être considérée comme une analyse scientifique précise, cette technique permet d’associer visualisation esthétique, rapidité d’exécution et éléments d’analyse.
Pour plus de lisibilité, j’ai limité le nombre de mots à 80 et ai enlevé les mots non porteurs de sens dans cette situation (“qu’il”, “ceux”, “le”, “la”, etc.)
Général De Gaulle :

Georges Pompidou :

Valéry Giscard d’Estaing :

François Mitterand :

Jacques Chirac :

Nicolas Sarkzoy

Ces visualisations permettent de mettre en valeur certaines caractéristiques :
- chaque Président a un ou plusieurs thèmes qui ressortent de leur discours : “communauté” pour De Gaulle, “République” pour Pompidou, “changement” pour VGE, “tous” et “Français” pour Mitterand, “plus” pour Chirac et enfin “exigence” pour Nicolas Sarkozy.
- le discours de De Gaulle rappelle clairement le contexte historique dans lequel il a été prononcé : il y parle de “Dieu” et fait référence à “l’Afrique”, aux “africains” et la “Libération”.
Même effet pour Georges Pompidou : les références à “De Gaulle”, au “Général” sont très présentes, tout comme le champ lexical de la responsabilité et du sérieux “confiance”, “autorité”, “institutions”, “dépositaire”, “gravité”, “charge”, “devoir”.
- le discours de Giscard d’Estaing apparaît plus centré sur l’humain “femmes”, “jeunes”, “hommes” et les réformes qu’il entend mener “nouvelle”, “politique”, “conduirai”, “associera”, “droits”, “suffrages”.
- Avec des termes comme “peuple”, “communauté”, “majorité” mais aussi “monde”, “pouvoirs” “haute”, “ambition”, “véritable”, ‘millions” la narration de François Mitterand est davantage axé vers une vision de la France, de sa place dans le monde. On note également la référence à “Jaurès”.
- Le discours de Jacques Chirac met l’accent sur la “Nation”, la “République” et le champ lexical de la volonté : “ferai”, “changement”, “charge”, “victoire”, “commence”, “contre“.
- Enfin, celui de Nicolas Sarkzoy utilise beaucoup d’adverbes “toujours”, “jamais”, “aussi” et est marqué par la notion “d’exigence”, de vouloir “veut”.
Conclusion : sur des discours prononcés dans une situation similaire et relativement contrainte (parler de la Nation, de la République, des perspectives, etc.), ces outils simples de dataviz et d’analyse sémantique permettent de mettre en lumière des spécificités liées à chaque personnalité politique.