Briefer
Information
Architecture
Design

Cartographier un écosystème web

Carnet de notes UX design
Briefez IAFACTORY pour une mission de design
Briefez IAFACTORY

Comment cartographier un écosystème numérique ? Cette note du carnet UX pose des bases de réflexions sur la problématique de la représentation visuelle d'un environnement numérique composé de nombreux objets...

1. Architecture multi-sites

Faire le point sur le site pivot

Je concède, on s’égare un peu ces derniers temps et on ne parle plus de l’essentiel. La technique. Les méthodes. L’architecture de l’information. Alors qu’au fond c’est bien ça le coeur de l’actualité mondiale et internationale. A l’occasion d’un projet sympathique, j’ai à nouveau été confronté aux difficultés d’analyse d’un environement numérique complexe et aux problématiques de conception d'un écosystème numérique.

Point de départ de la réflexion, une association nationale qui souhaite moderniser son dispositif internet. Un beau projet, pour une association qui se fait porte parole de personnes en situation de handicap (inutile de préciser lesquels). Oui mais voilà, le site en question, en 2016, ben il n'est pas accessible (!). Pour un paradoxe… C’est un peu comme si le bâtiment qui devait accueillir une association des paralysés n’était pas accessible en fauteuil roulant :/. Mais bon, soyons positif, tout cela va être amélioré.

Bref, le dispositif est un portail éditorial un peu vieillissant, mais très riche, avec des milliers d’articles… Ce qu’on appelle classiquement chez IAFACTORY « un site de taille critique », autrement dit, un site pas adapté à une lecture humaine. L’appel à projet porte sur la refonte de ce dispositif et de ses ramifications fort nombreuses.

100 000 pages - 125 sites

A première vue, cela n’a pas l’air bien méchant... Mais une fois que vous commencez à y regarder de plus près… ça se complique.
Et oui, au final, j’ai comptabilisé plus de 100 000 pages, et une galaxie de 125 sites… C’est beaucoup (trop) (pour un humain) ! Alors, comment s’y prendre pour approcher un tel écosystème ?

Bon, pour commencer, vous devez absolument faire le point sur le site pivot, sur l’étoile principale de la galaxie, étoile autour de laquelle tourne tout le reste des petits satellites. C’est le site pivot.
Pour bien comprendre les tenants et les aboutissants du fonctionnement du site pivot, des thématiques couvertes, et plus globalement pour réussir à vous faire une idée de sa structure et de son organisation, vous devrez vraisemblablement vous isoler dans un bunker, armé d’un stylo, pour procéder à la cartographie de l’ensemble…

Recherche en amont de la cartographie

approche de diagnostic cartographique
Approche cartographique
mind mapping
Mind mapping

2. Cartographie de l'existant

Relevé manuel des sites - mapping

Notre chance chez IAFACTORY, c’est qu’on a un bunker. Donc pour nous c’est facile de nous isoler quelques jours pour « cartographier (mapper) un dispositif numérique ».

Vous noterez que le mapping ci-dessus est relativement simple par rapport à d’autres mind-map… Pourquoi est-il « simple », ce mind-map ? Parce qu’au fil des pages, nous avons vite compris que ce gloubiboulga était très très dense. Inutile de noter toutes les ramifications, on souhaite accéder à une vision d’ensemble. Alors il faut regarder les choses avec un esprit de synthèse.

Le procédé reste inchangé : pour cartographier - mapper un dispositif numérique, et par voie d’extension, toutes ses ramifications, vous devez cliquer laborieusement sur chaque lien de la navigation, puis explorer chacune des pages, l’une après l’autre, en lisant les contenus, en cliquant frénétiquement partout… C’est très long. Très pénible. Et rare sont ceux qui le font, parce que c’est effectivement relativement fastidieux (bien qu’on apprenne beaucoup de choses en cours de route).

Bref vous l’aurez compris, si vous voulez faire quelque chose que les autres ne font pas, vous pouvez vous amuser à vous spécialiser en architecture de l’information et en mapping de contenus. C’est une niche dans laquelle personne ne veut aller, parce que c’est comme trier les déchets dans une décharge de déchets ultime. C’est pas marrant, mais l’avantage c’est que les vapeurs toxiques n’émanent que des fils d’or et de cuivre de votre ordinateur…

Esquisse de cartographie

Après avoir "cliqué tout partout", vous êtes déjà plus proche d’un cyborg que d’un être humain. C’est normal. C’est la procédure.

A ce moment là, lorsque vous êtes proche de la rupture d’anévrisme, votre inconscient ayant bien compris que vous aviez mis un doigt dans un engrenage dangereux, il est alors temps de revenir à la réalité car à ce stade personne ne peut comprendre ce que vous venez de faire.

Vous devez « cartographier » le fruit de vos recherches dans un format qui puisse être visualisable par l’équipe projet… Votre famille et votre compagn(e)on…

Le mind-map, c’est bien joli, mais personne ne peut le décrypter. C’est un peu comme un codex de Léonard de Vinci. Réaliser une cartographie d’écosystème numérique n’est pas un travail scientifique, « il n’y pas de format juste, il y a juste des formats ».

Soyez donc indulgents sur votre production (et les miennes) : le but poursuivi par la cartographie est d’illustrer une analyse voire de lui donner corps…

Comment cartographier ?

Le point de départ de la cartographie, c’est la projection des contenus du dispositif maître (exemple ci-dessus), le site pivot, bref l’étoile principale. On s’intéresse à la galaxie ensuite. Faut pas tout compliquer tout de suite.
Il s’agit d’illustrer d'abord les grandes masses de contenus : on souhaite montrer quelles sont les parties les plus volumineuses du dispositif digital sur le plan éditorial.

C’est une vision uniquement quantitative certes, mais elle sera ensuite affinée par une analyse qualitative (quels sont les contenus, leur maillage, les principales fonctions…).

En gros, nous allons créer des bulles, pour chaque grande section éditoriale. Petite bulle, petite masse. Grande bulle, grande masse. Si vous avez bien fait votre travail dans le bunker, vous êtes capable de savoir combien de pages compose chaque section du dispositif (sinon vous pouvez utiliser la commande « site:www.lesite.com/dossier » depuis google, par exemple – mais cela n’indique que les pages référencées, c’est de « l’industriel », donc ce n'est pas parfait, pas optimal, pas idéal...

L’analyse permettra ensuite de « diagnostiquer » précisément chacune des bulles. C’est de la médecine chinoise : on s’intéresse aux différentes parties du corps céleste (de l’étoile principale) pour identifier les symptômes et envisager les traitements, organe par organe, bulle par bulle…

Vous n’avez rien compris ?
Oui, je comprends, c’est normal, c’est loin d’être clair…

Pour résumer, lorsque je fais une cartographie, je projette les sections de contenus sous forme de cercle, ensuite dans l’analyse, je décrypte chaque cercle autour d’une approche quantitative (taille, volume par rapport au reste), puis qualitative (pertinence…). C’est une approche inductive, du détail vers l’ensemble. Mais rien n’empêche de considérer ensuite l’ensemble (approche déductive) pour descendre vers la partie. On cherche à parler de structure et d’organisation. Tous les moyens pour y parvenir sont les bienvenues.

Esquisse de cartographie

esquisse de cartographie
Esquisse de cartographie

3. Diagnostic sur base de cartographie

La cartographie et l'analyse

En procédant comme indiqué (cartographie des masses éditoriales principales, puis analyse de chacune des masses), on arrive à faire un bon diagnostic de l’ensemble. On veillera à injecter un peu d’ergonomie, de design d’interaction, d’architecture de l’information, dans nos considérations. Et on aura donc une approche bien plus globale qu’un audit d’ergonome en blouse blanche. Et oui, cette approche permet vraiment de travailler sur le plan stratégique et holistique (transdisciplinaire).

Bref, chemin faisant, il n’est bien sûr pas suffisant de consacrer les observations au seul dispositif maître. Il faut aussi cartographier l’écosystème et les sites satellites de la galaxie.

Vous pouvez donc « greffer » la cartographie de l’écosystème en prolongement de la cartographie du dispositif maître. Et vous pourrez alors consacrer un volet de vos analyses à l’écosystème.

Peu importe la cartographie, elle est un « moyen de communication » et non une fin.
Pour IAFACTORY, dans ce cas précis, elle va permettre de séquencer l’analyse en 2 temps : un premier temps consacré au site pivot, un second temps consacré à l’écosystème

Analyse cartographique

analyse et diagnostic cartographique
Analyse et diagnostic cartographique

4. Préconisations et cartographie

Après les analyses cartographiques

Lorsque le dispositif est complexe, on arrive facilement à remplir des pages de rapport que personne ne lira jamais. Et puis pour votre présentation, de toute façon, vous n’arriverez pas à communiquer les détails de votre analyse : tout le monde s’en fout :). C’est triste mais c’est comme ça. Vous avez donc besoin d’un format plus « COOL » et visuel pour donner corps à vos analyses. Le diagnostic visuel est tout à fait à propos pour cela. Il résumé en quelques pictogrammes les syndromes observés.

Notre patient apprécie qu’on lui livre un diagnostic facile à comprendre. Ce qu’il l’intéresse, c’est surtout de savoir comment guérir.

  • – « Monsieur Machin, on a fait une analyse… ».
  • – « Le taux normal de l’hémoglobine chez l’homme est compris entre 13 et 18 g/100 m. » (ANALYSE).
  • – « Votre taux est de 50g/100m. »
  • – SILENCE.
  • – « Vous avez TEL TRUC… » (DIAGNOSTIC).
  • – PAUSE.
  • – « Vous allez devoir arrêter le sucre / l’alcool / la lecture… « . (PRÉCONISATION).

L’analyse, elle, ne fait qu’interpréter l’échantillon sanguin, au fond ce n’est pas important : seul le diagnostic et surtout la préconisation compte...
Donc...

  • – « Monsieur Bidule, on a fait une analyse de votre site ».
  • – SILENCE
  • – « Regardez la radiographie qui montre la structure squelettique de l’écosystème ».
  • – « Votre site compte 50 000 pages d’actu non archivées ».
  • – PAUSE
  • – « Monsieur Bidule, il faut proposer des filtres ».

Vous voyez la logique ?
Évident hein.
Le diagnostic permet d’introduire le traitement préconisé.
On ne peut pas faire de diagnostic sans une bonne analyse, mais l’analyse il ne faut pas trop en parler parce qu’en entreprise, vous devez faire simple. Même si c’est compliqué. Tout cela est d’une banalité étouffante… Pourtant, la majorité des entreprises amenées à travailler sur ce genre de problématiques, « pour ce que je peux en voir », ben, elles vous feront des recommandations, mais sans les analyses et le diagnostic (la plupart du temps, pas de statistiques, constat empirique :).

Préconisations

Sur ces bases, on peu ensuite dérouler toutes nos préconisations.
Elles ne sortent pas du chapeau.
Elles reposent sur de solides analyses.
On peut les prioriser par ordre d’importance, tout simplement.
Et les étiqueter par voie d’extension :

  • – 1° Choses à améliorer sur le plan de la galaxie de site.
  • – 2° Choses à améliorer sur le plan du site pivot.

Cette approche de la rationalisation d’un écosystème numérique procède donc de la dimension rationnelle complétée par la dimension intuitive. C’est de la rigueur artistique pour ainsi dire, et c’est bien ce qui fait l’essence de l’architecture de l’information. C’est déjà ce que disait un certain Peter Morville il y a fort longtemps...

Cet article est possiblement nébuleux. Le projet évoqué étant récent, il n’était pas question de faire étalage du détail des tenants et des aboutissants de ce qui est à faire / pas faire pour l’écosystème de l’association en question. Je souhaitais surtout rappeler et partager avec vous les difficultés de l’analyse d’écosystème numérique.
D’autant que s’il est compliqué de faire émerger la structure d’un écosystème, imaginez comme il est délicat de la faire évoluer... et pire de présenter les préconisations (qui ne sont jamais simples...). Ce sont de vastes chantiers qui s’étaleront sur plusieurs années… D’où l’importance de penser les choses de façon globale dès le départ, pour éviter le syndrome hérétique d’attribuer un site à une problématique : c’est comme ça qu’on se retrouve avec des écosystèmes multisites incompréhensibles, comme ceux des ministères et du gouvernement par exemple…

Rien de pire en matière d’expérience utilisateur, que de fragmenter la prise de parole et les services d’une organisation autour de 100 sites. C’est catastrophique sur tous les plans et principalement en matière d’ergonomie et de performance. Mais les spécialistes du référencement vous diront peut-être que recourir à un site spécifique pour traiter une problématique donnée ça permet « d’optimiser le positionnement sur une thématique ». Mais bon, ça c’est les guerres oiseuses entre experts, et de mon côté les guerres m’intéressent peu, et en plus je ne suis pas un expert, mais un artisan.

Cartogrpahie d'écosystème : résumé

Pour analyser un écosytème, on y va vraiment étape par étape... Note pour soi-même, dans un futur :

  • – D’abord tu expliques ta méthode.
  • – Ensuite tu fais des recherches dans ton bunker.
  • – Après quoi, tu projettes le fonctionnement sous forme de cartographie.
  • – Tu analyses chaque bulle / item de cartographie.
  • – Tu consacres une partie des analyses au site pivot.
  • – Tu consacres une partie des analyses à la galaxie.
  • – Tu remplis des pages pour dire ce qui ne va pas.
  • – Tout le monde s’en fout de ce qui ne va pas, alors tu fais un diagnostic.
  • – Et ensuite tu expliques ce qu’il faudrait améliorer, c’est tout ce qui compte.
  • – Souvent tout le monde est d’accord :), parce que cette méthode est « soutenue ».

Autrement, si tu te pointes sans le socle d’analyse et sans la cartographie, tu n’es pas crédible.

Pour autant, personne n’a que faire des analyses. Les agences numériques, elles, peuvent prendre des raccourcis, pour aller directement aux recommandations, et parfois elles vous raconteront... Parce que le check-up et le bilan de santé n’aura pas été fait… Ce n'est pas toujours comme ça, mais des choses comme ça arrivent toujours.

Cartogrpahie d'écosystème : conclusion

Fuyez les écosystèmes !
Il sont la peste de l’internet...
Adaptés pour des UFOS mais pas pour MME MICHU.
Avez-vous vraiment besoin de 125 sites pour arriver à faire passer votre message et aboutir à vos fins sur le plan transactionnel ? Si c’est le cas, pauvre de nos :).

Enlevez des choses. C’est déjà ce que disait un architecte de l’information en 1947 : […] « Less is more » […] - Moins c'est plus. Ludwig Mies van der Rohe.

5. Visualiser la cartographie

cartographie d'écosystème numérique
Cartographie d'écosystème numérique
focus cartographique
Focus cartographique
présentation de cartographie
Présentation de cartographie
Newsletter
1 fois par semaine : nos conseils pour améliorer vos objets numériques
Votre email
3 + 4 =
Newsletter IAFACTORY
i

0 spam.
0 cession de donnée.
désabonnement à tout moment.
- Voir 1 EXEMPLE
Article rédigé par un humain / sans IA-ssistance: julien MUCKENSTURM /
Fondateur IAFACTORY - spécialisé en expérience design depuis 2005 /
+ 300 objets numérique conçus
BRIEFER IAFACTORY CONTACTER JULIEN

Contenus connexes à explorer

Article du carnet

Rationaliser un écosystème

Démarche d'analyse et de conception recherchant à projeter la nouvelle organisation d'un environnement numérique.
contextualisation du projet
Analyse stratégique

Cartographie d'écosystème

Projeter l'étendue d'une constellation d'objets numériques sous forme de diagramme.
Cartographie d'écosystème
Prestation IAFACTORY

Cartographie

La cartographie permet de projeter l'organisation, le fonctionnement voire la stratégie d'un objet numérique.
prestation de cartographie
Expertise en conception UX

Architecture de l'information

IAFACTORY vous accompagne dans l'inventaire, la structuration et la hiérarchisation de vos services et produits.
Architecture de l'information
fleche haut de page iafactory