Sites officiels : vers une uniformisation des interfaces

Sites officiels : vers une uniformisation des interfaces

La revanche des sites

Avatar de l'auteur
Xavier Berne

Publié dans

Internet

03/11/2017 3 minutes
44

Sites officiels : vers une uniformisation des interfaces

Alors que la plupart des sites publics disposent aujourd’hui d’une organisation distincte, Mounir Mahjoubi, le secrétaire d’État au Numérique, a annoncé la semaine dernière que les pouvoirs publics travaillaient à une « trajectoire d'unicité des interfaces officielles ». Les premiers changements sont attendus pour l'année prochaine.

Interpellé par un député de la commission des affaires économiques, mercredi 25 octobre, Mounir Mahjoubi a facilement admis que « l’expérience utilisateur » des internautes visitant les principaux sites publics (impôts, CAF, Pôle emploi...) pouvait constituer un « frein » pour les moins aguerris d’entre eux.

« En plus d’avoir des logins différents, on a des logiques de navigation différentes, a déclaré le secrétaire d’État au Numérique. Ce qui fait qu'on doit se réinventer en permanence. » Barre de connexion à son espace utilisateur en haut à gauche sur tel site, en bas à droite sur un autre... Il n’est pas toujours simple de s’y retrouver.

Les DSI de l’État chargés d’avancer sur une « normalisation »

L’ancien président du Conseil national du numérique a expliqué qu’il réunissait « toutes les six semaines » un « comité » des différents directeurs des systèmes d’information (DSI) de l’État. Plusieurs groupes de travail ont ainsi été installés, dont un sur l’expérience utilisateur :

« On essaie de faire partager des objectifs de transformation à tous les opérateurs et administrations qui fournissent des services publics numériques. Un des premiers sur lequel j'espère avoir des effets le plus rapidement possible, c'est celui sur les interfaces : simplification des interfaces, accessibilité des interfaces, et surtout trajectoire d'unicité des interfaces officielles. C'est-à-dire qu'il faut qu'on ressente quelque chose quand on est sur une interface officielle, qui dit que c'est officiel. »

mahjoubi
Crédits : Assemblée nationale

Mounir Mahjoubi a pris pour exemple les formulaires CERFA : « On peut dire tout ce qu'on veut, sauf que les cases ont toutes la même forme, le bloc nom est toujours au début, etc. (...) On n'a pas besoin de réapprendre à chaque fois comment ça fonctionne. »

Pour le secrétaire d’État au Numérique, c’est dans cette direction qu’auraient du aller les services publics numériques. « Normaliser, c'est un mot qui fait peur. Sauf qu'en fait normaliser, ça simplifie beaucoup ensuite derrière pour fabriquer, pour faire, pour délivrer, donc ce sera un enjeu essentiel. »

« On travaille dessus », a conclu le successeur d’Axelle Lemaire. « J'ai demandé aux administrations d'identifier quelles sont les interfaces qui sont les plus utilisées par les citoyens. Et de démarrer sur ces interfaces, dès l'année 2018, pour avoir des premiers gains. »

Une proposition portée en 2013 par le CNNum

Certains se souviendront qu’en 2013, le Conseil national du numérique (alors présidé par Benoît Thieulin) avait proposé au gouvernement de Jean-Marc Ayrault de procéder à une harmonisation des sites publics. « L’État doit être garant que l’expérience usager soit simple, efficace et pertinente par rapport au contexte et aux moments où il les utilise » exhortait alors l’institution dans son rapport sur l’inclusion numérique.

harmonisation sites cnnum

Écrit par Xavier Berne

Tiens, en parlant de ça :

Sommaire de l'article

Introduction

Les DSI de l’État chargés d’avancer sur une « normalisation »

Une proposition portée en 2013 par le CNNum

Fermer

Commentaires (44)


Ouais ça serait bien, parce que l’autre jour j’ai été sur crit’air et la page était un bout en allemand, un bout en français et un bout en anglais, ce qui prouve que ça a été bien testé.


Le sous-titre aurait aussi pu être : « Aux fonds la forme, sus à la dette ! ».


Tu pourras aussi avoir plusieurs langues sur un design unifié, ce n’est pas le sujet.


En voilà une idée qu’elle est bonne ^^

Vivement un DSI de l’état unique !








Jarodd a écrit :



Tu pourras aussi avoir plusieurs langues sur un design unifié, ce n’est pas le sujet.







là les langues étaient mélangés et le rapport c’est que tous les sites d’état aient un suivit identique, là il n’y a pas eu de gros tests d’ux



Et qui va remporter le pactole pour tout unifier ? <img data-src=" /><img data-src=" />


Le pactole mais surtout les nombreuses galères de bosser avec des services publics…


Perso dans certains cas, j’aurais même carrément tendance à penser que, dans l’expression “logique de navigation” le mot “logique” est de trop.

Je ne sais pas ce que je déteste le moins des sites à l’aspect datant de Mathusalem et la navigabilité épouvantable où ceux tous pimpants et à la mode dont l’ergonomie est à hurler.



PS : j’adore le sous-titre.


En théorie ça existe, c’est la DISINC, en pratique, elle n’a pas les prérogatives et chacun fait ce qu’il veut dans son coin (et ça coûte des sous évidemment).


Non seulement ça mais sur certains sites trouver la bonne page n’est pas forcément facile, sans compter les liens mort, ni le fait de ne pouvoir accéder qu’a certains services en utilisant les pc à dispo du publique dans leur bureaux.



De manière plus générale je pense que le web devrait aussi s’unifier un peu et peut être du derank dans les moteurs de recherche si c’est fait n’importe comment. Par exemple un header de 800 px de haut avec une simple image, à la limite ça passe mais pas sur chaque page…



L’utilisation de la bande passante devrait aussi passer à la moulinette parce que c’est pas illimité et ça pollue à mort… Rien que cette page ( https://tools.pingdom.com/#!/dpjU2u[https://www.nextinpact.com/news/105533-sites-officiels-vers-uniformisation-inter…](https://www.nextinpact.com/news/105533-sites-officiels-vers-uniformisation-interfaces.htm&quot;%20target=&quot;_blank&quot;%20rel=&quot;nofollow&quot;&amp;gt 200 ko pour rien cette image n’apparait nul part sur cette page

.
140 ko pour rien cette image n’apparait nul part sur cette page. EctAvec une optimisation correcte c’est 50% d’économisé sur les images donc environ 25% de la bande passante du site. Mais j’ai vu des pages encore moins bien optimisé et c’est vraiment criminel, surtout pour un site comme le votre ( paille / poutre ">https://www.nextinpact.com/news/105533-sites-officiels-vers-uniformisation-inter....C’est bien dommage que personne ne ce penche la dessus, je vais peut être envoyer un mail à nicolas hulot, sachant que le format jpg c’est déja une perte de place énorme par rapport à d’autre format comme le wepP ( gain de 20 à 50% ).&nbsp;edit : Les liens chient dans la colle.. Une réglementation vite !


J’ai fait un rêve : La page des impots pro/perso passait dans le 21ième siècle



…..



Le problème, c’est soit :





  • Tous les designers se conforment au modèle (<img data-src=" />)

  • Utilisation d’un même logiciel (voir mon commentaire²)<img data-src=" />



    Si déjà, il y avait unification d’un format de sortie <img data-src=" /> (ce qui revient à la préférence° d’utiliser un seul logiciel)



    ° et ² On revient toujours sur le(s) même(s) problème(s)








2show7 a écrit :



Et qui va remporter le pactole pour tout unifier ? <img data-src=" /><img data-src=" />





“Sauron” nous cela un jour ?&nbsp;<img data-src=" />









Mythe_Railleur a écrit :



“Sauron” nous cela un jour ? <img data-src=" />







Le “mort dort” en toute quiétude (mais il faudra bien un jour faire de la place)<img data-src=" />



tu sais qu’il est fort possible que les non abonnés la voient cette image? ^^


Le site des impôts qui ouvre systématiquement une nouvelle fenêtre à chaque clic, comme si on était en 1997&nbsp;<img data-src=" />&nbsp;&nbsp;<img data-src=" />


J’aime beaucoup “trajectoire d’unicité des interfaces officielles”. Ca sent bon le mec qui est en plein dedans, qui sait de quoi il parle et qui a l’habitude de parler de choses concrètes…

Bon, bref, à part ce choix malheureux ça ne serait pas un mal, effectivement. Ils pourraient largement s’inspirer de ce qui se fait dans la plupart des grandes entreprises : une charte graphique unique et imposée, avec fourniture des éléments graphiques , des CSS. et des infos sur comment les utiliser.








empty a écrit :



Le site des impôts qui ouvre systématiquement une nouvelle fenêtre à chaque clic, comme si on était en 1997 <img data-src=" />  <img data-src=" />







Ça s’appelle suivre un parcours linéaire (logique) <img data-src=" />



Donc en gros, ce qu’il veut c’est que les administrations et les sites officiels soient sortis d’une usine à sites comme le font certaines grosses entreprises.


Le site Ameli serai aussi iNpacté?

Ma femme travail dessus actuellement… Ils arrivent déjà pas a avoir les validation de design dans les temps alors tout unifier ça vas être drôle…


Pour moi c’est une mauvaise idée. Pour la simple et bonne raison qu’a contenu différent. Hiérarchisation et présentation différentes. Il faudrait mieux recruter des designers et des experts d’interface web par projet plutôt que d’essayer de faire une usine a gaz devant répondre à tout les critères.


Pour le cas de la CNAMTS et donc du site Ameli c’est ce qu’il y a , ce qui explique p-e que ce soit le moins catastrophique! :p


S’il s’agit d’une charte d’interaction commune pour définir les principes d’une GUI, pourquoi pas… Ça va probablement être long, complexe et globalement douloureux à produire (eu égard aux nombreux paramètres à prendre en compte), mais au final ça peut faire gagner en cohérence. Bonne chance à celui qui héritera de la V1 et qui sera chargé de la faire évoluer, quand même…



Mais connaissant les phantasmes habituels côté « métier / client », je miserais plutôt sur une énième itération du fameux « gros-bouton-qui-fait-tout », qui se matérialise généralement sous la forme d’une usine-à-gaz imbitable et plantogène, génératrice de casse-tête dès qu’un format (une entrée) non standard est amené à s’y confronter (ce qui arrive généralement le lendemain de la mise en prod).



Du coup, sans vouloir pontifier, je suis plutôt réservé sur le sujet et pas loin de partager l’avis de @scandinave


ils veulent faire ça quoi <img data-src=" />



https://www.gov.uk


L’état se rapproche un peu plus chaque jour d’une grande entreprise de service publique…



#LeCapitalismeVaincra




« trajectoire d’unicité des interfaces officielles »



<img data-src=" />


C’est trop clair, ça va leur faire peur.


Si le ministère de l’Éducation nationale pouvait corriger ce bouton ANNULER qui s’active quand on appuie sur Entrée, ça serait chouette !


Ils vont apprendre les bienfaits d’un framework.


ATEN, c’est la version 17 seulement. Chrome en est à la 62, c’est normal que toutes les features soient pas encore là <img data-src=" />


Je vois pas trop le problème étant donné que casiment tout est caché..


Tiens y’a un très belle article sur smashing book qui parle de la construction du design unifié pour les sites gouvernementaux américains :&nbsp;https://www.smashingmagazine.com/2017/10/large-scale-design-system-us-government/








PtiDidi a écrit :



Je vois pas trop le problème étant donné que casiment tout est caché..



Si c’est caché, il n’y a aucun intérêt à bouffer de la BP à blanc.









hellmut a écrit :



tu sais qu’il est fort possible que les non abonnés la voient cette image? ^^





Non, et même si c’était le cas elle est trop grande et compressée n’importe comment.



« trajectoire d’unicité des interfaces officielles » : quand je lit ou entends ce type d’expression, j’ai envie de sortir la machine à baffes ! Utiliser des termes prétentieux pour compliquer ce qui aurait pu être dit plus simplement et humblement. Je pense (avant de me faire hacher menu) à “uniformiser les interfaces”.


Qu’ils s’inspirent de gov.uk, des années lumières d’avance sur l’administration FR.

Ils embauchent de vrais ergonomes eux, et se demandent sérieusement comment les services doivent être accessibles et compréhensibles par tous.

C’est autre chose que de demander à Vidberg de faire un dessin.


Ça peut paraître bête, mais une fois ils avaient utilisé les patate de Vidberg pour illustrer les choses, je trouvais ça pas mal intéressant. Si les sites sont bien faits et illustrer ainsi, ça serait bien (en plus d’être plus lisible car illustré)


Exemple bateau :



Jours fériés sur un site de l’adminstration Française :

http://www.education.gouv.fr/pid25058/le-calendrier-scolaire.html



Jours fériés sur un site de l’administration britannique :

https://www.gov.uk/bank-holidays#england-and-wales





Un site est fouilli, anxiogène, non responsif. L’autre va droit au but, est agréable à consulter, et homogène.


Est-ce bien honnête de comparer le site des vacances scolaires de l’éducation nationale à un site du gouvernement qui liste 8 jours fériés par an en Angleterre et Pays de Galles ?

Le premier répond à une certaine complexité : 3 zones, des enseignants et des élèves, des cas particuliers, … Il permet aussi de télécharger au format icalendar et de s’abonner.

Le second liste simplement des dates sans avoir besoin de commentaires.



Bref, ils ont des objectifs très différents.



Si on veut comparer, allons voir ici qui ne fait que rediriger vers des sites locaux pour chaque code postal, par exemple pour Westminster. Je trouve cela moins pratique, même si dans l’ensemble les sites uk sont assez sobres.








stephane.p a écrit :



J’ai fait un rêve : La page des impots pro/perso passait dans le 21ième siècle



…..







On pouvait “gérer” ses impôt en ligne au siècle dernier ? <img data-src=" />



Je crois que le pire ceux que j’ai eu à utiliser c’est celui des impôts : L’accueil n’a rien à voir avec le reste, des popup de partout, on ne sait jamais vraiment où l’on est, parfois impossible de revenir en arrière. Ce site donne l’impression d’être sortie des années 90.



Enfin je dis ça, mais il y a des sites avec des « designs modern » insupportable à utiliser dû à leur lenteur… Chaque clique c’est une attente de 10s. Non mais sérieux…



Le web ce n’est plus ce que c’était. <img data-src=" />









hurd a écrit :



On pouvait “gérer” ses impôt en ligne au siècle dernier ? <img data-src=" />







Non, mais on faisait des sites qui ressemblent à ça.



Que ce serait bien si les CERFA étaient tous conformes aux spécifications PDF ouvertes (pdf 1.4) et pas aux spécifications fermées d’Adaube (pdf 1.5)… Ça aussi, ça rentre dans le projet de Mr Mahjoubi ?








Antwan a écrit :



Jours fériés sur un site de l’adminstration Française :

http://www.education.gouv.fr/pid25058/le-calendrier-scolaire.html





La liste des congés scolaires n’est pas la liste des jours fériés.

On retrouve cette dernière sur le site du service public.

On y obtient les jours fériés eux-même, les cas spéciaux, les réglementations en vigueurs, et les source. Lisible, complet, efficace. Si tous les sites du gouvernement étaient alignés sur ce modèle, je ne trouverai franchement rien à y redire <img data-src=" />



Globalement, www.service-public.fr est toujours très clair et complet (dans la limite de la vulgarisation, les cas les plus complexes ne sont pas forcément abordés). et assez sobre.



J’aime en particulier les points suivants :

date de mise à jour,

l’organisation en dépliant la partie qui nous intéresse,

le “où s’informer”

et les textes de références si on veut aller plus loin.