Écoconception : comment designer ses formulaires

Les 3 piliers pour concilier UX et écoconception

Se lancer dans une démarche d’écoconception des formulaires, c’est se poser les bonnes questions. Pour cela, Julien nous conseille de suivre les 3 piliers : utilité, accessibilité et essentialité.

Utilité

L’objectif : ne collecter que ce qui est véritablement utile [1].

Cela revient à limiter le volume :

• de donnée échangée : pour alléger le réseau, 
• de donnée stockée : pour alléger les infrastructures,
• de donnée vulnérable : pour soulager la charge mentale.

Mais il faut aussi se poser les bonnes questions : la donnée collectée permet-elle de qualifier le besoin, traiter la demande ? Est-elle toujours exploitée avec intelligence ?

Accessibilité

L’objectif : informer et satisfaire les enjeux d’accessibilité [2]. 

Pour cela, il faut limiter le temps utile au remplissage et les risques d’abandon. Ce qui permettra de soulager et le réseau et la charge mentale. 

Et il faut également se poser les bonnes questions :

• Le format et la valeur des informations attendues sont-ils indiqués et compréhensibles ?
• L’utilisateur est-il informé des erreurs de saisie éventuelles ?
• L’utilisateur est-il informé du temps estimé, des pièces attendues, lorsque cela est pertinent ?

Essentialité

L’objectif : privilégier des fonctionnalités de collecte de l’information qui vont à l’essentiel [3]. 

Ce qui revient à limiter l’énergie requise par le remplissage (pour soulager terminal utilisateur et logiciel), ainsi que les risques d’exclusion pour soulager charge mentale, terminal utilisateur et équipement.

Mais aussi à s’interroger : les méthodes de collecte ont-elles besoin de JavaScript pour fonctionner ?

Exemple

Formulaire de création de compte

Création d’un mot de passe lors de l’ouverture d’un compte sur Spotify.
Plusieurs aspects bénéfices pour l’utilisateur : la progression par étapes, le retour arrière, l’affichage des valeurs, les indications liées au format du mot de passe et la progression de la validation de saisie intuitive.
Par contre, le thème sombre ici imposé a plus un intérêt en confort de lecture qu’en écoconception (le noir n’étant pas absolu).

Les fonctionnalités modernes dans les formulaires

L’autocomplétion selon le RGESN

L’autocomplétion, c’est la recherche de résultats pendant la saisie utilisateur. 

Elle est concernée par 2 critères du RGESN :

• critère 4.9 : Le service numérique limite-t-il les requêtes serveur lors de la saisie utilisateur ?
• critère 7.3 : Le service numérique informe-t-il l’utilisateur d’un traitement en cours en arrière-plan ?

Lorsque l’on teste ces 2 critères, on se rend compte qu’en réalité, la gestion de l'autocomplétion ne respecte jamais entièrement les conditions cumulatives imposées par le RGESN. Au mieux, elle est « parfois mise en œuvre » ou « perfectible ».

En pratique, pour pouvoir conserver la pertinence et l’applicabilité de ces 2 critères, il va notamment falloir adapter le minimum de caractères au contexte et penser amélioration progressive.

L’affinage des résultats

Constat

Sur le site d’Amazon, la recherche est guidée par des filtres statiques [5] et à facettes [6] . Chaque option choisie implique un contenu systématiquement actualisé. Un écran intermédiaire est nécessaire (4 écrans).

Ici, le rendu côté se fait côté client. Cela a notamment pour conséquence de déporter la charge de calcul du serveur (puissant et mutualisé) vers les terminaux utilisateurs (smartphones, ordinateurs, etc.).

Ce qui entraîne :

• une plus grande consommation d’énergie, 
• le ralentissement des terminaux utilisateur,
• l’incitation à remplacer les terminaux pour des équipements plus performants.

Du point de vue de l’écoconception, c’est donc à éviter absolument.

Démonstration

Bonnes pratiques

Pour éviter les requêtes superflues, il faut privilégier le déclenchement de la mise à jour des résultats de recherche par un signal manifeste de l’utilisateur. Par exemple : utiliser des filtres statiques et un bouton « Valider ».

Dans certains cas, l’utilisation de filtres à facettes peut être acceptable si l’actualisation automatique est pertinente et si certaines contraintes sont respectées. Notamment faire transiter à travers le réseau des informations utiles et bloquer la soumission du formulaire en l’absence de résultats (le cas échéant).

Le champ magique

L’IAG (IA générative)

Le déploiement d’une IAG n’est pas sans conséquence (environnement, emploi). Il doit donc être questionné, et justifié dans le cas où il ne peut pas être refusé.

Un assistant IA utilisé dans le cadre d’un formulaire a un triple intérêt du point de vue de l’interaction homme/machine :

• l’utilisation d’un seul champ pour la demande,
• la possibilité d’écrire en langage parlé,
• l’intégration de ses propres sources/références.

Elle vient compléter d’autres modes d’accès à l’information, comme la navigation dans l’ensemble des pages publiées et la recherche via des mots-clés.

Constat

L’effort de l’utilisateur, quant à lui, est différent selon les modes d’accès. Il dépend notamment de :

• Navigation : 
  • la précision de l’information recherchée,
  • la clarté de l’arborescence des pages et contenus,
• Recherche : 
  • la précision des mots-clés,
  • la qualité de l’indexation des contenus.

Démonstration

Lorsque l’on effectue plusieurs fois la recherche, la réponse est sensiblement la même. Mais la page vers laquelle on est renvoyé diffère, et les résultats peuvent être plus longs à atteindre.

Parcours gagnant

Pour une recherche horaire sur le site du Musée d’Orsay, le mode d’accès à privilégier est la navigation. Elle est en effet :

• plus rapide (accès en 2 clics),
• plus fiable (source de l’information),
• moins énergivore.

Parcours perdant

Les modes d’accès à bannir dans ce cas sont la recherche et l’assistant IA. Ils sont tous deux :

• plus longs (nombreuses interactions),
• plus fastidieux (tri des résultats par l’utilisateur),
• plus énergivores [7] (base de données davantage sollicitée).

Utilisation avancée de l’IA

Lors d’utilisations plus complexes, l’assistant IA est la plupart du temps mis en défaut.

Démonstration

Par ailleurs, il ne propose que 3 œuvres à voir pour une visite de 2 heures. Il faut ainsi le solliciter pour étoffer la visite. Quant aux 2 expositions proposées, elles ne sont plus d’actualité au moment de la recherche. 

Bilan

En plus d’avoir un coût énergétique élevé, le recours à l’assistant IA dans un formulaire génère  ainsi des résultats peu fiables voire incomplets, du fait notamment d’un entraînement réalisé sur de la donnée périmée.

Conclusion

Il est donc plus sûr de privilégier des méthodes de collecte traditionnelles telles que les formulaires de recherche avancée, qui orientent efficacement l’utilisateur dans sa recherche et le responsabilisent. 

Malgré les frictions initiales, il obtient alors une information fiable et exhaustive qui se fait à moindre coût énergétique.