J’ai trouvé ce manifeste passionnant ! Aaron Walter y aborde toutes les disciplines que touche le webdesign : la psychologie, le marketing, la publicité, le commerce, l’ergonomie, l’expérience utilisateur, l’esthétisme, etc.
Il ne faut pas oublier que notre profession de webdesigner à un impacte très important sur ces différents secteurs et bien souvent oublié au quotidien.

Ce que j’en ai retenu :

L’effet esthétique-utilisabilité au détriment de l’expérience utilisateur

Aaron Walter commence par évoquer la pyramide des besoin de Maslow en l’adaptant au design d’interface et, bien sûr, en y ajoutant la notion de « l’agréable ».

“le design a une forte influence sur l’engagement émotionnel et l’utilisabilité”

En abordant les fondamentaux, le but de l’auteur est de remettre en question la philosophie de 37 signals qui a beaucoup influencé le webdesign ces dernières années : 37 Signals soutient un design minimaliste et fonctionnel au détriment de l’expérience utilisateur. Walter leur reproche un design qui n’a pas su s’adapté dans le temps et se repose aujourd’hui sur un design, certes efficace, mais non-évolutif et statique.

Un design émotionnel peut être défini sur plusieurs critères :

• une mascotte,
• une ligne éditoriale,
• des fonctionnalités surprenantes,
• un contenu provocateur,
• etc.

Le design que vous allez définir peut avoir un impact très important sur votre interface et se doit être équilibré et homogène. Cette harmonie va permettre à l’utilisateur de prendre du recul sur ce qu’il consulte pour une meilleure mémorisation de votre contenu.

“L’attention d’un utilisateur est une ressources limitée”

Lorsque vous concevez une interface le but n’est pas de tromper ou de manipuler l’internaute mais de le faire réagir et d’améliorer son quotidien. L’usage d’une interface influence beaucoup sa réaction et son humeur. Si cette dernière y est agréable, l’utilisateur aura de la sympathie pour votre marque donc un meilleur engagement en retour.

DEFINIR UN PERSONA POUR SON INTERFACE

Certains designers créent des Personas utilisateurs pour une meilleure conception face à une cible bien précise. Aaron Walters recommande de créer un Persona de votre interface en même temps. Le but est de créer un portrait émotionnel de votre site ce qui va vous permettre une approche plus émotive et de donner un caractère à ce dernier.

Création d’un persona pour un design d’interface

Pour la création de votre persona, l’auteur vous recommande de répondre à ces quelques questions ci-dessous :



• 1. Nom de la marque

• 2. Aperçu : Qu’est-ce qui rend votre marque unique ?
• 
3. Image de personnalité : photo d’une vrai personne qui incarne les traits souhaités (personnalité, star..). Si vous possédez une mascotte, décrivez la personnalité de cette dernière.
• 
4. Traits de la marque : lister 5 traits de la marque qui la caractérise et 5 traits non souhaitez.

• 5. Carte de la personnalité : définir 2 axes, en abscisse : sympathie vs méchanceté et en ordonnée : soumission vs domination
.
• 6. Voix : si votre marque parle, quel est le ton utilisé : familier ? fleurie ? stricte ? sobre ? Guindé ?

• 7. Exemple rédactionnel : exemples de textes susceptibles d’être utilisés (message de bienvenue, message d’erreur, etc.)
• 
8. Lexique visuel : charte graphique des couleurs, typographies, nuancier, etc.

• 9. Méthode d’engagements : définir une expérience permettant un engagement au sein de votre interface. Exemples : Doddle de Google qui change selon l’actualité, la blague ou la vidéo du jour proposer par MailChimp, etc.

CONCLUSION

Le design doit être considéré comme un complément à un système fiable, ergonomique et fonctionnel. Si votre site internet est lent ou instable, votre design dit émotionnel perds de sa valeurs et décridibilisera votre marque. Je vous recommande vivement de lire ce livre qui est aussi un bon moment de détente.

- Collection A Book Apart des éditions Eyrolles
- Auteur du livre Aaron Walter
- Extrait fourni par les édition Eyrolles : Chapitre 1 (PDF) Révolution : Un gagné pour un perdu

—————————————–

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.

Donc on s’y retrouvera peut-être ?

Au PROGRAMME :

Sur le site web officiel : http://uxday.flupa.eu/programme/

Une typographie multi-touch

Ce Pack typographie comprend 4 fonts différentes vous permettant d’illustrer vos documents rapidement avec une gestuelle prédéfinie. Chaque geste est représenté par des interactions multi-touch que cela soit pour des tablettes, smartphones ou toutes autres interface tactiles. Ce pack typographique est disponible ici au format ZIP »

Poster et icones pour la gestuelle multi-touch

Un poster au format vectoriel, png et bitmap est disponible ici ». Une bonne alternative pour gagner du temps lors de la conception de vos storyboards.

– Illustrations provided by GestureWorks®

Autres ressources :

• Des icones multi-touch au format vectoriel
• Bloc-notes et outils pour vos wireframes

Aujourd’hui, vous trouverez la suite de cette présentation avec les toutes dernières nouveautés.

Lors d’une soirée BeMyApp à Paris, Sylvain a présenté les évolutions du HTML5 avec les dernières innovations possibles. Vous pouvez visionner sa présentation dans Chrome (pour une meilleure expérience) : HTML5, vers l’infini et l’au-delà !

Et voir la vidéo sur ce lien à partir de 01:02:00.

Les utilisateurs peuvent comparer les vidéos YouTube, les sites web, le trafic de recherche, trier rapidement les informations concernant les élections par popularité, les tendances les plus récentes, les données cartographiques, etc.

JESS3 nous dévoile leurs différentes recherches : wireframes, prototypes, recherches iconographiques… A découvrir au plus vite sur http://www.jess3.com/google-elections-2012/

En fin d’année 2011, avec mon poto Geoffrey Dorne, j’ai eu la chance de participer à un podcast sur le thème du métier web-ergonome / webdesigner pour le site Remixjobs.

Je vous invite vivement à consulter ce site web dédié à l’emploi des métiers du web. Si vous cherchez un job ou bien un collaborateur, vous trouverez votre bonheur. Remixjobs vient de faire peau neuve, allez vite y jeter un coup d’oeil ^^

Ce podcast est animé par Korben co-fondateur et Florent Paret chargé de communication de RemixJobs.

En toute convivialité, nous avons abordé différentes anecdotes, retours d’expériences et bonnes pratiques permettant de vulgariser cette profession qui n’est pas forcément accessible au premier abord.

Si cela vous intéresse, vous pouvez écouter ce podcast sur ce lien : Podcast Web-Ergonome »

Thèmes abordés

• Définition de l’ergonomie web
• Le métier de webdesigner ? Web-Ergonome ?
• Pourquoi avoir choisi cette spécialisation ? Nos travaux ?
• Travail en équipe ? les outils ? Béta-tests : eye tracking, focus groupe, heat map, etc.
• Parcours ? Etudes ? Cursus ?
• Actualités : livres, blog, références…

J’en profite pour en rajouter une petite entre « Faire du sport » et « Boire moins de café » : « Lire le livre Rework« .

Ne vous inquiétez pas, ce livre est très accessible et facile à lire. Il permet un travail sur soi, une remise en question de son comportement mais aussi sur la gestion de son travail au quotidien. Vous trouverez ci-dessous plusieurs suggestions qui me semble pertinente à souligner pour la création d’un produit et pour le management d’une équipe. Cela ne veut pas forcément dire que vous devez les suivre à la lettre. Par contre, vous pouvez en appliquer certaines et en adapter d’autres le moment venu.

Les auteurs : fondateurs de 37 Signals
37 Signals est une société éditrice de plusieurs services web à succès comme Basecamp (gestion de projets) ou bien Highrise (gestion de contacts). Jason Fried et David Heinemeier Hansson, fondateur de cette société sont aussi à l’origine du livre sur la gestion de projet (méthode agile) « Getting Real » que je vous recommande aussi à lire.

1. Ignorez la « dure réalité »

N’écoutez pas les râleurs, les pessimistes ou les ronchonchons. Essayez, testez et tentez de concrétiser vos idées ! Qui ne tente rien à rien ! (p21)

Nous entendons souvent « les contraintes poussent à la créativité » et cela est vrai! Elles nous poussent à aller à l’essentiel, à bannir le surplus à la fois dans la conception d’un produit mais aussi dans la structure et la hiérarchie d’une société. (p62)

« Je n’ai pas assez de temps, d’argent, d’employés, d’expérience,etc. » Cessez de vous plaindre. Ne pas tout avoir est une bonne chose. Les contraintes sont des atouts déguisés : elle vous forcent à vous accomoder de ce que vous avez, évitent le gaspillage et vous rendent plus créatif.

A. Vos utilisateurs et vous

Personnalisez votre produit, impliquez-vous et surtout soyez pédagogue avec vos utilisateurs. Ce n’est pas grave si votre produit ne répond pas à toutes leurs demandes, n’ayez pas peur de dire NON ! Vos utilisateurs ont bien souvent des tonnes d’idées, écoutez-les mais n’agissez pas forcément en conséquence. Prenez le temps d’y réfléchir tout en restant focus sur vos objectifs. (p136)

Lorsque vous modifiez une interface ou apportez de la nouveauté, vos utilisateurs rouspètent, râlent et vous demande de revenir à l’ancienne version. Surtout ne faites rien dans l’immédiat ! Patientez, écoutez-les, discutez avec eux pour comprendre leur mécontentement et ensuite, agissez selon leurs retours et vos certitudes. Attention, les râleurs s’expriment beaucoup plus que les personnes satisfaites. Donc… faites bien la part des choses. (p200)

2. Grossir, pourquoi ?

Evitez les embauches prématurée qui risque de ralentir votre structure, perdre votre flexibilité et rapidité au sein de votre équipe. En restant une entreprise à taille humaine, vous pouvez agir efficacement et réparer les erreurs s’il y a. Et surtout, vous pouvez faire évoluer vos idées ! (p59)

Cela me rappelle les nombreux Tweets d’étonnement lors de LeWeb2011 sur la start-up Instagram: Lancé en octobre 2010, Instagram compte 14M d’utilisateurs, 60 photos partagées par seconde, et moins de 10 employés !

N’ayez pas peur de monter une petite entreprise. Quiconques exploite une entreprise durable et rentable, grande ou petite, devrait être fier. » (p29)

Si vous avez de plus en plus de travail, avant d’embaucher pour vous soulager, réfléchissez si vous êtes bien organisé ? Est-ce qu’une personne en plus est indispensable ? Cette abondance de travail va-t-elle durée ou bien est-ce juste périodique ? (p165)

N’embauchez que si vous y êtes forcé

3. Passez à l’action en priorisant

Tout le monde à des idées mais seul l’execution compte. Alors osez, prenez des risques et passez à l’action ! (p41)

Cessez d’imaginer ce qui marchera et ce qui clochera. Découvrez-le au fur et à mesure.(p84)

a. Stop à la réunionite

Evitez les réunions qui bien souvent sont inutiles, répétitives, ennuyeuses et accompagnées d’un manque d’objectifs. Essayez de faire un point rapide avec le moins de personnes possible. Structurez cette dernière avec un thème précis à aborder, optimisez le temps afin qu’elle ne s’éternise pas sur des débats ou des remises en questions constantes. (p99)

b. Laissez la planification à long terme aux devins

Les plans d’action à long terme empêchent l’improvisation, donc de saisir les moments opportuns. Nous ne pouvons prévoir le futur car nous ne maitrisons pas les conditions économiques, les marchés, les concurrents, etc. (p25)

4. L’égo, vos besoins et la réalité

Ce chapitre (p52) liste une dizaine de questions sur les besoins de votre entreprise, vos besoins et les conventions. Cette liste vous permet de relativiser. Par exemple :

• Vous faut-il vraiment un grand bureau ou pouvez-vous en partager un pour le moment ?
• Vous faut-il vraiment embaucher quelqu’un à temps plein pour répondre aux demandes ou pouvez-vous le faire vous-même ?
• Vous fait-il vraiment 6 mois ou pouvez-vous sortir quelque chose en 2 mois ?
• etc.

a. Canalisez vos idées et surtout votre enthousiasme

Avoir des dizaines d’idées, c’est bien. Vouloir toutes les réaliser en même temps, c’est mal. Essayer de faire une chose à la fois bien car vos ressources et vos capacités ont des limites. Concentrez-vous sur l’essentiel de votre projet, supprimer les fonctionnalités inutiles et sachez prendre des décisions qui feront avancer vos idées. (p71)

b. Less is more

J’aime beaucoup la partie « Ca va mal ? Faites-en moins ? » car les auteurs du livre évoquent une émission que j’adore regarder en ce moment : Cauchemar en cuisine (eh oui, je l’avoue, je regarde cette émission anglaise).

Pour ceux qui ne connaissent pas cette série, cela est très simple : le chef Ramsay Gordon passe une semaine dans un restaurant en difficulté. Il fait office de coach et guide le gérant et ses équipes. Ce que j’apprécie dans cette émission est l’approche « Less is more » de Ramsay (p75):

• Première journée, observation : Ramsay goûte les plats, observe le service, le lieu, la clientèle existante et la hiérarchie de la société.
• Deuxième journée, Focus groupe : Ramsay invite une cinquante de personnes afin d’avoir un retour de la clientèle grâce à un sondage sur satisfaction client
• Troisième jour : Mise au point avec les équipes et remise en question du menu qui passe bien souvent d’une quarantaine de plats à moins d’une dizaine. Le but est que le restaurant en face moins pour proposer de la qualité et non de la quantité médiocre.
• Quatrième et cinquième jour, Focus groupe

: nouvelle carte, nouvelle organisation, nouveaux objectifs et relooking du restaurant pour atteindre une nouvelle cible.

Vous devez sans doute vous dire : « Mais pourquoi elle regarde çà ? ». J’aime bien car tout simplement Ramsay Gordon est beau ! Non je plaisante…. Je trouve que cette émission est intéressante car Ramsay aborde bien souvent les difficultés rencontrées à la fois en cuisine mais aussi en marketing, en communication interne, en publicité, en gestion et en management. Je trouve que chaque épisode aborde des thèmes variés qui peuvent se retrouver dans différentes entreprises quelque soit l’activité.

c. Pourquoi faire simple lorsque l’on peut faire compliqué ?!

Certaine personne adore se lancer des défis, prendre des solutions complexes pour se challenger. Mais pourquoi ? Faisons simple ! Dans cette partie (p101), les auteurs recommandent la méthode du « Judoka » :

Visez l’efficacité plutôt que l’excellence. Privilégiez les solutions comportant le maximum d’efficacité pour un minimum d’effort.

5. Travaillez-vous pour rien ?

Lorsqu’on travaille à l’élaboration d’un produit, nous voulons aller le plus vite possible et bien souvent on fonce sans prendre du recul. Prendre le temps de se poser les bonnes questions va vous permettre de relativiser et de sortir un produit simple, rapide et efficace répondant à un véritable besoin. Ci-dessous, les auteurs nous proposent une liste de question à ne pas perdre de vue :

• Pourquoi faites-vous ce que vous êtes en train de faire ?
• Quel problème êtes-vous en train de régler ?
• Est-ce vraiment utile ?
• Ajoutez-vous de la valeur ?
• Est-ce un ajout qui modifie les comportements ?
• Que pourriez-vous faire d’autre pendant ce temps
• Cela en vaut-il vraiment la peine ?

a. Motivation et itération

Personne n’est motivé par des projets qui durent, qui durent… et semblent interminable. Essayez de travailler en itération avec une confrontation régulière de vos utilisateurs. (p103) Diviser votre projet en plusieurs taches et sous-taches. Plus la tache sera petite et plus cela sera facile d’estimer sa durée et sa complexité et évitera surement des erreurs.

b. La franchise au coeur de l’entreprise

Que cela soit dans une jeune start-up, un service ou une petite équipe, essayez au maximum de créer un environnement de travail convivial. Les gens doivent se sentir bien et ne doivent pas hésiter à dire franchement leurs opinions ou leurs idées les plus farfelus sans retenu. (p169) Si l’ambiance y est décontracte, chaque personne de votre équipe y trouvera sa place et sera automne, responsable dans sa mission. Vos équipes pourront alors s’épanouir dans la conception d’un projet qu’ils aimeront concevoir. (p209)

c. Tout le monde au front

Bien souvent, certaines équipes (techniques, marketing, direction…) ne sont pas confrontées aux tensions ou bien aux félicitations des clients. Si vous êtes une petite équipe, il est très important que chaque personne soit confrontée à la réalité de son travail. Si vous pouvez rencontrer, discuter ou bien répondre aux retours positifs ou négatifs de vos utilisateurs, faites-le ! La communication à la fois dans vos équipes mais aussi avec vos utilisateurs finaux est vitale pour que votre projet prenne le bon chemin. (p197) N’oubliez pas : Répondre à un besoin pour simplifier la vie de vos clients est le plus important !

Ma conclusion

Ce livre est tellement intéressant… il vous permet de vous poser un tas de questions sur comment améliorer votre quotidien, vos idées et surtout vos a priories à la Française. Car oui, la hiérarchie, le changement, l’optimisme et la prise de risque sont bien souvent des ennemies pour nos sociétés françaises.
Nous sommes tellement habitués à une société avec des méthodes traditionnelles que le plus dur est de s’en détacher… Et ce n’est pas facile mais il faut essayer, tester et prendre sur soi^^

Livre à lire dès que possible !

MAJ 15/01/2011 Complément d’article sur Locita : http://fr.locita.com/reseaux-sociaux/generation-y-generation-potentielle-ou-effective/

Pendant un weekend, porteurs de projet, développeurs et designers se retrouvent pour concevoir une application en moins de 48h. Chaque équipe constituée réalise un prototype qui sera présenté à un jury de professionnel le dimanche soir.

J’adore assister à chaque édition des BeMyApp car l’ambiance y est très familiale, les idées transpirent l’innovation et bien sûr les challenges sont là ! Et cette fois-ci, je ne fus pas que spectatrice mais Mentor/Coach tout le weekend : ce rôle consiste à accompagner une équipe et bien sûr se rendre disponible pendant ces 48h pour les aider où répondre à leurs questions.

L’ouverture du BeMyApp a commencé vendredi soir avec une trentaine de porteurs de projet qui ont eu le courage de pitcher en moins d’une minute devant une salle de 200 personnes. Pour ce BeMyApp, chaque projet devait s’engager à reverser au Téléthon une partie des premiers revenus générés par l’application. Les Mentors/Coach ont eu la dure tache de voter pour les 5 idées qui étaient les plus pertinentes :

Mes 2 coups de coeur

Kaboom

KaBoom est un jeu dans lequel les joueurs se poursuivent avec leurs téléphones pour se passer une bombe avant qu’elle n’explose. (le jeu du chat ou de la Patate chaude)

Je crois beaucoup aux jeux-urbains (ARG) et grâce aux smartphones ce domaine n’est qu’à son début. Le Game Design s’ouvre à de nouveaux environnements pas encore assez exploités à mon goût. Le plus gros challenge fut la partie technique : Comment synchroniser un Android avec un iPhone dans un périmètre de moins de 100 mètres. Kaboom a gagné le « vote du Public ».

Page Fan Facebook : https://www.facebook.com/kaboomlejeu

Ujoolt

Vous joltez une information, en d’autres termes, vous la partagez à toutes les personnes se situant dans un périmètre d’un kilomètre autour de vous. Ces dernières vont pouvoir rejolter son contenu s’il est jugé pertinent, la propageant toujours plus loin.

L’idée est tout simplement génial : Adapter le concept de Twitter avec une nouvelle contrainte ! Comme vous le savez Twitter limite à 140 caractères le tweet. Avec Ujoolt, la nouvelle idée est de limiter la propagation de l’information à un niveau local. Si votre information est pertinente, cette dernière sera partager et le kilomètrage s’agrandira. La force de cette application va être la data-visualisation géolocalisée permettant de matérialiser le bouche-à-oreille.

Site web : http://ujoolt.com/

Les 3 autres projets

Téléthon Mobile

Application de géolocalisation des lieux accessibles aux handicapés.

Plus d’infos : http://telethon.bemyapp.com/wordpress/category/telethonmobile/

Autimo

Interpréter les émotions et expressions du visage est très compliqué pour les autistes. Aidons-les grâce à une application pour tablette et mobile!

Autimo a gagné le prix du Jury

Site web : http://autimo-app.com/

Connect Size

Application mobile permettant en cas de rupture de stock, de géolocaliser votre taille dans une enseigne autour de vous !

Page Fan Facebook : https://www.facebook.com/ConnectSize

Courant mai, plusieurs ingénieurs et experts de Google furent disponibles pour accueillir et répondre aux questions des étudiants et professionnels présents lors de l’évènement : G|days Maghreb au Maroc.

Grâce à mon associé, Sylvain Weber, conférencier sur le HTML5 & CSS3, j’ai eu la chance d’y assister et de profiter de conférences de qualités dans un pays en pleine expansion sur le domaine de l’internet desktop et surtout mobile. HTML5, CSS3, Développement mobile, Apps, Google Engine, Maps API, Youtube API… étaient de la partie.

Je vous invite a visionner la présentation de mon associé permet de découvrir ou bien de re-découvrir les usages HTML5 & CSS3. A visionner dans Chrome pour une meilleure expérience : Dites bonjour à HTML5 »
Attention ! Certaines slides sont interactives, soyez curieux et cliquez dessus^^