J’ai pu intervenir sur une nouvelle thématique que je travaille au quotidien via le nouveau service Fastory.io que nous éditons au sein de ma société :

Storytelling et Social Média, le contenu est-il devenu l’expérience client ?
Face à l’avancée du digital, il aura fallu plusieurs années pour révéler l’importance des contenus au coeur des stratégies de marque. Si un bon contenu amplifie la relation client. Aujourd’hui, pouvons-nous affirmer que le « Contenu » est l’expérience client ? Les équipes Marketing et Créatives sont confrontées à  de véritable enjeux pour répondre aux exigences de plus en plus fortes des clients : approche omnicanal, personnalisation des contenus en temps réel, engagement conversationnel… Comment associer créativité, contenu et données pour offrir à vos clients une expérience exceptionnelle ? Comment optimiser la communication entre le département créatif et celui du marketing ? Comment engager ses audiences émotionnellement ? Et transformer son message en expérience unique ? Avec des exemples concrets, Jacinthe Busson vous partagera son analyse et ses retours d’expériences sur ce sujet vaste et passionnant du content marketing produit, un marché évalué à plus de 32 milliards de dollars pour 2017.

Jâ€adore ce message dâ€avertissement avant de remplir un Formulaire #ergo #formulaire http://pic.twitter.com/MqQ1NpZYaA

— Ergophile.com (@ergophile) June 26, 2017

2. LA PERSONNALITé DES UTILISATEURS

La matinée se poursuit avec Emmanuelle Marevery sur un thème très vaste : La personnalité des utilisateurs, un précieux levier de l’expérience utilisateur. Emmanuelle présente son parcours impressionnant au sein de Décathlon et introduit la thématique de sa conférence via avec un retour d’expérience :

Lors de son l’arrivée au sein de Décathlon, Emmanuelle fut étonnée que la gamme de couleur était définie par le chef de produit sans concertation auprès d’un panel d’utilisateur. En 2012, elle réalise un focus group auprès d’une centaine de femmes venues en magasin pour découvrir un nouveau vélo de la marque B’Twin destinée à cette cible. Vous trouverez les résultats assez surprenant dans l’image ci-dessous :

Avec humour, Emmanuelle en conclue qu’il faut toujours se méfier des femmes… et surtout du déclaratif. De cet exemple, Emmanuelle continue sa présentation en répondant à plusieurs questions :

• Qu’est-ce que la personnalité ? Comment se construit-elle ?
• Comment la mesurer et la mettre en oeuvre pour innover ?
• Quels sont les liens entre Personnalité et émotions, motivations, valeurs ?
• Comment concevoir un Persona ? Dans quel cadre l’utiliser ?

Emmanuelle détaille de nombreux éléments permettant de comprendre qu’un test utilisateur peut tout à fait être biaisé via la personnalité de l’usager qui le réalise. Sa personnalité va impacter ses décisions, ses émotions et/ou son comportement malgré lui. Une connaissance sur ce sujet permet aux professionnels d’anticiper et de mieux comprendre leurs besoins. Comme vous le savez, je m’intéresse particulièrement à  ce sujet et je suis toujours impressionnée par des personnes qui le maîtrise via leurs études et parcours professionnel en Psychologie, qui arrive à l’appliquer dans leur quotidien et, surtout, qui le vulgarise auprès d’un public novice.

Merci à Emmanuelle pour cette intervention tonique et enrichissante.
Dommage que la vidéo n’est pas encore disponible sur le Viméo de Flupa – à suivre de très près !

Le test des cinq grands facteurs de personnalité (BFI) est dispo ici pour une passation en ligne.https://t.co/LAWgI3DJrR #UXDAYS17

— Laurent Demontiers (@L_Demontiers) June 9, 2017

En moins de 6 posts, Facebook analyserait notre personnalité de façon plus précise que nos meilleurs amis. #UXDays17@flupa @mareverie pic.twitter.com/6pulvtqRZF

— Zee Agency (@ZeeAgency) June 9, 2017

A lire aussi :

• Mesurer les émotions en UX : les questionnaires

Passer au niveau supérieur

Ce vendredi débute avec la chaleureuse Cynthia Savard-Saucier, directrice du département design chez Shopify avec 30 UX Designers sous son management. Wow!
Vitalité, humour et pragmatisme sont les qualificatifs représentant cette première conférence dont Cynthia su gérer d’une main de maître un sujet délicat : Le Management avec toutes ses problématiques (les responsabilités d’un Manager, la cohésion d’équipe, la gestion des collaborateurs avec leurs différentes personnalités, les problématiques de recrutement…)

En tant que Manager, la mission de Cynthia au sein de Shopify est :

Assurer la croissance et la qualité des gens, de l’équipe et du produit de l’entreprise. Le tout, en utilisant son temps de manière efficiente.

Cynthia nous partage ses retours d’expériences et sa prise de recul sur ses responsabilités suite à  son absence de congés maternité. Plusieurs thématiques ont été abordés comme :

• La gestion du temps et son organisation personnelle,
• La paralysie du Designer,
• La prise de décision,
• La candeur radicale pour le management individuel,
• Le syndrome de l’imposteur lors du recrutement,
• Etc.

Je vous avoue que je suis venue au Ux-days sans regarder le programme… #Shame.
Je fus agréablement surprise de cette introduction et rassurée par ses propos. La majorité des points évoqués par Cynthia m’ont permis de prendre conscience que je n’étais pas si mauvaise sur mon statut actuel. Certaines pratiques qu’elle a mis en place au sein de son équipe, je les ai également mis en application au sein de ma société et sur mon organisation personnelle. Bien sûr, tout est perfectible et rien n’est jamais tout rose mais ce type de conférence est toujours très inspirante.

Sympa l’animation du logo de Google dans leur nouvelle interface de Login #ergo #designemotionnel http://pic.twitter.com/ruzxWDU1vZ

— Ergophile.com (@ergophile) April 27, 2017

Message sympa de AirBnb pour les utilisateurs #ergo #designemotionnel http://pic.twitter.com/7KxxiMo5i8

— Ergophile.com (@ergophile) April 27, 2017

Testez l'ergonomie de votre site sur mobile via Google : https://t.co/JoXHRNbW7C #ergo #ergonomie #data #performances http://pic.twitter.com/neUrQfhMXY

— Ergophile.com (@ergophile) December 13, 2016

La première édition de ces rencontres ont permis à  plus de 500 personnes de découvrir 11 passionnés par leurs métiers. Pendant plus de 6h, je fus époustouflée de leurs talents et de leurs expériences professionnelles. Une alchimie unique pour le succès de cette première édition o๠chaque détail compte :

• Une infrastructure optimale : L’amphithéâtre de l’Opéra Bastille est un lieu circulaire qui permet à  chacun de profiter au mieux des orateurs,



Attention, je suis sur cette photo mais o๠?

• Une animatrice experte : avec sourire et aisance, Mathilde Serrel sut mettre en confiance chaque orateur pour créer des transitions dynamiques,



• Une maîtrise du temps : 20 minutes pour chaque intervention pas plus. Cela suffit amplement pour éviter une perte d’attention du public et comme prévu, à  20h01 l’heure du cocktail sonna,
• Une diversité des sujets : photographie, architecture, design produit, illustration… Une sélection pluridisciplinaire o๠retours d’expériences étaient partagés en toute sincérité,
• Le « Made In France » : des interventions en français ! Pour un évènement regroupant plus de 500 spectateurs, je m’attendais à  des conférences en anglais. Habituellement, plus l’évènement est important, plus les organisateurs privilégient le nombre de vues sur Youtube au détriment du public présent. Donc… vous n’imaginez pas ma satisfaction d’entendre des personnes de talents parler dans ma langue maternelle avec authenticité et franchise de leurs péripéties.

Un grand bravo à  Romain Colin, fondateur de Fubiz et l’agence Tetro pour ce premier évènement qui, je l’espère, se perpétuera chaque année en conservant cette fraicheur o๠les speakers s’adressent au public sans prompteur, en total liberté et « lâché prise ».

La guerre des étoiles sur Plyce https://t.co/7hdnrFWJ1P #ergo #emotionaldesign http://pic.twitter.com/Z20Ahcs5Iv

— Ergophile.com (@ergophile) August 9, 2016

#UX is a team effort… pic.twitter.com/1qPq5IOku4

— Maureen Barlow (@pixelgem) February 19, 2016

Amazon personnalise sa ProgressBar de livraison pour les fêtes de fin dâ€année ! #ergo #ux http://pic.twitter.com/iZYdSRQfVl

— Ergophile.com (@ergophile) January 1, 2016

Player vidéo Disney, simple & efficace : controleur au rollover, progressbar drag https://t.co/iaq4JidYa2 #ergo #ux http://pic.twitter.com/e8R6KuJnyt

— Ergophile.com (@ergophile) January 1, 2016

L’ami Tony de Wisibility me sollicite début de l’été pour participer à  un projet collaboratif édité par Fotolia d’Adobe avec plusieurs designers ayant chacun une thématique dédiée. Le défi était d’imaginer un futur proche ou lointain selon ses affinités professionnels.

Sooon est bien plus qu’un livre. Il est une passerelle entre le confort du papier pour la lecture des articles et la découverte de contenus enrichis via des commandes vocales à  prononcer à  l’aide de son navigateur Chrome.

Le site est bien sûr consultable sur les différents devices et ses contenus sont vraiment très intéressants. Vous avez de la bonne lecture en perspective pour vos prochaines semaines

Voici quelques liens complémentaires :

• ● Projet Sooon.fr
• ● Origine du projet via Tony de Wisibility
• ● Ma contribution « Un langage plus humain grace au design émotionnel »

La grande nouveauté 2015 est sans aucun doute le Creative Sync. qui va permettre à  chaque utilisateur de synchroniser lâ€ensemble des applications Adobe aux fichiers en cours dâ€édition sur différentes plate-formes, supports et collaborateurs. Une nouveauté majeure qui soutient les nouveaux usages et permet de fludifier les workflows collaboratifs.

Petit cadeau de la soirée : ma propre typo BussonCondensedMedium. La classe !

Adobe Comp CC, nouvelle app sur l’iPad

Mon coup de coeur se porte sur Adobe Comp CC, que je ne connaissais pas… honte à  moi

Cette application permet de matérialiser une idée sur iPad sous forme de wireframe, puis en maquette grâce à  la synchronisation avec les différences services comme Fotolia, Typekit, ses propres fichiers. Comme tout est synchronisé, l’utilisateur peut continuer sous Photoshop, Indesign ou Illustrator directement sur son desktop.

Lors de la démo de Michael Chaize, j’ai trouvé cela GENIAL! Je suis en train de tester actuellement cette app pour un projet personnel et je suis assez bluffée de la prise en main très rapide et la fluidité pour créer des éléments avec une gestuelle très instinctive.

Comme toute prise en main d’un nouvel outil, il y a des habitudes à  prendre et il ne faut pas être réticent au changement mais… car il y a toujours un « mais »… j’ai rencontré quelques difficultés lors de la conception pour une app mobile. Sauf erreur de ma part, je n’ai pas réussi à  faire défiler mon contenu, c’est-à -dire, les éléments doivent remplir le contenant et ne peuvent dépasser de la zone définie. Donc, on ne peut pas avoir la sensation du défilement continu dans la prise en main de sa maquette. Cela est le cas dans tout les templates fournis ce qui est assez contraignant sachant qu’aujourd’hui nous n’arrêtons pas de scrolllllleeeerrr.

Le fabricant de peinture américain Valspar Paints collabore avec la société EnChroma pour la conception de lunette adaptée aux différents handicapes liés à  la perception de la couleur. Le site évènementiel valsparcolorforall.com y consacre plusieurs vidéos et témoignages sur le sujet.

Pour tester votre perception des couleurs, EnChroma vous propose également une série de tests et, forcément, des lunettes adaptées à  vos résultats

Color Enhancer : extension Chrome

Souvenez-vous dans un article précédant, Astuce graphique pour les daltoniens, un jeune étudiant de New Dehli développait un algorithme qui permettrait d’afficher des contenus web à  la perception des daltoniens. Je ne sais pas si cette extension Chrome provient de ces recherches mais cela est maintenant disponible : Color Enhancer.

Théorie de la couleur et usage du Cercle Chromatique

Si la couleur vous passionne, je vous invite à  regarder le Master Class vidéo (gratuit) proposé par Adobe et l’ami Stéphane Baril twitter sur tuto.com.

Livre : L’étonnant pouvoir des couleurs

Egalement, je vous invite à  lire le livre de Jean-Gabriel Causse déjà  évoqué dans un L’étonnant pouvoir des couleurs.

Raindrop.io

Un service multicanal en material design

Totalement réalisé en Material Design, Raindrop est un outil de bookmark très pratique et facile à  prendre en main. En seulement 15 minutes de test ma CB est vite sortie pour m’abonner à  l’offre « Raindrop PRO » ! Vous constaterez que l’abonnement est peu onéreux pour un usage professionnel indispensable.

Pour bookmarker un site web, l’extension Chrome se présente sous la forme d’un panneau latéral qui se superpose au contenu. Ce panneau latéral n’est pas intrusif et donne l’impression qu’il faisait partie du site en cours de consultation.

Extension du service ToDoist vs Extension de Raindrop

Des petites animations et la simplicité de son formulaire rendent sa navigation attractive malgré quelques petits défauts d’ergonomie qui certaines se sont résolues lors des mises à  jour.

Après avoir fait un screenshot du site web, vous pouvez modifier les métas pré-remplis (titre, description) et bien sûr tagger votre bookmark pour pouvoir le retrouver par la suite dans votre interface d’administration.

Raindrop est un service Russe réalisé par Mussabekov Rustem qui a la double casquette de développer et designer. Impressionnant !

En constance mise à  jour, je n’ai pas encore tout tester mais je vous partage déjà  mes ressources :

Autre ressource : Webibli, Passionnés du web, partagez vos livres

Découvert ce jour via un post sur linkedin, Webibli.fr est une plate-forme de partage de livre destinée aux professionnels ou amateurs du web. Je n’ai pas encore créée de compte mais l’idée est très sympa : rencontre, partage et économie

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

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.

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.
Ici, 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

(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 :

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 » :

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
Pour 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.

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 ^^

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! »