Living The Change : un portail culturel sur un monde qui change

La déferlante des infographies ces dernières années ont permis un nouveau mode de consommation de l’information. Quant à  la datavisualisation, elle formalise cette tendance en alliant science, journalisme et design graphique pour aider le lecteur dans son interprétation.

Toutefois l’infobésité, comme disent nos cousins canadiens, continue d’affluer au détriment des facultés de l’internaute qui se retrouve noyé sans pouvoir contextualiser l’information, vérifier ses sources et surtout la mémoriser pour son enrichissement personnel.

L’éparpillement des données est aujourd’hui une problématique cruciale que beaucoup de professionnels aimeraient bien résoudre pour éviter, ou alléger, les surcharges cognitives que nous subissons actuellement.

Un portail éducatif

Depuis 2013, les équipes des médias sociaux de BNP Paribas, accompagnées de leurs prestataires l’agence Spintank, SoCutl et le talentueux illustrateur Guillaume Kurkdjian ont essayé d’y répondre via un portail web : livingthechange.bnpparibas (pas mal ce nom de domaine 😉

En alliant identité de marque « BNP Paribas, la banque d’un monde qui change » et contenus pédagogiques, l’utilisateur découvre un thème qui se focalise sur un des grands changements de notre quotidien passés, en cours et à  venir. Aujourd’hui, vous pouvez consulter 3 thématiques sur Living The Change : l’urbanisme, la Communication et la Consommation.

La ville : son roÌ‚le en tant que berceau du changement, mais aussi les évolutions et phénomeÌ€nes qui l’ont façonnée au cours de l’Histoire, de tous points de vue : technologique, architectural, économique, migratoire ou énergétique… »

Des micro-contenus à  snacker ?

A l’air du Snacking Content, Living The change est un bel exemple pour représenter notre nouveau mode de consommation. Ce site alterne plusieurs ressources pour cultiver les internautes via des centaines de dispositifs attractifs, narratifs et historiques comme :

  • • Des anecdotes illustrées
  • • Des datavisualisations animées
  • • Des serious games
  • • Des sondages
  • • Des fresques chronologiques présenté sous forme de Timeline

metro_dogurbanisme

Serious Game

Mobile first : une expérience pensée mobile

A ma grande surprise, le site Living The Change est également adapté pour le mobile via une web app de qualité. Dès les premiers écrans, l’utilisateur est guidé via un onboarding explicite sur les différents modes de lecture et partages sur les réseaux sociaux.

onboarding

Toutefois, je suis confrontée à  quelques petits soucis de conception comme :

• La consultation des données est rythmée par l’enchainement d’illustrations animées et des jeux. Parfois, il m’est difficile de les distinguer du premier coup d’oeil. Un label ou un picto « Jeu » serait une des solutions pour identifier les interactions des animations.

• Les Casual Games proposés sont très sympathiques mais il manque un petit truc… Vous savez le petit truc qui change la perception d’un jeu… les effets sonores bien sûr ! Bien souvent oublié, le design sonore permet de déterminer, valider et d’adapter des événements selon les actions du joueur. Le son dynamise aussi une partie et enrichit l’univers graphique pour amplifier les sensations.

• Comme expliqué dans le Onboarding, Lorsqu’on appuie longtemps sur un contenu, l’écran de partage s’affiche. Toutefois, lors du swipe d’un contenu à  l’autre (ou bien lors de plusieurs actions pour jouer) cet écran apparaît et forcément… la frustation également.
LivingChange_jeu_shareIci, l’utilisateur doit taper sur l’écran pour déplacer la poubelle afin de réceptionner le maximum de déchets.

• Sur certains sondages, l’utilisateur doit utiliser des boutons de type On/Off pour répondre à  une question. Mais sur Smartphone, l’action naturel du swipe sur ce type de bouton est assez difficile et c’est tout l’écran qui bouge entièrement et non le bouton 🙁

LivingChange_jeu_share

(Tests réalisés courant mars 2015)

Relation Presse Online : communication via Snapchat

Pour sa seconde thèmatique, l’agence Bigger Than Fiction chargée de la relation presse online de Living The Change propose un format de communication en utilisant Snapchat… sympa !
A quand Periscope ?

Autres ressources

Si l’information sous forme d’animation ou de datavisualisation vous intéresse, je vous invite à  suivre également :

365data.fr, tous les jours découvrez sur Twitter (ou par email) une nouvelle statistique :
365data_electricite

FutureMag : une superbe émission sur l’innovation, la science et les technologies avec des animations pédagogiques :

DataGueule : comme son nom le présage, vous allez prendre la pilule rouge pour découvrir 3 minutes d’animation o๠photos, datas, pictos, typos, schémas et statistiques s’entrecroisent autour d’un sujet d’actualités pas forcément « joyeux » :

Living The Change : un portail culturel sur un monde qui change

Motion + Design

Aujourd’hui, si je vous dis Motion Design, vous me répondrez : génériques de films/séries, habillages TV, spots de pub, court métrage… Cette discipline connue de tout professionnel du Digital est en pleine mutation. Actuellement, personne ne peut répondre précisément sur les compétences requises pour réaliser ce métier aux frontières de l’animation, de la mise en scène, du graphisme, du storytelling et du montage cinématographique.

Qu’est ce qu’un Motion Designer ?

Le titre de « Motion Designer » était encore méconnu il y a quelques années et pourtant il apparaît des les premiers films muets. Au fil du temps, son expertise se consolide avec les prouesses technologiques, les expérimentations artistiques des plus passionnés, et bien sûr, il se démocratise selon les besoins marketing des annonceurs en tenant compte des contraintes des différents supports et médias. A travers des animations typographiques, illustratives, photographiques ou vidéos, sa mission est de transmettre des émotions, un message ou une ambiance définie (ou pas) par un Directeur artistiques.


Association Motion + Design »


Minute anecdote personnelle
Woolman-Matt-Typographisme-La-Lettre-Et-Le-Mouvement-Livre-893718257_MLPour ma part, c’est grâce au Motion Design que j’ai su dans quel domaine je souhaitais m’épanouir : Août 1999, Fnac d’Annecy, vacances chez mamie, âgée à  peine de 15 ans, je fus émerveillée en découvrant le seul et unique livre du rayon : « Typo graphisme, la lettre et le mouvement ».
Ma mère a un peu toussé en regardant le prix mais bon… si cela me permet de trouver ma voie professionnel, pourquoi pas ?! Thx Mum !


Conférence Motion + Design à  la Gaà¯té Lyrique

En ce début d’année, la France célèbre le graphisme et organise un peu partout dans l’hexagone des expositions, des conférences ou rencontres.

motion design conference

Ce 24 janvier, j’ai assisté à  une table ronde organisée par l’association Motion + Design, animé par l’ami Michael Chaize d’Adobe et Laure Chapalain de We Love Your Names.

5 professionnels partagent l’évolution de leur métier, la collaboration avec d’autres coeur de métier, le travail à  distance, la relation client, l’évangélisation de leurs domaines d’interventions, la difficulté de travailler avec des Directeurs Artistiques venant du PRINT, l’importance du Sound Design, les limites entre animation 2D/3D…

Même si la table ronde manque de rythme par moment, je vous invite vivement à  écouter la conférence et de prendre le temps de découvrir les portfolios des différents intervenants :


Site: www.gaite-lyrique.net »

Intervenants

MATTRUNKS | Matthias Peresini
Portfolio : http://www.mattiasperesini.com »

MR Gàœ | Gà¼nther Gheeraert
Portfolio : http://www.gunther-gheeraert.com »

BRIGHTPHOTON | Pierre Magnol
Portfolio: http://www.bphoton.com »

PING OUH | Julien Martorell
Portfolio : http://www.ping-ouh.com »

JOSHUA CATALANO
Portfolio : http://joshuacatalano.com »

BONUS : Laurent Brett, motion designer spécialiste en générique
Si vous êtes arrivé à  la fin de cet article, c’est que le sujet vous intéresse ^^
cdup_logo
Voici un bonus sur le sujet : Kontest co-organise avec Adobe les Creative Drink-up!. Un de nos invité fut Laurent BRETT, fondateur de Brett & Company – la première société de création de génériques en France – il nous raconte son parcours et la place qu’a pris le storytelling dans son métier.

Article détaillé + vidéo sur Creative Drink-up! »

Motion + Design

Un café l’Application SVP! par Adobe

Afin de bien commencer l’année 2015, Adobe nous propose une nouvelle web-série « Un café l’Application SVP! » pour présenter toutes les applications du Creative Cloud, sur la chaîne Youtube Adobe France »

Souvenez-vous, en 2010, la DreamTeam Adobe France était à  l’initiative de la web-série « Chips&Tips », un format plus long mais qui permet d’approfondir en détails des sujets bien précis.

Sur un ton décontracte et frais, « Un café l’Application SVP! » est un format plus court qui permet le temps d’une pause-café de découvrir des nouvelles applications avec une introduction d’un expert de chez Adobe, une interview d’un professionnel et la touche d’humour de la fin : les aventures de Claude, un créatif pas très « futefute ».

A découvrir au tour d’un café 😉

Un café l’Application SVP! par Adobe

L’agenda des conférences web sur Google Calendar

Comme chaque fin d’année, le temps de la remise en question arrive ! Prendre du recul sur son organisation afin d’optimiser son temps pour combiner plaisirs, veilles et responsabilités professionnelles n’est jamais chose facile.

L’année 2014 a été très dense pour ma part et je constate plusieurs points à  améliorer dont un précisément : Assister à  plus d’évènements pour améliorer mes connaissances et rencontrer d’autres professionnels.

Pour pallier cela, il faut anticiper les futures conférences. Comme Google est un ami, il me dirige directement sur l’article de Raphael Goetter présent sur Alsacreations.com : Conférences web Francophones 2015 ».

Suite à  cette bonne initiative, je me suis permise de réaliser un agenda sur cette thématique que vous pouvez intégrer à  votre Google Calendar comme moi 🙂

Ajouter « Conférences Web Francophone » à  Google Calendar »


Certaines conférences sont absentes car les dates ne sont pas indiquées.
J’essayerai de maintenir à  jour cet agenda

Découvrez également plusieurs astuces sur l’usage de Google calendar grâce à  l’article du Blog du Modérateur :
15 astuces pour Google Agenda »

L’agenda des conférences web sur Google Calendar

Des polices qui ont du caractère !

Bodoni, Cooper Black, Helvetica, Gotham, Times, Comic Sans… tous ces noms vous parlent mais connaissez-vous leurs histoires ?

Découvert grâce à  un tweet de l’ami Chakal Creative, France Culture et Thomas Sipp nous proposent une web série sur les origines des plus célèbres typographies. Ces 12 films d’animation sont frais, divertissant et surtout très instructif sur la création et les usages de chacune des ces polices dans notre quotidien.

La suite sur le site officiel de France Culture »

L’actualité de cette web série sur la page Fan Facebook « Sacré caractères » »

Des polices qui ont du caractère !

L’étonnant pouvoir des couleurs de Jean-Gabriel Causse

Si vous ne connaissez pas les Creative Mornings, voici un bref récapitulatif de ces évènements dédiés aux professionnels, étudiants ou passionnés de design :

Creative Mornings, conférences matinales mensuelles pour créatifs invétérés.

Les Creative Mornings ont débuté en 2008 à  New York grâce à  la designeuse Swiss_Miss. Fort de leur succès, ces petits déjeuners se sont répandus dans le monde entier, plus précisément dans 88 villes. Chaque mois une nouvelle thématique apparait et deviens le fil conducteur de chaque évènement.

Creative mornings color

Le mois dernier, la thématique était « Color » : Comment la couleur influence notre quotidien, notre environnement de travail, nos humeurs ou émotions.
A Paris, ce sujet est honorée par Jean Gabrielle Causse, designer basé entre Tokyo et notre capitale. Ancien publicitaire de BBDO, DDB et autres grandes agences, il est aujourd’hui Colors Designer du groupe Textile Onward au Japon et consultant en France pour de nombreuses marques.

Etonnant_pouvoir_couleur_livre En mai dernier, son livre “L’étonnant pouvoir des couleurs” vit le jour au grand public. D’o๠sa légitimité pour ce petit déjeuner.
Suite à  son intervention dynamique et instructive, j’ai acheté son livre que je vous recommande vivement.

Ci-dessous quelques slides de sa conférence et une interview vidéo :

jean-gabriel_causse_cardiaque

jean-gabriel_causse_creatif

jean-gabriel_causse_ketchup

jean-gabriel_causse_memoire

jean-gabriel_causse_productif

jean-gabriel_causse_sexe

jean-gabriel_causse_soda

jean-gabriel_causse_sport

jean-gabriel_causse_tranquillisant

jean-gabriel_causse_vaisselle

Image

Astuce graphique pour les Daltoniens

En testant Poptile le nouveau jeu de 1button, j’ai découvert dans les paramètres la possibilité d’adapter le jeu aux personnes atteintes de Daltonisme et cette astuce visuelle a retenu toute mon attention.

Poptile est un casual game simple mais addictif : le joueur doit faire disparaître des blocs de couleur. Chaque action créée une nouvelle ligne se rapprochant progressivement d’un axe éliminatoire.

Par défaut chaque bloc comporte des couleurs différentes : rose, blanc, cyan… Pour aider les personnes daltoniennes, un symbole se superpose selon la couleur qui lui est associé.

Cette astuce graphique est tellement astucieuse à  mon goût qu’elle est devenue le mode visuel par défaut sur l’ensemble de leurs jeux le proposant. La couleur n’est plus le seul objectif a supprimé dans le jeu. Un nouveau repère visuel vient compléter l’action. Cette association d’élément se fait naturellement et permet de gagner en rapidité dans les actions à  accomplir.

manette sonyJe ne sais pas si les symboles sont un clin d’oeil à  Sony mais ils correspondent bien l’univers du jeu.

poptile daltonismepoptile daltonisme

L’astuce de 1Button me rappel également celle présente sur le service de Trello pour appliquer des labels sur les tickets :

trello daltonisme

Outils disponibles

En 2008 et 2009, 2 articles ont déjà  été postés sur ce sujet sur Ergophile, mais que nous reste-il aujourd’hui comme outils pour aider les designers dans la conception de leur interface ?

  • Color Oracle toujours présent
  • Sim Daltonisme, un simulateur sous Macintosh qui permet de filtrer en temps réel une zone entourant le pointeur de la souris.
  • Fonctionnalités incluses dans Photoshop :
  • photoshop daltonisme

Et dernièrement, un jeune étudiant de New Dehli est en train de développer un algorithme qui permettra d’adapter l’affichage des contenus web à  la perception des daltoniens – Plus de détails sur Presse-citron.net

Si vous avez d’autres exemples, je suis preneuse 🙂

Astuce graphique pour les Daltoniens