La typographie est un élément clé d'une identité visuelle réussie en terme de construction d'une image de marque, un investissement à côté duquel vous ne devriez pas passer.

L'identité visuelle d'une marque est composée de 3 piliers : les couleurs, le logo et la typographie. Ce ne sont bien sûr pas les seuls éléments à prendre en compte : l'imagerie (photographies, illustrations...) ou la pictographie sont également clés. Mais cette trinité - couleurs, logo et typo - est réellement ce qui permet de créer un système de design holistique qui différencie une marque d'une autre.

N'attendez pas avant de choisir votre typographie

Le choix d'une typographie est trop souvent négligé. Pourtant, cela devrait être prioritaire et pas juste un petit détail que l'on vient traiter quand toutes les autres briques du design ont été définies.

La typographie est le langage visuel qui véhicule le discours et le ton de votre marque. Elle permet de communiquer votre voix, votre message et vos valeurs au monde, de montrer ce qui se cache sous votre nom de marque et votre offre.

Si vous comptez créer ou repenser une identité visuelle, il est donc capital de prévoir et d'allouer un budget pour l'acquisition de licences typographiques.

"Nous n'avons pas de budget à allouer à l'achat d'une typo, utilisez-en une gratuite !"

Pourquoi donc ne pas choisir une typographie gratuite ? Après tout, il en existe des tonnes et beaucoup fonctionnent même très bien. La preuve : elles sont utilisées partout sur internet, et pour cause ! Les typographies gratuites sont souvent conçues pour plaire au plus grand nombre et ainsi être utilisées le plus souvent possible : elles sont simples, propres et souvent passe-partout.

Lorsque l'on travaille sur une identité de marque, il est important de se démarquer de ses concurrents : visuellement, mais également dans le message et la manière dont ce message va être perçu. Le choix d'une typographie adaptée devient donc un élément clé.

Bien entendu, il existe des typographies gratuites, très qualitatives et qui remplissent parfaitement leur job. Nous en utilisons d'ailleurs un grand nombre dans nos projets. Inter est par exemple une famille de typographie conçue pour le travail d'interface et l'affichage de données qui fonctionne parfaitement !

Et vous pouvez complètement faire le choix d'utiliser une des nombreuses typographies gratuites à disposition de tous sur internet. Mais vous prenez le risque que demain, le nouveau food-truck à la mode de votre ville utilise la même typographie pour son logo et les mêmes couleurs que votre entreprise, s'appropriant ainsi une grande partie de ce qui constitue votre identité de marque.

Petit interlude confession : vous l'avez peut-être remarqué si vous avez l'oeil affuté, la typographie utilisée pour les titres de notre site est Roboto Slab... Une typographie gratuite 😱. Je pourrai vous ressortir l'expression classique "les cordonniers sont toujours les plus mal chaussés" mais il y a une logique à ce choix. En effet, nous avons sélectionné cette famille typographique pour son style qui colle parfaitement à ce que l'on souhaite exprimer dans notre discours.

Lorsque l'on souhaite créer et développer une image de marque unique et véhiculer des valeurs et des émotions spécifiques, il est important d'avoir ce petit quelque chose, cette touche personnelle, ce détail qui différenciera votre marque et permettra à votre voix de ne pas se confondre avec d'autres.

Et ce petit quelque chose, il est vrai, a un prix. Prix très variable en fonction des typos, des studios ou des licences que l'on souhaite acheter. Une famille typographique peut s'acheter pour des prix allant de 10 ou 50 € et monter jusqu'à plusieurs milliers d'euros.

Mais l'important n'est pas le prix, car c'est un investissement. Un investissement dans votre identité de marque, dans le fait que votre marque devienne reconnaissable et identifiable dans la marée de marques auxquelles nous sommes tous confrontés chaque jour.

Le but n'est pas non plus d'acheter la typographie la plus chère pour espérer le meilleur résultat. L'objectif est de trouver la bonne typographie, qui aligne au mieux votre discours, votre ton et votre voix. La typographie qui transmettra le mieux votre message et qui créera le système de design le plus efficace.

Et pour une typographie qui vous est vraiment propre, il est même possible de travailler avec un studio pour créer une typographie propriétaire que seule votre marque utilisera et qui véhiculera de la meilleure manière votre message.

Pourquoi payer pour une typographie est un investissement à côté duquel vous ne devriez pas passer.

Pour se démarquer de la concurrence et garder le monopole acquis grâce à une expérience de plus de 30 ans, Ayming a souhaité offrir à ses clients de nouvelles fonctionnalités ainsi qu'une application web retravaillée, attirante et ludique adaptée aux besoins et attentes de ses utilisateurs finaux. 🔥

Ayming a donc fait appel à nos services afin de :

Repenser l'expérience utilisateur de leur solution avec l'intégration d'un nouveau module et donc de nouvelles fonctionnalités.

Les accompagner dans la refonte UI complète de leur application en retravaillant l'interface et ses éléments.


Dans cet article, nous allons faire un focus sur la Stratégie UX mise en place pour ce client, sachant que la contrainte principale pour ce projet était le délai relativement court que nous avions à respecter.

Nous nous sommes orientés vers le Lean UX, une approche rapide et efficace dans laquelle "vitesse" et "itération" sont les maîtres mots. Nous avons couplé cette méthodologie à de la recherche utilisateur, pour appuyer nos décisions sur de solides insights qualitatifs. 

Pourquoi avons-nous proposé ce process à Ayming ?

On peut voir certains avantages à travailler en Lean UX. C'est une méthode qui reste rapide, même couplée à de la recherche utilisateur. On va vite car on se base en partie sur des hypothèses issues de feed-backs potentiels, d'observation ou d'expérience. Je pense que les deux plus gros avantages sont le fait de rapidement arriver à un prototype final, prêt à être testé avec des utilisateurs finaux et donc de rapidement pouvoir le faire évoluer. L'avantage de ce cycle est également que toute l'équipe de conception peut avancer sans être dépendante d'une autre. Il faut imaginer qu'on vous livre quotidiennement plusieurs petits morceaux au lieu de vous en fournir un seul après des mois de conception. 

👉  Le lean UX n'est pas un ensemble de règles, mais une approche à adopter.

Le Lean UX est un processus de conception collaboratif et itératif permettant d'intégrer le design d'expérience utilisateur avec des approches de développement Lean et Agiles. Il permet par exemple de rapidement créer un MVP (Minimum Viable Product) sur la base d'hypothèses, puis de le mettre sur le marché pour évaluer sa pertinence et la valeur apportée aux utilisateurs.

Chez Ayming, les équipes étaient disponibles sur plusieurs jours, l'idéal pour organiser des sessions d'ateliers collaboratifs 🚀. L'équipe était formée d'experts dans divers domaines : directeur de produit, directeur commercial, consultants, développeur, cheffe de projet, designer UI et moi-même, designer UX en tant que facilitateur. Le lieu de passation était à l'agence, dans nos locaux, que nous avions agréablement aménagés afin que tout le monde se sente un maximum à son aise et se sente prêt à libérer sa créativité et ses idées. 

Avant de commencer, nous avons réalisé une session d'échange, de prise de connaissance approfondie de l'existant, de compréhension du métier et des travaux déjà menés en recherche utilisateur (Diagramme d'affinité & personas). 

Nous avons échangé sur le savoir de chacun, des potentielles idées de certains, des contraintes techniques à prendre en compte et la vision à long terme de tous. Il s'agissait d'une discussion ouverte où tout le monde était invité à parler, un icebreaker efficace autour d'un café croissant qui nous as mis en conditions ! 🍫

Aligner l'équipe sur une vision commune : L'énoncé de problème

Avant de débuter les ateliers et suite aux retours de la recherche utilisateur, il est important de définir la problématique principale à résoudre. Pour cela nous avons créé ce que l'on appelle l'énoncé de problème.

Ce dernier permet de mettre le produit en face de ses objectifs, de voir les objectifs non atteints et les potentiels effets négatifs que cela peut apporter à l'entreprise. Pour arriver à un énoncé de problème efficace, nous devons nous poser la question suivante :  comment résoudre ces problèmes de telle sorte que les utilisateurs soient plus performants sur des critères que l'on pourra mesurer ? 🤔

Ce premier atelier consistait à créer des suppositions dans le but de répondre à l'énoncé de problème définit précédemment. Pour information il en existe 4 types : 

Outcomes commerciaux : Quels résultats & conséquences attendons-nous pour l'entreprise ?

Utilisateurs : Qui sont nos utilisateurs ?

Outcomes utilisateurs : Quels résultats et objectifs veulent atteindre nos utilisateurs ?

Fonctionnalités: Avec quelles fonctionnalités les utilisateurs parviendront-ils à réaliser leurs outcomes ?

Ces suppositions ont été créées par de courtes sessions de brainstorming, dans lesquelles on partage des idées et on confronte certaines phases de divergence en convergentes. Le résultat final est un mur de suppositions. Nous en avons profité pour y ajouter nos données issues de la recherche utilisateur afin d'amené des données réelles et qualitatives aux données supposées par les équipes et déjà avoir une vision plus fidèle de la réalité de nos suppositions. Avant de passer à la phase d'assemblage des suppositions, nous avons priorisé les outcomes commerciaux et classé les outcomes utilisateurs par thématiques en équipe. 

Le Lean UX permet donc de créer des suppositions assez rapidement. L'intérêt de ces suppositions et qu'elles vont être le socle de construction de nos hypothèses.  

Lorsque les outcomes commerciaux sont priorisés, on les place dans un tableau d'hypothèse. Ce tableau d'hypothèse va nous permettre d'identifier et de formaliser les hypothèses de manière ludique et visuelle, sans trop se compliqué la tâche, assez naturellement. 📊

Création et priorisation des hypothèses

Après avoir rempli notre tableau d'hypothèses, il était très facile de les identifier et de formaliser sur des post-its. Pour les assembler, rien de plus simple. Il faut savoir qu'une hypothèse ne peut contenir qu'un seul outcome commercial, un ou plusieurs utilisateurs, un seul outcome utilisateur pour une seule fonctionnalité.  

Une hypothèse prend la forme suivante "Nous allons obtenir [outcome commercial] si l'utilisateur [utilisateur] peut obtenir [outcome utilisateur] avec cette fonctionnalité [fonctionnalité]. 

Sur 2 ateliers de plusieurs heures, nous avons formalisé 40 hypothèses ! 💣  C'est donc 40 fonctionnalités supposées répondre à la problématique. Nous avions donc 40 hypothèses à traiter afin de concevoir le nouveau module dans son ensemble. Hors, ce n'est pas l'objectif attendu, nous devions classer par priorités ces hypothèses afin de déterminer lesquelles étaient les plus importantes et intégreraient en premier lieu le MVP. 

Pour prioriser ces hypothèses, nous avons utilisé une matrice de priorisation des risques. Il s'agit d'une matrice comme il en existe une nombreuse ! Nous avons identifié les objectifs les plus important, en choisissant de prioriser les hypothèse en fonction de leur risque (combien cela peut-il nous coûter si nous nous trompons sur cette hypothèse ?) et leur valeur potentielle pour l'utilisateur et l'entreprise. Plus les hypothèses sont risquées et amènent potentiellement de la valeur, plus il faut les tester en priorité afin de rapidement apprendre et les valider. Les hypothèses non définies comme prioritaires seront intégrées plus tard dans le mvp et sont priorisées dans un backlog.

Ces ateliers réalisés dans un processus Lean UX nous ont permis de déterminer des hypothèses de fonctionnalités permettant l'intégration du module de gestion des actions et plan d'actions priorisé très rapidement. 

Le processus nous a permis d'économiser des mois de réflexion en créant un MVP que l'on peut directement tester. Après livraison du design UI et le développement effectué, nous pourrons mesurer le succès en testant notre MVP auprès d'un panel d'utilisateurs pour apprendre de chaque hypothèse et valider les étapes futures. 

Concevoir rapidement, tester et itérer, comment le Lean UX s'adapte aux contraintes et permet de rapidement développer son produit ?

Ayming nous a contacté pour les accompagner dans la refonte et l'évolution de leur application mobile de pilotage des risques professionnels, de la sécurité & de la santé au travail. Comment le Lean UX nous a-t-il aidé à concevoir rapidement, tester et itérer pour développer rapidement leur produit ?

Comment adapter une stratégie de conception centrée sur l'utilisateur en respectant des contraintes de temps et des besoins très rapide d'évolution du produit ? Le Lean UX y répond parfaitement et on s'en est inspiré !

Conception, tests & itérations : ce que le Lean UX nous a apporté 

Comment travaillons-nous avec nos clients et comment les intégrons-nous au processus créatif ? Comment partir d'une page blanche pour arriver à un produit qui répond aux besoins clients et qui séduit les utilisateurs ?

Voilà les questions auxquelles je vais essayer de répondre aujourd'hui. Let's go! 🔥

Comme souvent, pour qu'un projet se déroule bien, la première étape consiste tout simplement à se poser avec notre client pour discuter, échanger, et apprendre à se connaître du point de vue humain et des projets. Commencer à expliquer la manière dont nous travaillons et partager nos points de vue sur le produit à créer.

Il est important à cette étape de convier les bons interlocuteurs : les individus qui vont suivre le projet et travailler au quotidien à nos côtés sur les jours, les semaines, voire les mois à venir. Nous oeuvrons tous pour le même objectif : créer un produit top ! D'où l'importance d'être sur la même longueur d'onde dès le début 😊.

Ces échanges sont capitaux, car dans le design produit, c'est souvent une question de perspective et de confiance. Que tout le monde comprenne où on va, comment et pourquoi, est donc indispensable pour que les futurs échanges soient fluides et plus efficaces.

Pour faciliter cette étape, nous aimons poser diverses questions qui peuvent varier en fonction du projet. Voici quelques exemples :

Qu'est-ce qui serait considéré comme un échec pour ce projet ?

Qu'espérez-vous de ce projet ? Qu'est-ce qui serait considéré comme un succès ?

Quel rôle cela va-t-il avoir dans votre business ?

Qui sont les personnes qui vont prendre les décisions/valider les choix ?

Y a-t-il des entreprises qui vous inspirent ?

Y a-t-il des choses que vous n'aimez pas du tout dans des projets similaires ? Que vous ne voulez pas voir ?

Avez-vous une charte graphique ? Des éléments existants sur lesquels il faut se baser ?

Quelles sont les ressources dont vous disposez actuellement ?

L'objectif de ce point est d'aligner tous les participants sur une vision commune du projet et de les éclairer sur les étapes à venir. 

À cette étape, on connait le produit, les objectifs à atteindre et les contraintes et on a peut-être même commencé à se faire de nouveaux amis, yay 😃! Mais le produit pourrait toujours ressembler à n'importe quoi... En effet, même en connaissance de toutes ces informations, le champ des possibles est toujours très vaste.

Imaginons que nous sommes architectes et qu'une famille nous demande de construire une maison pour 5 personnes avec 4 chambres et 2 salles de bain 🏠. Sachant ça, la maison pourrait tout à fait être grande, petite, large, haute, sur un étage comme sur 3 étages, blanche, bleue... Tout est encore possible et c'est pour ça qu'il faut commencer à réfléchir à différentes pistes et collaborer pour trouver la plus adaptée !

Nous aimons donc à cette étape travailler sur différentes planches visuelles, on peut parler ici de moodboard. Chaque planche représente une piste et contient des éléments tels que :

le type d'imagerie : photos, illustration, visuels 3D...

des éléments d'interfaces : boutons, animations...

Chaque moodboard doit être assez distinct des autres pour permettre d'identifier une tendance, une direction, un ton. Cela n'est pas représentatif du rendu final du design, mais est un guide pour la réalisation des futures maquettes. Le but est ici de commencer à s'orienter vers une piste plutôt qu'une autre, sans que quoi que ce soit encore complètement défini et gravé dans le marbre. Cela doit donner une idée de la future ambiance du produit, sans rentrer dans des détails superflus ou des considérations trop spécifiques.

En fonction des retours sur les différentes pistes, nous travaillons sur une version plus aboutie en prenant en compte les retours de notre client. C'est un document vivant, sur lequel on doit pouvoir itérer et revenir en cas de problème.

Maintenant que l'on a une direction sur laquelle se baser, on commence à appliquer tout ça sur de premières maquettes du produit. Le but ici est de travailler sur des vues clés, assez représentatives en terme de contenu et de composants visuels et d'interface du produit.

L'important à cette étape est encore une fois de ne pas se mettre trop de contraintes et de rester créatif ! En effet, même en ayant défini un style de typographie, une palette de couleurs et un style d'imagerie à l'étape précédente, l'interface peut encore ressembler à n'importe quoi ! Alors on essaie, on teste, on jette notre copie et on recommence jusqu'à obtenir quelques pistes intéressantes qui pourraient fonctionner.

C'est ici encore une fois un travail collaboratif entre nous et notre client. On crée une version, on la présente, on corrige, on itère, on recommence si besoin et on avance !

Et si on a un doute, on peut toujours se replonger dans tout le travail et les informations apportées par l'étape d'immersion. Il faut toujours que tout le monde garde en tête pour qui nous faisons notre produit et pour quel(s) objectif(s).

Quelques éléments une conception visuelle réussie :

✒️ Utiliser dès que possible un maximum de vrais contenus : exit le lorem ipsum, on veut travailler avec de vrais textes, pour créer une interface qui s'adapte au mieux au futur contenu. Quand on parle de site vitrine, le contenu représente une grande partie du succès du site et il est donc même nécessaire de le concevoir et de le rédiger en amont, car la ligne éditoriale est une part entière du branding de la marque.

🏠 Ne pas forcément commencer par la page d'accueil : lorsqu'on travaille sur un site, on a souvent tendance à vouloir commencer à designer la page d'accueil. Mais la page d'accueil étant souvent un hub permettant de rediriger vers les pages intérieures du site, il est parfois plus pertinent de commencer par une page produit, une page expertise ou autre avant de s'attaquer à la page d'accueil !

Une fois qu'une direction a été validée, on est dans le concret. On a une base solide, reste à l'étendre à toutes les vues à réaliser. La plus grande complexité selon moi à cette étape est d'arriver à trouver l'équilibre la rigueur et la créativité.

En effet, il faut réussir à ce que toutes les pages aient une cohérence.Et retrouver une ligne directrice dans la navigation et l'enchaînement des vues. Mais il faut également que chaque page soit unique, et apporte ses propres éléments, le but n'étant pas que chaque page soit un copier-coller de la précédente avec un nouveau titre et des photos différentes.

Tout le travail du designer va être de réussir à créer des règles et des composants d'interfaces que l'on va retrouver sur l'ensemble du produit. Nous créons par exemple une palette de toutes les couleurs qui vont être utilisées ainsi que leurs nuances, des règles typographiques et de structures de page ou encore d'iconographie... Si vous souhaitez en apprendre plus à ce sujet et acquérir une réelle méthode efficace de travail, je vous recommande chaudement la lecture de Refactoring UI de Steve Schoger et Adam Wathan. Je ne m'étendrai pas ici sur le sujet des Design Systems car c'est un sujet trop vaste, mais peut-être une prochaine fois ? 😊

Faire tout ça, c'est bien. Mais il ne faut pas oublier de garder chaque page unique et intéressante. Si on reprend l'exemple de notre maison : chaque pièce a une utilité. C'est pareil pour notre produit : chaque vue à un objectif. À nous de réussir à l'atteindre en expliquant clairement à l'utilisateur ce que l'on veut lui dire et à le guider pour qu'il atteigne cet objectif.

💡 Petit conseil en passant : si le produit semble trop massif, il peut être judicieux de travailler sur plusieurs petits lots plutôt que d'essayer de tout faire d'un coup. Nous essayons toujours d'identifier quelques fonctionnalités importantes, de les traiter, puis de travailler sur d'autres lots au fur et à mesure. Se concentrer sur un spectre restreint permet de ne pas se perdre et d'être submergé par quelque chose qui serait trop complexe.

Et bien sûr, nous n'oublions pas de décliner chaque support : desktop, tablette, smartphone... Tout y passe. En fonction du projet, il peut être intéressant de travailler sur les vues mobile en premier, c'est ce qu'on appelle le Mobile First, mais nous n'épiloguerons pas sur ce sujet aujourd'hui !

Et enfin, on transforme si possible tout ça en prototypes interactifs. C'est toujours mieux pour pouvoir se projeter de pouvoir naviguer et interagir avec son produit que de voir de simples captures d'écran en JPEG.

Vous l'aurez compris (je l'espère 🤞🏻), le processus créatif passe par plusieurs étapes qui permettent d'avancer pas à pas, ensemble, vers un résultat idéal. C'est ici un processus "type" que j'ai essayé de vous détailler, mais il n'y a pas de méthode miracle pour réussir le design d'un site ou d'une application. Il faut savoir rester flexible et adapter sa méthode.

Chaque projet est différent. Certains permettent une grande liberté créative quand d'autres sont beaucoup plus cadrés par des chartes graphiques ou des contraintes techniques importantes. Certains invitent à un travail de branding qui va au-delà d'un simple processus créatif et invite à une réflexion plus aboutie et plus profonde sur la marque, ses enjeux et sa communication.

Chez Uxer, nous travaillons également avec l'utilisateur au centre de nos projets. Cela implique un gros travail d'UX tout au long du projet qui s'imbrique au processus créatif. UX et UI Designer travaillent donc ensemble pour arriver à un résultat efficace et qui, on l'espère, ravit vos équipes et vos utilisateurs. 😍

Pour finir, si ce dernier point vous intéresse, notre UX Designer Romain nous parlait il y a quelques semaines de la raison pour laquelle il est important d'intégrer vos utilisateurs au processus de conception et de design.

Ou comment arriver à un résultat qui vous donnera envie de crier "Wahou !"

Comment faire pour que votre site ou application réponse parfaitement à vos besoins et à ceux de vos utilisateurs ?

Quels sont les outils que j'utilise quotidiennement en tant qu'UX Designer ? C'est ce que j'ai décidé de vous partager aujourd'hui. Voici donc quelques outils que j'affectionne tout particulièrement et surtout qui me permettent de gérer mon organisation, optimiser ma productivité et collaborer avec les équipes ⚡️

Cette liste va se limiter à 6 outils mais la liste est en réalité bien plus longue. Je vais vous présenter les outils qui nous permettent aujourd'hui de répondre à un besoin de forte collaboration entre les équipes, de plus en plus de travail à distance et donc une adaptation de notre flux de travail pour rester dans une démarche qualitative et centrée sur l'utilisateur 💪

Alors allons-y, vous allez voir ces outils sont incroyables !

Organiser, gérer et centraliser sa production avec Notion


Le seul, l'unique ! Cet outil a révolutionné notre manière de travailler.
Il s'agit d'un véritable espace de travail collaboratif. J'organise donc toute ma production sur cet outil, que ce soit professionnel ou personnel. Toute l'agence l'a également adopté, c'est notre principal espace de gestion où tout le monde peut suivre l'avancée de chaque projet et les différents livrables. Cet outil permet d'intégrer une multitude de données, de formats différents et permet de nombreuses interactions. 

Notion permet aussi de partager via un simple lien tout l'espace de travail à des collaborateurs. C'est ce que nous faisons avec nos clients afin de leur donner un accès de manière transparente à toute la production et d'accéder rapidement aux livrables.

Comment je m'en sers tous les jours ? 
Je l'utilise pour toutes les phases préparatoires, recherche secondaire, gestion du recrutement, création de guides et j'en passe ! C'est également mon outil principal de prise de notes lors d'entretiens utilisateurs et d'observations, de création et partage de livrable, mais aussi de gestion de la production avec par exemple la création d'un backlog priorisé. 





Des tests qualitatifs à distance avec Lookback


Lookback est un outil qui nous permet de réaliser une partie de la recherche utilisateur, plus précisément les entretiens et tests utilisateurs. Bien évidemment, de base nous préférons les réaliser en présentiel, mais certaines contraintes nous amènent à proposer de plus en plus de distanciel (la covid-19 nous y a également poussé 🦠). Cet outil est très puissant et permet de garder tout le principe d'un entretien ou test qualitatif, mais à distance ! Comment ? En permettant d'organiser des sessions d'entretiens ou de tests utilisateurs, en live ou en "Selftest" individuel, en enregistrant l'écran du participants, ses mouvements de souris et actions mais aussi ses réactions et émotions via sa caméra.  

Comment je m'en sers tous les jours ? 
Nous réalisons des entretiens à distance, en enregistrant les échanges afin de pouvoir les exploiter ultérieurement. Il permet également de la collaboration en invitant des membres à participer en tant que spectateur. Une des forces de lookback est de pouvoir organiser des tests via des scénarios qui permettent aux participants de les réaliser au moment où ça les arrange, tout en enregistrant la session et récoltant du feedback.





L'idéation collaborative et participative avec Miro


Miro est un espace de production collaboratif qui centralise le travail de conception sur un espace commun et où l'équipe, les potentiels utilisateurs et le client peuvent intervenir et voir en direct les interactions. 
C'est un outil ludique et d'une grande simplicité qui permet de centraliser sur un petit écran, une vaste étendue de données 🚀
Nous trouvons 2 avantages à utiliser Miro :
- Les ressources de templates disponibles sont nombreuses et permettent de rapidement mettre en place un espace de travail qui nous correspond sans refaire l'existant. Il y en a énormément pour ce qui concerne l'idéation et la conception de l'expérience en général.
- Tout le monde peut travailler ensemble, la collaboration en live est un gros point fort, et permet aussi de digitaliser tous les supports et données créés en leur donnant un accès permanent via un simple lien.  

Comment je m'en sers tous les jours ? 
Je l'utilise le plus souvent comme espace de travail pour des ateliers à distance, mais aussi comme support pour synthétiser et permettre un accès à de nombreuses données issues d'entretiens utilisateurs, par exemple sous forme de diagramme d'affinité, mais aussi pour du brainstorming, de la priorisation d'idée et tout ce qui touche à l'idéation.  





Des tests quantitatifs à distance via de simples prototypes avec Maze


Nous sommes très rapidement tombés sous le charme de Maze. Organiser des tests utilisateurs à distance, via des prototypes Sketch ou Figma, et surtout analyser des résultats quantitatifs via de nombreux visuels, diagrammes et données modulables. 

C'est un atout important surtout que la mise en place initiale est simple et rapide à mettre en place à partir du moment ou l'on sait ce que l'on veut tester et que l'on a préparé son prototype ! C'est aussi une force d'obtenir des résultats de plus de 100 participants en 45 minutes, quoi de mieux pour rapidement tester une interface et valider des hypothèses ? 

Comment je m'en sers tous les jours ? 
Certains projets nous demandent d'avancer vite, et de tester vite car le vite fait souvent place à beaucoup d'hypothèse sur ses utilisateurs. Maze permet une flexibilité sur des tests utilisateurs qualitatifs beaucoup plus longs à préparer, passer et analyser. Nous l'utilisons donc souvent en compléments de tests utilisateurs individuels. Les résultats sont rapidement obtenus et nous les présentons au client avec nos recommandations. Maze est très fort car il peut aller loin dans le détail, notamment grâce aux différentes heatmaps et zones de Missclicks.





Des formulaires simples et puissants avec Tally


Créer et partager un formulaire ! C'est assez simple et il existe de nombreux outils, mais pas deux comme lui 🤩 Tally permet de créer des formulaires de manière très visuelle et ludique, avec une multitude de formats de données. Il nous rappelle beaucoup notre petit préféré - Notion - surement parce qu'il lui ressemble énormément !

Comment je m'en sers tous les jours ? 
Aujourd'hui, nous essayons d'automatiser certaines tâches répétitives pour améliorer notre production. Ainsi, Tally nous permet de créer des formulaires que l'on utilise comme templates (enfin duplicables 😅) et que l'on peut personnaliser et adapter si besoin. Nous les utilisons pour la stakeholders meeting pour prendre un besoin et anticiper une visio plus approfondie. Nous l'utilisons encore plus en phase d'évaluation, que ce soit pour administrer des questionnaires exploratoires, de la complétion de phrases, de l'échelle d'utilisabilité ou encore de l'échelle UX. (Tout ceci gentiment connecté à Airtable via Zapier permet de gagner beaucoup de temps sur l'analyse de ces deux derniers, mais là n'est pas le sujet du jour 🤓)





Des wireframes à l'UI, mais pas que avec Figma


Figma est l'outil collaboratif que nous utilisons le plus ! Il est beau, magique, fort et répond (souvent) parfaitement à nos besoins 🥰 De la conception de wireframes à l'UI, nous utilisons quotidiennement Figma à l'agence avec Manu, notre designer UI.  

Cet outil a fait ses preuves face à une concurrence assez importante, il évolue rapidement et positivement. Le côté collaboratif est top et permet de travailler en équipe même à distance. Il permet également une transition simple et efficace avec le développement, permettant à nos amis les développeurs de récupérer tous les assets ou les styles CSS en un clic.

Comment je m'en sers tous les jours ? 
Même s'il me sert principalement à réaliser des wireframes et itérer avec le client, il peut être utilisé pour divers supports. Sur des audits ergonomiques assez vastes, il nous permet de digitaliser le livrable et de permettre au client de se balader sur le prototype simplement et de manière dynamique. Je l'utilise également pour créer les premiers supports de proto-personas, puis pour formaliser les personas. La dernière nouveauté à l'agence, nous avons opté pour un gain de productivité en créant notre kit wireframe ⚡️

Ces outils nous facilitent la vie au quotidien ! Cette liste est loin d'être complète mais c'est un premier aperçu 🤭 

Comment s'organiser, collaborer et centraliser sa production en UX Design chez Uxer ?

Aujourd'hui nous présentons les outils que nous utilisons tous les jours et qui nous permettent d'améliorer notre organisation et flux de production en UX Design. Voici notre petite sélection chez Uxer. 

Vous lancez un produit ? Un nouveau service ? Vous entamez une refonte de votre solution digitale ou de votre site web ? Que ce soit dans le digital ou tout autre domaine, il sera conçu et utilisé par des humains. Ce sont ces humains que nous appelons vulgairement les "utilisateurs". Ces utilisateurs sont ceux qui vont utiliser le produit au quotidien, nous aider à le concevoir et le faire évoluer.

Pourquoi intégrer vos utilisateurs dans votre projet ? 

Lorsque l'on conçoit une expérience utilisateur (ce que l'on appelle l'UX design), notre objectif est de rendre la solution utilisable, simple, agréable, ainsi que de donner toutes les possibilités aux utilisateurs de réaliser leurs actions facilement et rapidement, en prenant en compte leurs habitudes, comportement et besoins. 

Dans une conception centrée sur l'utilisateur, il semble donc évident que la première étape est de connaitre et comprendre les humains qui utiliseront la solution 👋 . C'est le point de départ, la base et l'essentiel ! 

"Je préfère mettre du budget dans mes maquettes que dans cette recherche", "Mais on sait déjà ce qu'ils veulent", "Nos utilisateurs on les connaît", "Après tout ils prendront ce qu'on leur donne car on ne l'a pas pensé comme ça", "On a l'habitude et puis ils sont comme vous et moi"

Vous avez déjà entendu ou prononcé ces phrases ? Notre vision et expérience nous obligent à vous dire que c'est faux ! Sans prétention aucune, je vous assure que vous ne savez pas tout et que vous avez encore beaucoup à apprendre des gens qui utilisent votre solution.

La recherche utilisateur - user research - s'inscrit dans une phase de conception permettant de découvrir qui sont nos utilisateurs en les identifiant, en observant leurs comportements, pensées et leurs émotions : Pourquoi tel ou tel choix ? Pourquoi telle ou telle réaction ? Quelles sont vos habitudes ? Que craignez-vous ? Quels sont vos besoins ? Dites nous vos attentes précises ? Voici de petits exemples des axes de recherche à explorer 🙂

Dès le début ! (Le tout début même). Il faut intégrer les utilisateurs le plus tôt possible dans le cycle de conception, ce sont eux qui ont les réponses à vos questions & hypothèses, ce sont eux qui sont confrontés aux problèmes. Ils représentent le coeur même du projet. Nous allons concevoir pour eux, et encore mieux, nous allons concevoir avec eux 🤝

Sachez qu'il n'est jamais trop tard pour intégrer vos utilisateurs à votre projet ! Nous vous recommandons de le faire dès le début mais si c'est trop tard, pensez-y pour la suite du projet qui sera de toute manière amené à évoluer avec ces derniers.

Vous vous demandez surement comment connaitre ses utilisateurs et les intégrer au projet ? Je vais vous parler de 3 méthodes de recherche UX indispensables et complémentaires, la base dans le processus de conception centré sur l'utilisateur. 

🎙 Les entretiens utilisateurs. Nous nous entretenons avec les utilisateurs pour échanger sur des thématiques en lien avec le projet, sur leurs habitudes, craintes et potentiels problèmes rencontrés lors d'une précédente interaction. Ces entretiens qualitatifs permettent de générer de précieuses données sur les motivations, objectifs, craintes, besoins & désirs. Nous utilisons ensuite ces données pour dresser le profil des groupes d'utilisateurs, que nous appelons personas.



👀 Les observations. Les observations sont complémentaires aux entretiens utilisateurs. On apprend facilement lorsque l'on interview une personne, mais quoi de mieux que de l'observer en interaction avec la solution, dans son contexte d'utilisation naturel ? L'observation permet d'identifier ce que pensent les gens, ce qu'ils disent, ce qu'ils voient et ce qu'ils font réellement. Nous allons donc observer des utilisateurs en interaction avec la solution, les laisser en autonomie et relever les moments positifs et négatifs dans leurs expériences.



🧪 Les tests utilisateurs. Ces tests sont primordiaux. Il nous arrive souvent de voir et de lire des articles impliquant les tests utilisateurs en fin de projet. Oui c'est vrai, mais nous vous recommandons de tester la solution avec de réels utilisateurs dès le début ! Chez Uxer, lorsque nous le jugeons nécessaire, nous proposons le test utilisateur au début du projet. C'est un excellent complément des deux méthodes précédentes. L'objectif de réussite d'un projet, d'un point de vue client, est souvent de "faire mieux", d'améliorer les conversions, de fidéliser. Pour cela il faut savoir où sont les problèmes actuels et la cause de ces problèmes. Lorsqu'une solution est déjà existante, nous la mettons donc entre les mains de vos utilisateurs afin de les faire tester ! Ces derniers réalisent des scénarios permettant de valider ou non nos hypothèses et nous permettre de prendre des décisions éclairées.

Et si on n'a ni le temps ni le budget nécessaire ? 

La stratégie de conception centrée sur l'utilisateur est établie sur mesure. Elle répond à vos besoins dans le cadre ou elle intègre les réels besoins et attentes de vos utilisateurs et donc permet de créer une expérience globale positive. Il existe aujourd'hui de nombreuses façons de réaliser des entretiens, observations et tests utilisateurs, en fonction des contraintes temporelles, budgétaires et matérielles.

Gardez en tête qu'il vaut mieux réaliser cette recherche en l'adaptant avec les moyens que vous avez plutôt que de ne rien réaliser du tout. Il est d'ailleurs tout à fait possible de récolter certaines données et de les formaliser avec des hypothèses établies au préalable par les équipes. Il est certain que le résultat ne sera pas le plus optimal mais qu'il sera quand même une bonne base, amenée à évoluer tout au long du projet via de nombreux apprentissages. Si vous avez une certaine culture du risque, il est donc tout à fait possible d'avancer avec plus d'incertitude. Sachez que si vouliez être accompagné par Uxer, nous nous adaptons à vos contraintes et vous aidons à rester le plus qualitatif possible.

À quels risques je m'expose si je ne réalise pas de recherche utilisateur ?

Les risques sont nombreux, et non sans conséquence (😱)! Le premier qui me semble être le plus important, est celui de véhiculer une mauvaise expérience. Aujourd'hui les exigences sont de plus en plus nombreuses dans le digital : temps de chargement trop longs, informations peu explicites, architecture trop compliquée.. il existe des dizaines de raisons pour un utilisateur de vivre une mauvaise expérience. Cette dernière entraine fatalement une baisse du nombre d'utilisateurs, utilisateurs qui auraient pu devenir fidèles. Il y aurait donc 2 perdants : l'utilisateur et le client. La suite vous la connaissez, du budget investit dans un produit final qui ne correspond pas - on ne vous le souhaite pas - aux besoins utilisateurs. 

Ces phases de recherche sont souvent longues. Elles demandent un certain temps de préparation, passation puis d'analyse et formalisation sous forme de livrables à partager à toutes les parties prenantes. 

Vous pouvez penser qu'il s'agit d'une perte de temps et qu'il est possible de s'en passer. Mais notre constat sur le terrain est très souvent inverse à ces croyances, car le gain d'une démarche centrée sur les utilisateurs se retrouve logiquement sur le budget et le résultat final de votre produit. En lien direct avec sa pertinence et sa capacité à répondre aux attentes des utilisateurs et ainsi à améliorer le rapport entre l'investissement financier et la valeur d'usage du produit conçu. 🙂

Pourquoi intégrer les utilisateurs finaux le plus tôt possible dans la conception de l'expérience utilisateur ?

Bien que souvent négligée, la recherche utilisateur reste essentielle dans la conception d'une expérience utilisateur. Connaître et surtout comprendre nos utilisateurs, mais aussi les impliquer dans la conception, il s'agit de la base dans une conception centrée sur l'utilisateur.  

La recherche utilisateur par Uxer - Blog Uxer 

Pourquoi intégrer nos utilisateurs, on les connaît et on sait ce qu'ils veulent !

Design, code & vied’une agence bordelaise