Carte Mentale Dans les Murs de l'UI/UX

Saurav Pandey est un designer de produit chez Snapdeal. Il aime créer des expériences agréables, en utilisant des pixels et des vecteurs pour les transmettre. Il a trouvé que la création de cartes mentales est un outil utile pour l'enrichissement des concepts, et il a utilisé XMind dans ses projets UI/UX. Dans cet article, il partage ses réflexions et comment XMind l'aide dans ses projets.

Articuler une pensée complexe peut être difficile, cependant, XMind démêle une stratégie connue sous le nom de cartographie mentale, qui peut rendre le processus beaucoup plus facile.

Cartographie Mentale

« Un problème bien énoncé est un problème à moitié résolu »

Une carte mentale est un outil utile pour l'enrichissement des concepts. Un fort accent doit être mis sur la cartographie mentale car elle aide à générer de nouvelles idées et à identifier les relations entre différentes données et informations.

Je préfère personnellement XMind pour créer des cartes mentales.

Un exemple de carte mentale d'un de mes projets

Obtenez XMind pour Mac

XMind vous permet de créer un diagramme où une idée principale se ramifie en idées connexes.

Pour commencer, entrez votre idée principale, puis attachez des ‘nœuds’ supplémentaires, ou sous-sujets. Chacun peut se diviser en sous-nœuds, qui à leur tour peuvent se diviser en d'autres sous-nœuds. Si à un moment donné vous commencez à perdre de vue l'ensemble, regardez simplement la liste déroulante de tous les nœuds que vous avez créés.

Il y a bien plus à faire avec les cartes mentales que de simples mots : on peut inclure des icônes, des images pour les égayer ou rendre les nœuds plus faciles à trouver.

Au-delà du brainstorming, la cartographie mentale est également utile lorsque vous souhaitez décomposer un projet tentaculaire en tâches concrètes.

L'A B C de la création d'une Carte Mentale

Le Modèle Arbre

La plupart des cartes mentales suivent le Modèle Arbre : elles partent d'un seul objet souvent positionné au centre et développent plusieurs branches qui représentent des concepts liés. Chaque branche peut se diviser en deux ou plusieurs branches, mais elles ne fusionnent jamais : la carte entière est un schéma hiérarchique où chaque objet a seulement un ‘parent’ mais peut avoir plusieurs ‘enfants’.

Conçu dans XMind

En raison de sa faible complexité, ce modèle est rapide et facile à gérer, mais parfois la contrainte des relations hiérarchiques n'autorise pas une représentation significative : parfois nous avons besoin de plus de flexibilité.

Une Carte Mentale pour les Designers UX

Comme nous l'avons vu, les Cartes Mentales sont des outils pour le brainstorming, la reconnaissance de motifs et la visualisation des processus, donc il y a une infinité de façons dont une Carte Mentale peut être utile dans notre travail de conception UX. Mais j'ai trouvé un type de Carte Mentale particulièrement utile pour nous car il montre les entités et la manière dont nous les connectons : la Carte Ontologique.

L'Ontologie est l'étude philosophique de l'être, elle étudie les concepts qui se rapportent directement à l'être ainsi que les catégories de base de l'être et leurs relations.

La Carte Ontologique a quelques similitudes avec le Diagramme de Relation des Bases de Données utilisé par les développeurs et ils ont effectivement le même objectif : ils veulent représenter les relations entre les objets existants du système. Néanmoins, la Carte Ontologique est plus souvent un outil de conception qu'un outil de documentation, nous l'utilisons principalement dans les premières étapes du projet pour nous aider à définir comment le système peut fonctionner.

Carte Ontologique de Jack Magma Studio

Caractéristiques d'une Carte Mentale

• Organisation et structure claires. Les cartes mentales sont limitées aux structures d'arbre. Elles ont des flux clairs et dirigés à partir de la racine de l'arbre vers ses feuilles.

• Un sujet central. Dans les cartes mentales, tous les nœuds (à l'exception de la racine de l'arbre) ont seulement un nœud parent. Chaque nœud peut avoir des enfants correspondant aux sous-sujets de ce concept. Chaque concept dans une carte mentale peut être directement relié au sujet racine.

• Aucune définition des relations. Il n'y a pas de distinction entre différents types de relations parmi les nœuds — tous les bords de l'arbre sont représentés de la même manière et ne sont pas étiquetés.

Utilisations en UX

Les cartes mentales aident à organiser un ensemble d'informations liées à un seul sujet et à le structurer de manière systématique et significative. En UX, elles sont utiles lors de travaux d'idéation catégorique, tels que :

• Décomposition des composants sur une page spécifique — par exemple, afin de déterminer la mini-IA de la page

• Planification des rubriques dans un site web

• Cartographie des informations couvertes d'une manière séparée et beaucoup mieux organisée

Fonctionnalités Cool que XMind Offre

Les fonctionnalités de XMind que j'aime le plus ou qui m'aident le plus sont : Expérience fluide sur tous les appareils : les cartes mentales peuvent être facilement trouvées sur les ordinateurs portables et les appareils mobiles, et XMind fonctionne parfaitement sur différentes plateformes.

Interface sombre : XMind: ZEN prend en charge le mode sombre sur toute plateforme de bureau. L'interface peut être basculée entre clair et sombre dans Préférences.

Conclusion

Tracer une Carte Mentale au niveau micro peut être vraiment difficile et est souvent inutile. Dans l'ensemble, pendant les premières phases de conception, il est plus productif de créer des cartes Lo-Fi plutôt que de perdre du temps à les détailler et les codifier.

Chaque designer aura sa propre préférence pour le modèle qu'il aime le plus après avoir pesé le pour et le contre. Personnellement, je préfère le Modèle Arbre en raison de sa simplicité.

Notes : Cet article est publié par Saurav Pandey, sur Medium.