Ergonoquoi ?!

Lors de la soirée d’ouverture du BeMyApp spécial Jeux-vidéo, autour d’une pizza et d’un verre de coca, Sophie Bai (graphiste habituée au hackaton tech^^) m’a fait découvrir ces vidéos que j’ai trouvé très drôle et que je souhaite partager avec vous :

Les vidéos parlent d’elles-mêmes, j’espère qu’il y en aura d’autres ! A suivre sur la chaine Youtube de Luddotic Ergonomie ou bien sur le site blog.ludo-tic.com.

Vidéo

Le design émotionnel dans notre quotidien

Pour ceux qui suivent mon actualité quotidienne, vous avez pu constater que ces 2 dernières semaines j’ai animé plusieurs conférences / Workshops sur le thème du Design émotionnel. Grâce aux retours des différents auditeurs, j’ai pu alimenter encore plus cette présentation que vous trouverez ci-dessous.



Sachez que je redonne une intervention sur ce thème à l’AfterWeb de Paris, ce mercredi 6 février (il reste encore quelques places ^^) : http://afterwebparis4.eventbrite.fr/

Le design émotionnel dans notre quotidien

Workshop GIW : Comment engager vos visiteurs avec un design émotionnel ?

workshop GiW
——-
MAJ 02/2013 : Je viens de donner plusieurs conférences et workshop sur ce thème. Ma présentation est disponible ici : Présentation sur le design émotionnel dans notre quotidien
——-

Comme vous le savez (peut-être) déjà, je suis membre du réseau féminin Girlz In Web.

Tous les mois, cette association organise des Workshops de 1h30 / 2h sur des thématiques variées où l’on peut découvrir, échanger et forcément apprendre de l’expérience des orateurs. Ce mois-ci, et pour la troisième fois, j’interviens sur un domaine qui me touche particulièrement : le design émotionnel.

Hier soir, en 32 min top chrono, j’ai eu la chance de présenter cette thématique au Meetup HTML5 devant un public de développeur et… cela fut bien accueilli… Ouf ! J’ai eu de nombreux retours positifs, des critiques, des idées et des liens ! Je vais mettre à jour ma présentation et vous la partagerez prochainement.

Ci-dessous, un petit résumé de ce workshop qui se déroulera le 30 Janvier à l’IESA.
Et pour s’inscrire cela se passe sur Weezevent >>

Engager, convaincre et fidéliser vos internautes avec une expérience utilisateur est un défi au quotidien ? Une ligne éditoriale, une mascotte, des fonctionnalités ou encore un effet sonore peuvent provoquer des réactions émotionnelles positives ou négatives à votre visiteur. Ce workshop a pour but d’aborder les différents domaines du design, de décrypter ensemble la stratégie et les atouts de plusieurs cas concrets dans le domaine du design d’application web et mobile. L’ergonomie et l’utilisabilité des interfaces seront abordées afin de vous aidez à donner un côté humain à vos interfaces.

———
MAJ 02/2013 : Je viens de donner plusieurs conférences et workshop sur ce thème. Ma présentation est disponible ici : Présentation sur le design émotionnel dans notre quotidien
———

Workshop GIW : Comment engager vos visiteurs avec un design émotionnel ?

Meetup HTML5 : Design Beyond the pixels


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.

Le replay – (45min):

D’autres présentations de Hervé :

Meetup HTML5 : Design Beyond the pixels

Mr Mood : vos humeurs au quotidien

Mr Mood Ma grande découverte de ce mois est Mr Mood !

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.

Mr Mood navigation

Une expérience utilisateur réussie

Mr Mood  statistiques

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.


Lien

Le métier du web designer par Mike Monteiro

metier webdesigner

Après le livre du Design Emotionnel de la sympathique collection A Book Apart, je vous présente le dernier livre que je viens tout juste de terminer : « Metier : Web Designer » de Mike Monteiro.

Mike nous partage, sans gêne et sans ménagement, ses différentes expériences professionnelles en tant que salarié, freelance et, aujourd’hui, co-fondateur de l’agence Mule Design.

« Vous voyez ces panneaux d’avertissement qu’on placarde partout, ces pictogrammes de main coincée entre deux engrenages ou de bonhomme foudroyé ? Ce livre est une collection de panneaux d’avertissement. Chaque leçon qu’il contient a été apprise à mes dépens. »

J’ai trouvé les propos de l’auteur très pertinents, sincères et honnêtes dans son approche du métier de designer. Même si ce livre à une vision très entrepreneuriale, les fondamentaux et les réfléxions sur le métier de webdesigner y sont abordées :

  • Qu’est-ce qu’un designer ?
  • Trouver des clients
  • Facturer votre travail
  • Présenter un design
  • Gérer le feedback
  • Etc.

« Un designer qui ne présente pas son travail n’est pas un designer. Présenter le travail, expliquer le raisonnement, répondre aux questions et recueillir du feedback, tout cela ce fait partie du métier. Si vous restez planté devant votre ordinateur pendant que quelqu’un d’autre présente le travail au client, vous n’aurez pas le droit de vous plaindre du feedback que vous obtiendrez. Les absents ont toujours tort. »

Que vous soyez salarié, freelance ou chef d’entreprise, je vous invite à lire ce livre qui vous permettra sans doute de réfléchir sur votre situation, vos projets en cours, vos collaborateurs, vos râlements (car oui, il y a en sûrement, surtout si vous êtes français !).

Ce livre transpire la personnalité de Mike, son humour et sa franchise. A lire !

Disponible chez Eyrolles : « Metier : Web Designer »


Collection A Book Apart - Eyrolles

A lire aussi de la même collection :


Le métier du web designer par Mike Monteiro

Datavision, conférence de David McCandless

Expoviz
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 ?

Datavision de David McCandless

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.

Datavisualisation London Population

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 :

  1. Récupération des données dans un tableur : hiérarchisation des informations
  2. Croquis, réfléxion sur le papier pour mieux comprendre et interpréter les données récoltées
  3. Première collaboration avec un designer graphique : matérialisation des idées à travers des essais
  4. Finalisation de la data-visualisation

Partie politique USA datavisualisation

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.

Datavisualisation Billion dollar

« Amusez-vous avec les données »

Site officiel de David McCandless

Datavision, conférence de David McCandless