Aller au contenu principal

Philosophie UI/UX

Statut​

Document de cadrage frontend — version initiale.

Vision​

L'interface DMV doit être simple, humaine et utile au quotidien.

Elle s'adresse à un public large : habitants, acteurs locaux, associations, communes, administrateurs et personnes peu habituées aux outils complexes.

Principes​

  • Le contenu local passe avant l'interface.
  • Les actions doivent être compréhensibles sans jargon.
  • Les écrans doivent rester sobres.
  • Les parcours doivent limiter les étapes inutiles.
  • Les états vides doivent guider l'utilisateur.
  • Les erreurs doivent être humaines et actionnables.
  • Les animations doivent rester discrètes.
  • L'interface ne doit pas pousser à des actions non souhaitées.

Rural-friendly​

Une UI rural-friendly signifie :

  • vocabulaire simple ;
  • navigation directe ;
  • interfaces lisibles sur petits écrans ;
  • faibles exigences techniques ;
  • compatibilité avec connexions mobiles variables ;
  • respect des utilisateurs non experts ;
  • parcours adaptés aux petites structures.

À éviter​

  • Surcharge visuelle.
  • Trop de panneaux simultanés.
  • Icônes sans libellé quand l'action n'est pas évidente.
  • Dark patterns.
  • Notifications agressives.
  • Modales inutiles.
  • Effets visuels au détriment de la lisibilité.
  • Interfaces d'administration copiées sur des outils trop complexes.

État actuel visible​

Le code montre une interface largement construite avec Tailwind CSS, des composants de modales, panneaux, boutons, carrousels, headers, layouts et navigation.

Le site public contient des efforts mobile-first : viewport, manifest PWA, composants de drawer, pull-to-refresh et styles de saisie mobile.

Vision cible​

La cible UI est :

  • mobile-first ;
  • Cupertino-first quand pertinent ;
  • sobre ;
  • fluide ;
  • élégante ;
  • centrée sur la commune, les acteurs et les contenus ;
  • cohérente entre public, backoffice et futures apps.

Points à clarifier​

  • Niveau exact de personnalisation visuelle par commune ou acteur.
  • Convention commune des états vide, erreur et chargement.
  • Ton des messages utilisateur.
  • Niveau d'animation autorisé.
  • Gouvernance des composants UI partagés.