Matière grise - Qu'est-ce qu'une carte mentale dans le processus de conception ?

Lors d'un brainstorming sur un nouveau concept de produit ou de l'évaluation d'une nouvelle idée de fonctionnalité lors de la conception d'un produit, la prise de notes devient parfois incontrôlable - on peut se retrouver avec des pages de gribouillis qui sont souvent plus déroutantes qu'utiles. Les cartes mentales sont un excellent moyen d'organiser les pensées de manière plus productive.

Qu'est-ce qu'une carte mentale ?

Les cartes mentales sont également appelées diagrammes de pulvérisation et diagrammes d'araignée (ou spidergrams, pour faire court) en raison de leur apparence. Cette méthode et le terme «carte mentale» ont commencé à être popularisés en 1974 par Tony Buzan, psychologue britannique, auteur et consultant pédagogique lors d'une série télévisée de la BBC intitulée Use Your Head . Cependant, l'utilisation de diagrammes qui cartographient visuellement les informations existait bien avant cela.

Parce que les cartes mentales ont une structure bidimensionnelle, elles nous montrent la forme du sujet, l'importance relative de chaque point et comment les faits sont liés les uns aux autres. Pouvoir voir tout cela au même endroit nous aide à examiner efficacement les informations, à mieux nous en souvenir et à améliorer la résolution créative des problèmes.

Les cartes mentales sont efficaces car elles exploitent les tendances naturelles de notre esprit à penser visuellement et à comprendre un sujet en faisant des associations. Même les penseurs les plus abstraits se souviennent mieux des images que de tout autre type d'information. Les cartes mentales sont également de nature très flexible. Ils peuvent être utilisés pour transmettre différents types d'informations - une série d'étapes, une hiérarchie d'informations ou des pensées aléatoires autour d'un sujet spécifique.

L'anatomie d'une carte mentale

Les cartes mentales partent toujours d'un point central, qui est le sujet principal, et se divisent en sous-composants. Voici un exemple de carte mentale simple :

Outre les lignes hiérarchiques (les branches principales), les cartes mentales peuvent également avoir des lignes de relation. Ceux-ci peuvent être représentés par des lignes pointillées qui indiquent les relations entre les éléments qui existent sur différentes branches.

Bien qu'ils ne soient pas illustrés dans l'exemple ci-dessus, les nœuds de carte mentale peuvent également contenir des images ou des icônes. Il n'y a pas de structure rigide pour de telles cartes. C'est ce qui les rend formidables. Ils devraient être aussi fluides que le processus de pensée d'une personne.

Quand utiliser les cartes mentales dans le processus de conception de produits ?

Lorsque vous essayez de comprendre un sujet, les cartes mentales peuvent être utilisées à tout moment pendant la phase de recherche du processus de conception du produit. Dans le processus de réflexion conceptuelle, la cartographie mentale est un exercice utile à faire au cours des trois premières étapes : empathie, définition et idéation.

Lorsque les concepteurs lancent un nouveau projet, tous les membres de l'équipe produit ont probablement une idée floue de ce que devrait être ce projet. Cartographier le système aidera tout le monde à gagner en clarté afin que, lorsqu'il est temps de structurer une application, par exemple, l'équipe ait une image claire du système dont elle a besoin pour construire - quelles sont les principales sections de l'application, quelles fonctionnalités elle doit ont, comment ces fonctionnalités interagissent avec le reste du système, etc.

Souvent, l'exercice de cartographie mentale aidera l'équipe à découvrir beaucoup de choses qui n'ont pas été correctement réfléchies ou qui nécessitent une décision. C'est également le moment idéal pour les concepteurs de réfléchir au problème à résoudre et de déterminer si le système en cours de conception résout ou non le problème. Passer directement au wireframing et au prototypage peut souvent amener les équipes à se perdre dans les détails, à jouer avec les éléments et le texte de l'interface utilisateur, à essayer de comprendre l'architecture du système au fur et à mesure.

Un exemple pratique de carte mentale

Imaginons le scénario suivant. Un fondateur de startup souhaite créer une application mobile pour les propriétaires d'animaux et les soignants, où les propriétaires d'animaux peuvent publier un emploi pour promener un chien, emmener un animal chez le vétérinaire ou s'occuper d'un ami à quatre pattes pendant que leurs propriétaires sont en vacances. Le brief client initial comprend une description de ce que l'application doit faire, quelques exemples de concurrents et quelques détails sur le marché cible.

Après quelques recherches, l'équipe produit a une idée claire de la nature du problème, des utilisateurs et de l'avantage concurrentiel des entreprises. Il est maintenant temps de déterminer ce que l'application doit faire et comment elle le fera.

Ce système nécessitera deux types de comptes : les propriétaires d'animaux et les soignants. Regardons du côté des soignants. De quoi auraient-ils besoin dans l'application ? Plus que probablement les suivants :

• Emplois disponibles
• Profil
• Réglages
• Un endroit pour mettre des éléments secondaires (termes et conditions, lien pour évaluer l'application, support client, etc.)

Ensuite, décomposons chaque section. En quoi consisterait Jobs ? Plus que probablement les suivants :

• Emplois disponibles
• Filtres et fonctions de tri
• Une liste d'emplois "favoris"
• Un historique des emplois pour lesquels ils ont postulé
• Une liste de leurs travaux en cours

Faisons une autre branche : que doit contenir une page d'emploi ? Par exemple:

• Description de l'emploi
• Lieu de ramassage des animaux
• Profil du propriétaire
• Profil de l'animal
• Paye offerte
• Un bouton pour postuler
• Un bouton pour enregistrer/marquer comme favori

Ce processus de cartographie mentale se poursuit jusqu'à ce que l'ensemble du système soit cartographié. Dans ce cas, comme il existe deux types de comptes qui interagissent, il y aurait deux cartes mentales sur le même canevas, avec des lignes pointillées qui montrent les relations entre différents éléments qui interagissent les uns avec les autres.

Au fur et à mesure que l'équipe produit effectue cet exercice, elle constate souvent que de nombreuses questions se posent : par exemple, le salaire est-il fixe ou existe-t-il une sorte de système d'enchères ? Une fois qu'un travail est attribué, l'application gère-t-elle la communication entre le propriétaire de l'animal et le soignant, ou affiche-t-elle simplement les coordonnées du profil du propriétaire ?

Ces questions et d'autres similaires trouveraient une réponse lors d'une réunion avec le fondateur de la startup. À certains égards, cette étape est similaire à l'exercice « d'entretiens avec des experts » dans les sprints de conception, sauf que le résultat est plus qu'une liste d'énoncés de problèmes.

Applications pour la cartographie mentale

Il existe une pléthore d'applications de cartographie mentale à explorer, mais pour vous faciliter la tâche, voici trois recommandations : Coggle, Miro et Whimsical.

Coggle possède le plus de fonctionnalités pour dessiner des cartes mentales, il est bon marché et enregistre les cartes sur Google Drive. Le plan Free Forever est idéal pour les tests et une utilisation légère. Les forfaits payants sont de 5 $/mois pour un usage personnel et de 8 $/utilisateur/mois pour les équipes.

Miro est un excellent outil polyvalent qui peut faire bien plus que de la cartographie mentale. Il peut être utilisé pour les cartes de récits d'utilisateurs, les cartes de parcours client, les organigrammes, les tableaux kanban, les wireframes, etc. Le plan gratuit permet un maximum de trois projets. Les forfaits payants commencent à 12 $/mois pour les consultants et à 40 $/mois pour les équipes d'au moins cinq membres. Miro propose également des applications pour les ordinateurs de bureau et les appareils mobiles.

Whimsical est un autre outil génial qui, en plus des cartes mentales, peut également créer des organigrammes, des notes autocollantes et des wireframes. Le plan gratuit comprend quatre planches. Les forfaits payants sont de 10 $/mois pour les particuliers et de 12 $/utilisateur/mois pour les équipes.

Conseils sur la technique de cartographie mentale

Ne le faites pas trop proprement. Résistez à l'envie de rendre la carte trop nette et que tout soit parfaitement aligné. Cet exercice se veut rapide et salissant. Il n'est pas censé être aussi propre que, disons, un plan du site.

Apportez plusieurs cartes sur le même canevas. Il n'y a pas de règle quant au nombre de cartes pouvant exister sur le même canevas. Pour les systèmes complexes, il peut y avoir plusieurs cartes pour différents rôles d'utilisateur, différentes applications faisant partie du même écosystème, ou l'ancienne version d'une application et la nouvelle.

Indiquez la hiérarchie sur la carte. Bien que les cartes mentales soient hiérarchiques par nature, certaines branches qui se ressemblent sont souvent plus importantes que d'autres. Lorsque vous dessinez la carte, réfléchissez aux branches les plus importantes d'un nœud spécifique et mettez-les en surbrillance à l'aide d'une couleur, d'une icône ou de la taille du texte. Pour en revenir à l'exemple ci-dessus, la partie la plus importante de la section Travaux est la liste des « travaux en cours ». Prendre note de ces choses sur la carte mentale rendra le wireframing beaucoup plus facile.

Braindump, puis affinez. Évitez d'être trop précieux avec la première itération d'une carte mentale. Laissez les idées circuler librement et mettez-les sur la carte. Certaines idées n'auront pas de sens ou devront être déplacées vers d'autres branches. C'est bon. Modifiez-le et affinez-le lors de la deuxième passe lors du processus de cartographie mentale.

• • •

Pour en savoir plus sur le blog Toptal Design :

• Conseils et considérations lors du choix d'une police de caractères (avec infographie)
• N'écoutez pas les clients - Pourquoi la recherche sur les utilisateurs est importante
• Restez cool : comment prendre en compte les commentaires de conception de manière stratégique
• Le guide complet des méthodes de recherche UX
• La marque est morte, la conception CX est roi