Sergio Hurtado

11 · Projets

Gendarmerie nationale (CGI)

Gendarmerie nationale – Charte ergonomique mobile

2018 · 2 mois · Charte ergonomique et graphique

La demande

Sur leur smartphone NEOGEND, les gendarmes utilisaient plusieurs applications métier conçues séparément : recherche de personnes, de véhicules, d'objets, messagerie, cartographie. Chacune avait ses propres règles de navigation et de saisie. La demande : une charte ergonomique et graphique commune.

La solution

J'ai combiné évaluation experte, sondage auprès de gendarmes de Lille et benchmark, puis éprouvé les règles en refondant une application de recherche de personnes. Résultat : une charte de 29 pages en atomic design, avec les commandes principales à portée du pouce, des modes jour et nuit et des règles mesurables, réutilisable par toutes les équipes de développement.

Le terrain d'abord

Un gendarme réalise entre 10 et 30 contrôles par jour avec son appareil, souvent d'une seule main, parce qu'il fait autre chose en même temps. La démarche a combiné une évaluation experte des applications existantes, un sondage auprès de gendarmes de Lille qui utilisaient déjà les terminaux, et un benchmark d'interfaces aux interactions comparables.

Les commandes les plus fréquentes descendent en bas de l'écran, à portée du pouce.

Une application prise en exemple

Une application de recherche de personnes a servi d'exemple type : sa refonte a permis d'éprouver les règles sur un cas réel avant de les écrire. Barre d'actions principales en bas de page pour l'usage à une main, titre qui dit où l'on se trouve, flèche de retour vers le niveau supérieur, résultats en onglets par fichier consulté, signalement visible directement sur la vignette.

Accueil : les entrées regroupées par objet de recherche (personne, véhicule, objet).
Recherche de personne : Paramètres, Capture et Recherche en bas de l'écran.
Résultats : un onglet par fichier, la fiche signalée ressort en couleur.
Cartographie : même en-tête et même barre d'actions.

Jour et nuit

Les contrôles se font aussi la nuit. Chaque template existe en mode jour et en mode nuit, avec une inversion des contrastes et de la luminosité, accessible depuis l'en-tête.

Jour

Nuit

Recherche de personne, en mode jour puis en mode nuit.

Jour

Nuit

Page de résultats, en mode jour puis en mode nuit.

Une charte en atomic design

La charte découpe chaque template en organismes, molécules et atomes, avec une justification ergonomique à chaque niveau : elle s'utilise comme une boîte à outils. Elle fixe aussi des règles mesurables : une zone tactile d'au moins 1 cm, des caractères d'au moins 1,68 mm, des marges et des corps de texte détaillés pour la résolution du terminal.

Extrait de la charte : le template de recherche décomposé en organismes, molécules et atomes.