Comme chaque mois, j’assiste au MEETUP HTML5 co-organisé par la superbe Team BeMyApp et Sylvain Weber.
Pour le mois de Noà«l, nous avons eu la chance d’avoir l’intervention de Hervé Mischler, Senior Visual Designer chez SAP, et Robin Berjon, Editor for the HTML Specification au W3C.
Je vous invite à découvrir la présentation « Design Beyond the Pixels » de Hervé qui est très intéressante et aborde différents points sur la conception, le webdesign, l’architecture du contenu et surtout plusieurs outils bien pratique :
Design Beyond the pixels
La multiplicité des écrans, aussi bien par leur taille, résolution et interaction oblige les designers à changer radicalement leurs méthodes de travail. Le code est en train de devenir un outil de design incontournable et il devient impensable de créer des sites ou applications web indépendamment de leur version mobile. Nous allons voir comment aujourd’hui nous pouvons dores-et-déjà préparer nos designs pour le futur.
Cette sublime application iOS vous invite jour après jour à choisir votre humeur pour ensuite vous les récapituler sous forme de graphique par semaine / mois. Cette app peut être considérée comme un outil d’aide à la décision pour améliorer son quotidien et prendre conscience que tout va bien… oupa ?!
Navigation instinctive
Dès la première ouverture de ce Moodoscope, je fus très impressionnée par son design minimaliste mais surtout de sa simplicité, de sa prise en main et de sa double navigation respectant les conventions d’usage de l’iPhone. Ce qui est intéressant chez Mr Mood est l’absence de menu, de bouton de sauvegarde, seule la pagination fait office de repère visuel pour guider l’utilisateur dans sa progression dans l’application.
Une expérience utilisateur réussie
Les créateurs de Mr Mood auraient pu réaliser une application très complexe avec plusieurs formulaires pour préciser le contexte de son humeur du jour puis partir dans un délire de statistiques détaillées difficile à comprendre. Et heureusement que non ! Le tour de force de cette app est son cà´té fonctionnel alié à une approche graphique qui dégage de la sympathie pour y prendre goût tous les jours. Cette app rejoint les propos de Aaron Walter dans son livre le Design emotionnel.
Je vous invite vivement à télécharger Mr Mood mais aussi les autres apps de la French Team « Nuage Touch ».
Des talents français qui promettent un bel avenir.
Pour les personnes qui me suivent sur Twitter, vous avez pu constater que vendredi dernier ce fut journée #Expoviz.
Avant de clà´turer cet évènement, une journée fut consacrée à plusieurs interventions de professionnels sur le thème suivant : « LA DATAVISUALISATION AUJOURD’HUI ET DEMAIN ».
La matinée commença très bien avec l’intervention de David McCandless et d’une table ronde sur le nouveau métier du « Data-journaliste ».
En revanche, l’après-midi fut assez… décevante.
Certaines interventions s’orientèrent trop sur les usages et les intérêts de l’Open-data. Après plusieurs moments de doute sur mes facultés intellectuelles de compréhension, les personnes qui m’accompagnaient et d’autres du public eurent le même sentiment que moi : Le thème du design d’information fut totalement oublié au détriment de l’Open-Data.
Les interventions étaient parfois inaccessibles et trop théoriques. Le manque de profil technique parmi les intervenants comme des designers ou développeurs se furent aussi ressentir par l’absence de cas concrets.
En tout cas, je tenais tout de même à féliciter cette initiative qui est la première en France. L’exposition était enrichissante, et d’ailleurs, vous pouvez la consulter sur le site : panneaux.expoviz.fr
David McCandless, data-journaliste ou designer de l’information ?
Si vous vous intéressez à la Data-visualisation, vous avez sans doute déjà lu le livre de référence Datavision de David McCandless. Ce dernier a inauguré cette journée avec humour, dérision et partage de méthodes de travail en toute simplicité.
Selon ses dires, son objectif est de synthétiser les données récoltées, de leurs donner du sens et surtout de les rendre compréhensible par tous. Si son lecteur saisi dans l’instant l’information retranscrite graphiquement, c’est gagné !
David nous explique aussi que les données ne sont rien si ces elles ne sont pas rattachées à une histoire ou à un contexte. Les data-visualisations permettent de comprendre et de corréler des sources à une interprétation retranscrite visuellement.
« Il faut se détacher des formats traditionnels de présentation des données pour les comprendre et les interpréter autrement.
Un des fondamentaux pour David est la transparence sur la provenance des sources de données. Cette honnêteté peux éviter de manipuler le lecteur sur des informations qui pourraient être mal interprétées.
Son Workflow pour réaliser une data-visualisation
Malgré tous les outils disponibles pour réaliser ses propres data-visulalisation, le logiciel Illustrator reste son outil de prédilection pour un meilleur rendu esthétique et surtout pour styliser ses pensées.
Afin d’expliquer ses méthodes de travail, David nous fait découvrir ses recherches et différents essais sur plusieurs créations. Son rite est pratiquement toujours le même :
Récupération des données dans un tableur : hiérarchisation des informations
Croquis, réfléxion sur le papier pour mieux comprendre et interpréter les données récoltées
Première collaboration avec un designer graphique : matérialisation des idées à travers des essais
Finalisation de la data-visualisation
Quand l’animation rencontre la data-visualisation
La conférence s’est fini trop tà´t à mon goût mais toutes les bonnes choses ont une fin !
David aborde une nouvelle forme d’interprétation et de visualisation des données grâce à l’animation :
Le travail sur les données interactives permet de jouer avec leur aspect et d’offrir aux lecteurs une notion attractive et ludique nouvelle.
Le 11 mai prochain (à Paris) aura lieu le Flupa UX-Day ! Un évènement dédié à l’ergonomie, l’expérience utilisateur et surtout le partage / témoignage de plusieurs professionnels.
Et vous savez quoi ?… J’y serai présente en tant qu’oratrice !
Atelier : Refonte d’un site à grande échelle
Vous vous souvenez sans doute des billets que je n’ai jamais pris le temps de finir (Honte à moi !) sur la refonte du site Deezer ?
A l’occasion de cette journée, j’ai décidé de finir ce que j’ai commencé mais cette fois-ci cela sera présenté lors d’un atelier. Etant plus à l’aise à l’oral qu’à l’écrit, cet évènement va me permettre de partager plus spontanément cette aventure à la fois humaine mais aussi technologique.
Découvrez un dashboard qui permet de regrouper toutes vos données en Temps Réel. Que cela soit votre page Fan Facebook, votre compte Twitter, vos données provenant de Google Analytics… Tout réunis sur un seul et unique Dashboard en Real-Time ! A découvrir sur cette démonstration »