CMS Headless
Mon rôle
Les outil(s) et méthode(s)
J'ai collaboré sur le sujet avec :
Voir le projet sur figma
Contexte
Dans une agence spécialisée dans le développement de sites web, nous sommes régulièrement confrontés à des difficultés d’appropriation de WordPress par nos clients. Bien que largement répandu, cet outil de gestion de contenu s’avère souvent complexe (chez nos clients) à utiliser pour des profils non techniques, ce qui nous oblige à intervenir fréquemment pour résoudre des problèmes d’utilisation. Malgré ses limites, WordPress reste la solution par défaut dans l’esprit de nombreux clients. C’est dans ce contexte qu’une réflexion a émergé, depuis plusieurs mois, autour d’une alternative plus moderne et intuitive : un CMS headless repensé pour les utilisateurs non experts.
Problématique
Comment concevoir une alternative à WordPress avec un CMS Headless, offrant une interface intuitive, légère et accessible pour des utilisateurs moins à l’aise avec les outils techniques, en conservant les fonctionnalités essentielles à la gestion de contenu ?
Objectifs
Simplifier la prise en main tout en offrant une flexibilité technique
Le CMS WordPress limitait les développeurs par sa rigidité technique et ses lourdeurs liées aux plugins. Il nous fallait une solution à double enjeu :
Le CMS WordPress limitait les développeurs par sa rigidité technique et ses lourdeurs liées aux plugins. Il nous fallait une solution à double enjeu :
- Améliorer l’expérience utilisateur pour permettre aux clients finaux de naviguer facilement et de comprendre les outils sans avoir besoin de connaissances approfondies en numérique.
- Offrir plus de flexibilité technique avec une architecture qui ne soit pas entravée par des contraintes de langage et des mises à jour lourdes.
Approche utilisateurs
Déceler les véritables frustrations à travers des tests utilisateurs.
Pour comprendre les blocages des utilisateurs, nous avons effectué 6 tests utilisateurs qui ont permis d’identifier plusieurs points clés :
Pour comprendre les blocages des utilisateurs, nous avons effectué 6 tests utilisateurs qui ont permis d’identifier plusieurs points clés :
- Interface visuellement chargée : Les utilisateurs se sentaient submergés par des informations inutiles.
- Manque d’intuitivité : La navigation était peu claire, et les utilisateurs perdaient du temps à se familiariser avec l’outil après une période d’absence.
- Problèmes techniques : Les contraintes de WordPress, comme les mises à jour constantes et les plugins lourds, ralentissaient l’expérience.
Ces insights nous ont orientés vers une solution Headless CMS, en priorisant la simplification de l’interface et la flexibilité pour les équipes de développement.
Décisions collaboratives
Pour choisir le bon outil, nous avons mené un atelier de co-construction en collaboration avec les développeurs. Après avoir étudié différents CMS
- Headless, nous avons choisi une solution qui offrait :
- Open source : Personnalisation et évolutivité possibles.
- Flexibilité dans le choix du langage : Une ouverture technique qui s’adapte aux besoins de l’équipe.
- Simplicité d’installation et de maintenance : Moins de dépendance aux mises à jour, contrairement à WordPress.
Cette décision permet à l'équipe de construire un code plus propre et évolutif tout en répondant aux besoins des utilisateurs finaux.
.svg)
Itérations basées sur les feedbacks
Grâce à un atelier de tri de cartes avec l'équipe et des tests itératifs auprès des utilisateurs, nous avons affiné l'arborescence et l'interface pour offrir une meilleure prise en main :
- Simplification de la navigation : Les utilisateurs ont exprimé une satisfaction immédiate avec un accès plus rapide aux fonctionnalités principales.
- Tests utilisateurs : Des prototypes ont été testés en conditions réelles pour valider les choix de design. Chaque retour a permis d’optimiser l'expérience utilisateur, avec des ajustements mineurs effectués en continu.
Définition des fonctionnalités
.svg)
Construction kit UI
.svg)
Conception des interfaces
Amélioration du kit UI en apportant de nouveaux composants visuels, notamment les composants Floax, pour renforcer la cohérence et l'esthétique de l'interface.
Résultats souhaités
- Profiter d’une solution évolutive sans avoir à gérer la complexité technique de WordPress.
- Facilitation de l'outil grâce à une interface plus légère et intuitive pour les personnes moins technophiles
Impact et apprentissage
Ce projet m’a permis de mieux comprendre l’importance d’équilibrer les besoins des utilisateurs finaux avec les exigences techniques. J’ai acquis une meilleure maîtrise des processus collaboratifs avec des équipes techniques et j’ai perfectionné mes compétences en facilitant des interfaces complexes. J’ai également renforcé mes capacités à mener des ateliers collaboratifs et à itérer rapidement en fonction des retours utilisateurs.
J’ai surtout réalisé qu’une idée, même si elle n’est pas retenue en solution finale, peut jouer un rôle essentiel : elle permet d’explorer le problème en profondeur et d’ouvrir la voie à des alternatives souvent plus pertinentes.
J’ai surtout réalisé qu’une idée, même si elle n’est pas retenue en solution finale, peut jouer un rôle essentiel : elle permet d’explorer le problème en profondeur et d’ouvrir la voie à des alternatives souvent plus pertinentes.
