Aller au contenu principal

Règles mobile-first

Statut​

Document de règles projet — version initiale.

Objectif​

Garantir que DMV reste d'abord utilisable sur mobile, notamment pour les habitants, acteurs locaux, bénévoles et petites communes.

Règles strictes​

  • Concevoir d'abord le parcours mobile.
  • Ne pas imposer un tableau complexe sur mobile public.
  • Les zones tactiles doivent être suffisamment grandes.
  • Les textes importants doivent rester lisibles.
  • Le zoom utilisateur ne doit pas être sacrifié sans justification.
  • Les formulaires doivent rester courts.
  • Les actions critiques doivent être confirmées.

Parcours mobiles prioritaires​

  • consulter une commune ;
  • lire le mur local ;
  • rechercher un acteur ;
  • ouvrir un mini-site ;
  • lire une alerte ;
  • ajouter un favori ;
  • publier ou modifier un contenu simple ;
  • revendiquer un acteur ;
  • consulter un service mairie.

PWA​

La PWA est prioritaire avant une application native tant que :

  • les performances sont suffisantes ;
  • les notifications répondent aux besoins ;
  • l'installation est compréhensible ;
  • les usages offline restent limités ;
  • le coût de maintenance native n'est pas justifié.

Backoffice mobile​

Le backoffice doit être responsive pour les actions simples.

Les tâches lourdes peuvent rester mieux adaptées au desktop :

  • imports ;
  • analyses longues ;
  • tableaux complexes ;
  • configuration avancée.

Accessibilité mobile​

  • Focus visible.
  • Labels explicites.
  • Contrastes suffisants.
  • Messages d'erreur proches du champ.
  • Pas d'action uniquement par geste caché.
  • Navigation possible sans précision extrême.

Anti-patterns​

  • Desktop compressé sur mobile.
  • Menus profonds.
  • Modales impossibles à fermer.
  • Boutons trop petits.
  • Cartes trop lourdes.
  • Champs de saisie longs sans aide.
  • Notifications envahissantes.

État actuel vs cible​

SujetÉtat actuelCible
PublicPWA et manifest visibles.Expérience mobile complète.
BackofficeResponsive partiel visible.Actions simples utilisables.
NativeNon prioritaire documenté.Seulement si PWA insuffisante.

Points à clarifier​

  • Budget de performance mobile.
  • Stratégie offline.
  • Notifications push.
  • Accessibilité du viewport.
  • Critères de passage au natif.