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é dansInternet

03/11/2017
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

44
Avatar de l'auteur

Écrit par Xavier Berne

Tiens, en parlant de ça :

Poing Dev

Le poing Dev – Round 7

Meuh sept super !

22:32 Next 7
Logo de Gaia-X sour la forme d’un arbre, avec la légende : infrastructure de données en forme de réseau

Gaia-X « vit toujours » et « arrive à des étapes très concrètes »

« Money time »

18:06 WebSécu 3

Trois consoles portables en quelques semaines

Et une nouvelle façon de concevoir le jeu se confirme

10:45 Hard 36

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

Poing Dev

Le poing Dev – Round 7

Next 7
Logo de Gaia-X sour la forme d’un arbre, avec la légende : infrastructure de données en forme de réseau

Gaia-X « vit toujours » et « arrive à des étapes très concrètes »

WebSécu 3

Trois consoles portables en quelques semaines

Hard 36
Une tasse estampillée "Keep calm and carry on teaching"

Cyberrésilience : les compromis (provisoires) du trilogue européen

DroitSécu 3

#LeBrief : fuite de tests ADN 23andMe, le milliard pour Android Messages, il y a 30 ans Hubble voyait clair

#Flock a sa propre vision de l’inclusion

Flock 25
Un Sébastien transformé en lapin par Flock pour imiter le Quoi de neuf Docteur des Looney Tunes

Quoi de neuf à la rédac’ #10 : nous contacter et résumé de la semaine

43
Autoportrait Sébastien

[Autoportrait] Sébastien Gavois : tribulations d’un pigiste devenu rédac’ chef

Next 20
Logo de StreetPress

Pourquoi le site du média StreetPress a été momentanément inaccessible

Droit 21
Amazon re:Invent

re:Invent 2023 : Amazon lance son assistant Q et plusieurs services IA, dont la génération d’images

IA 14
Un œil symbolisant l'Union européenne, et les dissensions et problèmes afférents

Le Conseil de l’UE tire un bilan du RGPD, les États membres réclament des « outils pratiques »

Droit 6

19 associations européennes de consommateurs portent plainte contre Meta

DroitSocials 16

#LeBrief : Ariane 6 l’été prochain, Nextcloud rachète Roundcube, désinformation via la pub

Chiffre et formules mathématiques sur un tableau

CVSS 4.0 : dur, dur, d’être un expert !

Sécu 16
Une tête de fusée siglée Starlink.

Starlink accessible à Gaza sous contrôle de l’administration israélienne

Web 35
Fibre optique

G-PON, XGS-PON et 50G-PON : jusqu’à 50 Gb/s en fibre optique

HardWeb 53
Photo d'un immeuble troué de part en part

Règlement sur la cyber-résilience : les instances européennes en passe de conclure un accord

DroitSécu 10
lexique IA parodie

AGI, GPAI, modèles de fondation… de quoi on parle ?

IA 11

#LeBrief : logiciels libres scientifiques, fermeture de compte Google, « fabriquer » des femmes pour l’inclusion

livre dématérialisé

Des chercheurs ont élaboré une technique d’extraction des données d’entrainement de ChatGPT

IAScience 3
Un chien avec des lunettes apprend sur une tablette

Devenir expert en sécurité informatique en 3 clics

Sécu 11
Logo ownCloud

ownCloud : faille béante dans les déploiements conteneurisés utilisant graphapi

Sécu 16
Le SoC Graviton4 d’Amazon AWS posé sur une table

Amazon re:invent : SoC Graviton4 (Arm), instance R8g et Trainium2 pour l’IA

Hard 12
Logo Comcybergend

Guéguerre des polices dans le cyber (OFAC et ComCyberMi)

Sécu 10

#LeBrief : faille 0-day dans Chrome, smartphones à Hong Kong, 25 ans de la Dreamcast

Mur d’OVHcloud à Roubaix, avec le logo OVHcloud

OVHcloud Summit 2023 : SecNumCloud, IA et Local Zones

HardWeb 2
algorithmes de la CAF

Transparence, discriminations : les questions soulevées par l’algorithme de la CAF

IASociété 62

Plainte contre l’alternative paiement ou publicité comportementale de Meta

DroitIA 40
Nuage (pour le cloud) avec de la foudre

Économie de la donnée et services de cloud : l’Arcep renforce ses troupes

DroitWeb 0
De vieux ciseaux posés sur une surface en bois

Plus de 60 % des demandes de suppression reçues par Google émanent de Russie

Société 7
Une vieille boussole posée sur un plan en bois

La Commission européenne et Google proposent deux bases de données de fact-checks

DroitWeb 3

#LeBrief : des fichiers Google Drive disparaissent, FreeBSD 14, caméras camouflées, OnePlus 12

Hubble mission maintenance

Il y a 30 ans, Hubble recevait sa première mission de maintenance

Science 18

Des menottes autour d'un rouleau de billets de banque

Les deux principaux responsables de l’agence de cybersécurité ukrainienne accusés de corruption

DroitÉcoSécu 8

Google Messages

Sur Android, Messages fête son milliard d’utilisateurs, de nouvelles fonctions en approche

WebSoft 19

Une femme en blouse blanche et portant des lunettes adaptées utilise un séquenceur à ADN

Tests ADN : 23andMe avoue que les infos d’un « nombre significatif » d’utilisateurs ont fuité

Sécu 7

Commentaires (44)


anonyme_6d3c8325027b08b8beb8eb7f143f3660
Il y a 6 ans

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é.


tmtisfree
Il y a 6 ans

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


Jarodd Abonné
Il y a 6 ans

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


secouss
Il y a 6 ans

En voilà une idée qu’elle est bonne ^^
Vivement un DSI de l’état unique !


anonyme_6d3c8325027b08b8beb8eb7f143f3660
Il y a 6 ans






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



2show7
Il y a 6 ans

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


megatom
Il y a 6 ans

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


numerid Abonné
Il y a 6 ans

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.


numerid Abonné
Il y a 6 ans

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).


skankhunt42
Il y a 6 ans

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
66% d'utilisé pour les images alors que bon :

.[url=https://cdn3.nextinpact.com/dlx/68747470733A2F2F63646E322E6E657874696E706163742E636F6D2F696D616765732F62642F776964652D6C696E6B65642D6D656469612F31373933392E6A7067" target="\_blank" rel="nofollow"> 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 ).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 !


stephane.p Abonné
Il y a 6 ans

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

…..


2show7
Il y a 6 ans

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)


Mythe_Railleur Abonné
Il y a 6 ans






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=" />



2show7
Il y a 6 ans






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=" />



hellmut Abonné
Il y a 6 ans

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


empty
Il y a 6 ans

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=" />


anagrys Abonné
Il y a 6 ans

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.


2show7
Il y a 6 ans






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=" />



tifounon
Il y a 6 ans

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.


latlanh
Il y a 6 ans

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…


scandinave Abonné
Il y a 6 ans

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.


latlanh
Il y a 6 ans

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


graphseb
Il y a 6 ans

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


misterB
Il y a 6 ans

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

https://www.gov.uk


127.0.0.1
Il y a 6 ans

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

#LeCapitalismeVaincra


jackjack2
Il y a 6 ans


« trajectoire d’unicité des interfaces officielles »

<img data-src=" />


Dedrak
Il y a 6 ans

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


Zone démilitarisée Abonné
Il y a 6 ans

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 !


SNUT
Il y a 6 ans

Ils vont apprendre les bienfaits d’un framework.


mikfr
Il y a 6 ans

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=" />


PtiDidi Abonné
Il y a 6 ans

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


MoonRa
Il y a 6 ans

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/


Patch Abonné
Il y a 6 ans






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.



skankhunt42
Il y a 6 ans






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.



ComesFuxii
Il y a 6 ans

« 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”.


Antwan
Il y a 6 ans

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.


GvLustig
Il y a 6 ans

Ç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é)


Antwan
Il y a 6 ans

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.


fred42 Abonné
Il y a 6 ans

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.


hurd Abonné
Il y a 6 ans






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=" />



zefling Abonné
Il y a 6 ans

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.



Aisyk Abonné
Il y a 6 ans

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 ?


V_E_B Abonné
Il y a 6 ans






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=" />



fred42 Abonné
Il y a 6 ans

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.