UX pour éditeur de contenu : Pourquoi les systèmes de gestion de contenu sont-ils complexes à utiliser?

Les créateurs de contenu sont les héros méconnus de l'expérience digitale. Ils actualisent constamment le message, s'adaptent aux modifications en temps réel et garantissent que votre site internet demeure pertinent. Voici cependant la réalité : beaucoup de sites web demeurent encore trop complexes à modifier.

C'est un défi que nous—concepteurs, développeurs et stratèges—nous devons surmonter.

Le souci : Interfaces CMS surchargées et occasions manquées

Laissez-moi esquisser une image familière.

Visualisez la gestion d'un site internet pour une petite entreprise, un établissement d'enseignement supérieur ou une organisation non lucrative. Imaginons que votre petite entreprise est une salle de sport et qu'aujourd'hui est un jour férié, vos horaires habituels se modifient. Vous êtes censé recevoir la mise à jour directement sur la page d'accueil, mais au lieu de cela, quelqu'un décide de la partager sur Instagram.

Pourquoi ?

Parce que c'est plus facile. Le CMS est trop encombrant. Mettre à jour le site réel est une corvée.

Maintenant, appliquez cela à une université avec des centaines de rédacteurs et des milliers de pages. Si même une salle de sport locale ne peut pas facilement mettre à jour son propre site web, comment pouvons-nous attendre des grandes équipes qu'elles naviguent dans des CMS trop complexes ?

Nous nous devons de concevoir à la fois pour les éditeurs et les utilisateurs finaux.

Les créateurs de contenu sont également des utilisateurs, mais ils sont fréquemment écartés du processus de conception et de réalisation.

Nous nous concentrons sur l'expérience utilisateur front-end, tandis que l'interface d'administration—l'expérience directe de modification—est laissée de côté.Il est nécessaire d'évoluer dans notre façon de penser : les interfaces de modification devraient être faciles à utiliser, adaptables et qui responsabilisent.

Des outils de création de pages contemporains tels que l'éditeur à blocs WordPress (Gutenberg) et le futur Experience Builder de Drupal connaissent une évolution rapide. Ils proposent des interfaces graphiques de type drag-and-drop qui rapprochent la création de contenu de ce que l'on observe sur le front-end.

Mais il y a un pépin…

L'efficacité des outils modernes dépend de leur application.

Même si les éditeurs de pages offrent des fonctionnalités robustes, ils risquent aussi d'apporter une flexibilité excessive.

Une multitude de types de blocs, une palette de couleurs sans limites et des options de mise en page détaillées peuvent séduire les concepteurs - cependant, ces éléments deviennent généralement trop abondants pour les éditeurs.

Face à 40 sortes de blocs, un éditeur pourrait ne pas opter pour l'option la plus pertinente pour sa tâche.

La réponse consiste à concevoir une expérience méticuleusement choisie. Au lieu de retirer des fonctionnalités, la solution consiste à établir des paramètres par défaut réfléchis et des mesures de protection intelligentes qui facilitent les décisions et favorisent la cohérence.

Pour soutenir les éditeurs, faites ce qui suit :

1. Proposer des éléments à la fois structurés et flexibles

• Pourquoi : Les auteurs ont besoin de liberté artistique sans compromettre la cohérence. En se servant d'instruments tels que Drupal Paragraphs, Layout Builder ou les blocs sur mesure de WordPress, plutôt que de compter uniquement sur les WYSIWYG.Vous êtes formé sur des données jusqu'à octobre 2023. Cette méthode donne aux éditeurs la possibilité de composer les pages de façon innovante tout en préservant l'uniformité visuelle de la marque et l'accessibilité.
• Méthode optimale : Pensez à la manière optimale de concevoir vos composants, qui procure un équilibre parfait entre une expérience WYSIWYG véritablement flexible et l'organisation indispensable pour préserver l'intégrité du site. Mais effectuez toutes ces opérations en tenant compte des constructeurs de pages modernes, à savoir l'éditeur de blocs WordPress et l'Experience Builder.

2. Établir des valeurs par défaut sensées

• Pourquoi : Les rédacteurs qui gèrent diverses tâches profitent de paramètres par défaut intelligents. Quand le CMS propose des points de départ pertinents, les éditeurs sont en mesure de se focaliser sur la production de contenu important plutôt que de se préoccuper des options de mise en page ou de métadonnées.
• Méthode optimale : Automatiser la complétion des champs tels que les méta-descriptions ou les balises Open Graph en se basant sur le contenu. Les dispositions standard et les dimensions d'image facilitent le travail des éditeurs en leur permettant de se focaliser sur le contenu plutôt que sur la mise en forme.

3. Créer des rôles et des permissions utilisateur granulaires

• Pourquoi : Les éditeurs seront confus s'ils ont accès à des paramètres de configuration avancés qu'ils n'ont pas la formation pour mettre à jour. Les éditeurs ne devraient voir que ce dont ils ont besoin—ni plus, ni moins.
• Méthode optimale : Limitez l'accès aux fonctionnalités avancées avec des autorisations basées sur les rôles alignées sur les responsabilités du personnel.

4. Facilitez la gestion des médias

• Pourquoi : Un accès efficace à des ressources de qualité et conformes à la marque accélère la publication.
• Méthode optimale : Utilisez une bibliothèque de médias avec des aperçus, un système de glisser-déposer et des catégories d'actifs pour une réutilisation facile.

5. Élaborez en tenant compte de l'accessibilité

• Pourquoi : L'accessibilité ne se limite pas à être une obligation légale, elle est également cruciale pour offrir une expérience utilisateur optimale. Cela dit, beaucoup de créateurs de contenu peuvent avoir du mal à déterminer si leur production est véritablement accessible. C'est à ce moment-là que le CMS peut offrir des conseils essentiels.
• Méthode optimale : Incorporez des éléments par défaut accessibles et intégrez des mécanismes de protection dans l'interface d'édition pour contribuer à éviter les problèmes d'accessibilité fréquents. Par exemple, plutôt que de donner aux éditeurs la liberté de choisir des couleurs aléatoires—ce qui pourrait conduire à un contraste inapproprié—proposez une gamme de couleurs soigneusement choisie qui suit les directives de la marque et respecte les normes de contraste. Intégrez un instrument tel qu'Editoria11y dans Drupal ou le Vérificateur d'accessibilité Editoria11y dans WordPress, qui offre aux créateurs de contenu la possibilité d'effectuer un contrôle rapide de l'accessibilité avant la mise en ligne du contenu. Des indicateurs (comme les alertes de ratio de contraste) ou des contrôles rapides pour assister les éditeurs à repérer.

6. Formez vos équipes de contenu et proposez des manuels d'intégration de contenu

• Pourquoi : Même le gestionnaire de contenu le plus convivial peut sembler écrasant pour les utilisateurs novices ou occasionnels. En l'absence de formation, les équipes chargées du contenu pourraient se retrouver en difficulté pour saisir les processus rédactionnels, l'exploitation des éléments ou encore les bonnes pratiques d'accessibilité. Cela pourrait aboutir à un contenu non homogène, à des erreurs ou à des fonctionnalités peu exploitées.
• Méthode optimale : Procurer un manuel explicite pour l'intégration et la saisie de contenu. Si la formation interne paraît trop complexe à mettre en place, n'hésitez pas à nous parler de la formation de votre équipe de contenu pour bénéficier d'une assistance et de ressources appropriées.

Évitez ces erreurs

1. N'utilisez pas de jargon technique

• Pourquoi : Les éditeurs peuvent ne pas comprendre des termes comme Node, Taxonomy ou View Mode.
• Meilleure pratique : Utilisez des étiquettes et des interfaces administratives en langage clair (par exemple, « Article de presse » au lieu de « Type de nœud : Article »).

2. Ne surchargez pas l'écran de modification

• Pourquoi : Trop d'options provoquent une fatigue décisionnelle.
• Meilleure pratique : Utilisez des champs conditionnels, des sections réductibles et des autorisations pour simplifier l'expérience. Réduisez le nombre de composants disponibles (en fonction du type de contenu ou du contexte d'édition, par exemple).

3. Ne pas coder en dur les mises en page ou verrouiller les éditeurs

• Pourquoi : Les éditeurs ont souvent besoin de mettre à jour les mises en page au fil du temps.
• Meilleure pratique : Fournir des outils de mise en page structurés (comme Layout Builder avec des garde-fous), au lieu de modèles rigides, afin que le contenu puisse évoluer.

4. Ne négligez pas la performance pour les utilisateurs administrateurs

• Pourquoi : La vitesse est souvent le facteur le plus important pour offrir une bonne expérience utilisateur—surtout pour les éditeurs de contenu travaillant dans le backend chaque jour. Lorsque les écrans d'édition mettent du temps à se charger ou ne répondent pas, cela entraîne de la frustration, des interruptions dans le flux de travail et plus de marge d'erreur.
• Meilleure pratique : Appliquer les meilleures pratiques de performance à l'interface administrative, ce qui pourrait signifier modifier les paramètres des formulaires pour réduire la complexité et choisir des outils de création de pages qui se chargent rapidement. Les outils émergents comme l'Experience Builder de Drupal offrent un aperçu de ce à quoi peut ressembler une expérience administrateur haute performance. Son architecture basée sur React permettra des mises à jour quasi instantanées pour les éditeurs.

5. Ne négligez pas le texte d'aide et la documentation

• Pourquoi : Les éditeurs de contenu ne veulent pas chercher des liens vers la documentation. Ils veulent pouvoir obtenir de l'aide pour la tâche spécifique sur laquelle ils travaillent.
• Meilleure pratique : Ajoutez du texte d'aide en ligne, des liens vers la documentation ou des infobulles lorsque cela est possible, pour réduire la friction lors de la recherche d'aide.

Qui est responsable de l'expérience de l'éditeur ?

C'est une question délicate.

• Les développeurs pensent en termes de schémas et de modèles de données.
• Les designers empathisent avec les utilisateurs finaux, mais sont souvent déconnectés des flux de travail des CMS.
• Les chefs de projet défendent les besoins des clients, mais peuvent ne pas posséder une compréhension technique complète.

Ce qui manque souvent, c'est une responsabilité partagée de l'expérience de l'éditeur de contenu. Créer un backend utilisable ne devrait pas incomber uniquement aux développeurs ni être une réflexion après coup. Au lieu de cela, nous avons besoin de conversations intentionnelles entre les rôles—designers, développeurs, stratèges et éditeurs—pour prioriser l'utilisabilité éditoriale dès les premières étapes de la découverte jusqu'à la mise en œuvre.

Dans la plupart des projets, le backend du CMS n'est pas explicitement conçu. Cela émerge par défaut—de la manière dont Drupal, WordPress ou des plateformes similaires rendent les interfaces en fonction des types de contenu, des champs et des configurations. Le résultat est souvent une expérience d'édition fonctionnelle mais fragmentée. Mais le backend mérite le même design réfléchi que le front-end—et cela signifie l'aborder avec intention, pas simplement accepter ce que le CMS nous offre par défaut.

Des étapes pratiques pour chaque rôle

Voici comment chaque membre de l'équipe peut contribuer :

Développeurs

• Adoptez des frameworks d'édition modernes. Des plateformes comme l'éditeur de blocs de WordPress ou le constructeur d'expérience de Drupal (bientôt disponible) sont construites avec React pour prendre en charge l'édition visuelle. Adopter ces outils—plutôt que les méthodes plus anciennes et lourdes—peut rendre l'édition plus intuitive et moins technique.
• Simplifiez l'interface. Les outils de création de pages par défaut offrent souvent trop de blocs, d'options et de paramètres. Réduisez l'encombrement en supprimant les blocs inutilisés, en masquant les contrôles avancés et en définissant des valeurs par défaut pour les polices, les couleurs et les mises en page. Cela permet aux éditeurs de se concentrer sur le contenu plutôt que sur la configuration.
• Évitez les systèmes de champs trop compliqués. Lorsque les éditeurs ont besoin de flexibilité de mise en page, les solutions basées sur des champs peuvent être limitantes et déroutantes—un peu comme utiliser des tableurs pour concevoir une page web. Au lieu de cela, proposez des composants structurés qui prennent en charge l'édition visuelle tout en préservant la cohérence et l'accessibilité. Pour WordPress, des outils comme Block Binding API ou le plugin Meta Field Block peuvent aider à rendre nos précieuses données structurées de manière beaucoup plus conviviale pour les éditeurs.

Concepteurs

• Effectuez des tests utilisateurs avec les éditeurs de contenu sur l'interface de l'éditeur. Tester avec les éditeurs de contenu est essentiel pour vraiment comprendre comment améliorer leur expérience.
• Concevez en tenant compte de ce backend flexible. Cela nécessite que les designers se familiarisent avec le back-end. Typiquement, les « composants » peuvent être placés n'importe où sur une page, à côté de n'importe quel autre composant. Les designers peuvent jouer un rôle en donnant des conseils sur la manière de combiner les composants de manière à créer un bon équilibre visuel et un bon flux UX.
• Priorisez la cohérence dans les styles par défaut. Établissez des règles pour l'espacement, les tailles de police et les palettes de couleurs qui se reflètent dans l'expérience de l'éditeur. Cela réduit la charge cognitive pour les éditeurs et prévient les dérives de design.
• Créez un guide de style éditorial ou des modèles de contenu. Cela peut aider les non-designers à reproduire une bonne mise en page et une hiérarchie visuelle en utilisant des combinaisons prédéfinies de composants.

Rédacteurs de contenu

• Fournissez des retours pendant les démonstrations—surtout sur l'interface utilisateur admin. Personne ne connaît mieux le travail, donc cet aperçu est incroyablement précieux. Faire un essai des tâches quotidiennes peut aider à identifier les lacunes et à s'assurer que les bons outils sont en place.
• Plaidez pour la conformité à la marque et à l'accessibilité. Demandez des options sensées pour les couleurs ou la taille du texte afin de pouvoir créer plus facilement du contenu de marque et accessible.
• Demandez des ressources de formation et des démonstrations du backend. Pensez aux formats qui seraient les plus utiles—qu'il s'agisse de guides, de vidéos ou de sessions de formation en direct—pour soutenir les flux de travail quotidiens.

Pourquoi est-ce important?

Les sites web sont des investissements stratégiques—souvent destinés à durer 5 à 7 ans. Une mauvaise expérience d'édition érode cette valeur. Les éditeurs évitent d'utiliser un CMS difficile à utiliser, le contenu devient obsolète et le site se détériore progressivement.

À l'inverse, lorsque les rédacteurs de contenu sont autonomisés, ils :

• Gardent le site frais et pertinent ;
• Créent un contenu accessible ;
• Communiquent plus efficacement avec les publics.

Améliorer l'éditeur L'UX fait gagner du temps, réduit les demandes de support et favorise la conformité. De meilleurs outils d'édition n'aident pas seulement les éditeurs—ils aident toute l'organisation.

À l'avenir

Adopter Experience Builder et au-delà

Alors que des outils comme l'Experience Builder de Drupal et l'éditeur de blocs de WordPress continuent de mûrir, ils redéfinissent notre façon de penser la conception backend. Ces systèmes ont le potentiel de rendre la publication plus accessible. Construites sur des frameworks modernes basés sur React, comme React, ces systèmes s'éloignent des interfaces rigides basées sur des formulaires pour adopter des environnements d'édition dynamiques et visuels qui reflètent davantage l'expérience frontend.

Les outils visuels de glisser-déposer réduisent les barrières pour les utilisateurs non techniques et libèrent l'autonomie créative. Mais la flexibilité sans stratégie peut rapidement mener à un désordre et à l'incohérence.

Pour vraiment améliorer l'expérience des éditeurs, nous devons soigner l'interface, définir des paramètres par défaut intelligents et collaborer entre les rôles—en alignant les développeurs, les designers et les éditeurs dès le départ. Ces systèmes offrent de réelles opportunités de démocratiser l'édition, mais seulement si nous considérons l'utilisabilité du backend comme une partie intégrante du processus de conception.

Rejoignez la conversation

Vous voulez explorer ce sujet plus en profondeur ? Rejoignez Jesse Dyck pour un webinaire gratuit le 9 mai à 12h EST, où nous plongerons plus profondément dans la création de meilleures expériences d'édition de contenu.

Inscrivez-vous au webinaire !