Le design d'interface des modules Drupal

· 3 min de lecture

Publication originale

Cet article a été publié à l'origine le 26 février 2008 sur The Standard, le blogue de Raincity Studios, sous la signature « Hubert Florin ». Cet article reflète le contexte et les outils de l'époque; certains liens et services mentionnés n'existent plus. Article traduit de l'anglais. La version anglaise est le texte original.

Voir l'original dans l'Internet Archive

Avec sa 6e version, Drupal a dévoilé des améliorations fort bienvenues en matière d'utilisabilité et, si vous voulez mon avis... il était temps! En tant que nouvel utilisateur de Drupal (après tout, je ne connais Drupal que depuis un an...), je dirais que le travail d'utilisabilité de Drupal 5 ne répondait qu'aux exigences minimales.

Un excellent exemple concerne la soumission de formulaires lors de la création de contenu : un interminable défilement de page. À mon avis, la majorité des modules contribués cessent d'être développés une fois la fonctionnalité terminée. En général, on consacre très peu de temps à améliorer l'expérience utilisateur.

Maintenant que les modules contribués et leurs fonctionnalités deviennent plus complexes, une bonne interface utilisateur n'est plus seulement un atout supplémentaire : elle devient obligatoire.

Views 2

Le module à venir Views 2 en est un parfait exemple. La dernière version apporte énormément d'améliorations et de nouvelles fonctionnalités, mais sans une attention équivalente à l'interface, configurer des vues serait une tâche bien pénible.

Merlinofchaos, le talentueux développeur du module Views, a fait appel à la communauté Drupal pour créer une meilleure interface utilisateur. Ce n'était pas sa première tentative pour améliorer l'utilisabilité de ses modules : Panels 2 est déjà un excellent exemple de ce qu'une interface Drupal peut offrir de mieux.

J'ai contribué au travail sur l'interface de Views 2 (sous le nom couzinhub, sur drupal.org) en rassemblant toutes les idées intéressantes qui apparaissaient dans les fils de discussion et en les mettant en forme dans des ébauches d'interface. Il est assez intéressant de constater comment, ébauche après ébauche, l'interface devient plus simple, plus compacte et plus facile à comprendre. Fini le défilement interminable, fini la recherche d'information. Tout est à un clic, et c'est peut-être le seul inconvénient de la nouvelle interface... trop de clics!

[Images des ébauches d'interface présentées à l'origine ici.]

La longue liste de paramètres a été remplacée par un aperçu cliquable. Pour modifier un paramètre, il suffit de cliquer sur l'aperçu, et une zone de modification apparaît en bas. De plus, la nouvelle interface utilise un élément qui devrait être de plus en plus courant dans les futures versions de Drupal : les onglets verticaux.

L'avenir de l'interface dans Drupal

Personnellement, je pense que les onglets sont un excellent ajout à tout formulaire de soumission lorsqu'ils sont utilisés avec AJAX ou jQuery plutôt qu'avec un rechargement de page. Le nouveau module Views 2 évite très bien de devoir recharger la page chaque fois qu'un paramètre est modifié, ce qui fait une énorme différence dans l'expérience utilisateur. Non seulement pour Views 2, mais même pour le formulaire standard d'ajout et de modification de nœud (par Bevan), les onglets sont une solution de rechange très simple et prometteuse.

Un autre ajout avantageux de Views 2 est la possibilité d'utiliser une « version courte » de chaque paramètre. Le concept : l'utilisateur peut voir tous ses paramètres d'un coup, mais n'a à en modifier qu'un à la fois. En affichant tous les paramètres dans une version très courte et en les rendant cliquables (« cliquez sur ce que vous voulez modifier »), on obtient un formulaire très léger, extrêmement clair et facile à utiliser.

Je travaille actuellement sur des ébauches pour les modules imagecache et imagefield, de l'ingénieux Dopry. En adaptant à imagecache et à imagefield les concepts mis en place avec Views 2, je constate déjà que le résultat sera une nette amélioration par rapport à l'interface actuelle.

Les onglets, le glisser-déposer, les aperçus et une meilleure utilisation des éléments visuels comme les icônes peuvent améliorer considérablement l'expérience Drupal. Améliorez votre interface et les utilisateurs viendront. N'oublions pas nos utilisateurs finaux, afin d'élargir l'auditoire de ce CMS déjà formidable.

Votre entreprise mérite d'être trouvée.

Parlez-nous de votre projet. Nous vous répondons en français ou en anglais, et nous nous déplaçons partout dans la MRC de Papineau.

Affichage

Vos choix restent dans ce navigateur. Rien n'est envoyé.

Taille du texte
100 %
Couleurs
Lecture
Autres aides
Accessibilité du site