Améliorer l'expérience de la contribution : du confort dans le backoffice Drupal

Problématique
Plus les projets sont conséquents, ambitieux, plus ils impliquent un grand nombre de contributeurs. Ils disposent de profils différents, d'expériences diverses. Ces projets, illustrés par la mise à disposition d'usines à sites, soulèvent la question de l'expérience de la contribution. Comment faire pour faciliter l'expérience des contributeurs ? Du choix du thème "backend" à la manipulation des contenus, notre équipe d'UX designers a enquêté... Et collaboré à l'édition d'une série de mesures, simples, à vérifier avant chaque livraison.
Nous nous posions ces questions en juillet 2020, voici le résultat de nos travaux.
Thème par défaut
Par défaut et sur tous les projets, nous installerons 2 thèmes :
Nous préférons de loin Gin mais il convient de tester les interfaces, le module est encore en version Alpha. En cas d'incompatibilité, nous utilisons Claro, encore en bêta mais déjà assez répandu.
Personnalisations de l'espace de contribution
- Nous paramétrons les couleurs primaires du thème (Gin) aux "couleurs du client utilisateur" - Les couleurs sont modifiables dans l'espace d'administration ;
- Nous exécutions le script de personnalisation qui permet :
- Nous utilisons une convention de nommage des titres de champs et des paragraphes ;
- Nous complétons systématiquement les descriptions de champs ;
- Nous ordonnons les champs dans l’ordre d’affichage de la page front-office
- Nous groupons les champs, logiquement, grâce au module les champs avec Field Group ;
- Nous vérifions les formats de dates en fonction de la langue du site.
- Nous simplifions l'interface de contribution avec le module Simplify.
Pour aller plus loin
Amélioration du traitement des images -
Nous préconisons de correctement configurer les module d'images réactives et ImageMagick pour garantir une expérience mobile satisfaisante sans ajouter de manipulation pour les utilisateurs.
Pour aller plus loin : https://www.previousnext.com.au/blog/responsive-images-media-entities-drupal-8
Amélioration de la gestion des médias dans le wysiwyg -
Intégration avec l'éditeur wysiwyg CKEDITOR depuis la version 8.8 - Vous pouvez maintenant dispenser certains rôles du choix cornélien de sélection des images. Un bouton est désormais disponible pour permettre au contributeur de choisir une image dans la médiathèque Drupal.
Pour aller plus loin : https://wimleers.com/blog/media-embedding-drupal-8.8
Remplacement de fichiers -
Il arrive que certains sites consomment de nombreux fichiers, documents ou images. Pour faciliter le délicat traitement du remplacement de fichiers, nous utilisons le module Media Entity File Replace pour permettre aux contributeurs de remplacer facilement leurs fichiers, en cas d'erreur ou de mise à jour, sans changer le nom du fichier ou son chemin.
Pour aller plus loin : https://bkosborne.com/blog/introducing-media-entity-file-replace-module
Amélioration des droits, des rôles et de la gestion des accès -
L'utilisation du module Node View Permissions s'intéresse au confort des contributeurs en leur permettant de facilement afficher leur contenu / le contenu de tous les utilisateurs par types de contenu.
De son côté le module Menu Admin per Menu permet à l'administrateur de limiter l'accès à l'administration de certains menus (ou un seul) uniquement pour un rôle d'utilisateurs.
Pour la gestion des blocs, le module Block Content Permissions permet d'autoriser certains types d'utilisateurs à administrer certains blocs personnalisés, préalablement définis.
Le module Permissions by Term va permettre à l'administrateur de limiter la contribution des utilisateurs aux termes de taxonomie, y compris lors de la sélection des termes par auto-completion. Ce module soulage l'administrateur dans la gestion des termes de taxonomie qui peuvent déraper sous l'action de contributeurs peu habitués à Drupal. Le module Vocabulary Permissions Per Role permet lui de limiter les contributions à certains vocabulaires par rôles (encore un moyen pratique de contrôler les contributions).
La gestion des paragraphes -
Embarqués ou pas, la multiplication des paragraphes peut "perdre" le contributeur de contenu d'une page. En installant la librairie Jquery Sortable, uniquement en backend, on profite de la fonctionnalité native de repli des paragraphes, mêmes imbriqués.
Il devient top le B.O. #drupal avec le thème #Gin #GinFutureUI https://t.co/EYRJlx2Dp3
— Ryad Karar (@ryadkarar) 19 août 2020
Allez voir un peu la présentation du thème Gin lors de la DrupalCon Europe de 2020 : https://app.pitch.com/app/public/presentation/49fc72e4-d42d-42ab-97a2-3061ad2fd37b