Aller au contenu principal

ADR-010 — Orientation UX Cupertino-first

Statut​

Accepted

Date​

2026-05-10

Contexte​

Faits visibles et contexte validé :

  • DMV vise une philosophie mobile-first, simple, accessible et rural-friendly ;
  • le style cible est sobre, fluide, peu chargé et inspiré des interfaces iOS modernes ;
  • la documentation frontend mentionne une stratégie Cupertino-first lorsque pertinent ;
  • le projet doit rester grand public et non technocratique.

Objectif :

  • donner une direction UI cohérente, lisible et rassurante pour des publics non techniques.

Décision​

DMV adopte une orientation UX Cupertino-first / iOS-like lorsque cela sert la simplicité, la lisibilité et la fluidité.

Cette orientation ne signifie pas copier iOS ni exclure Android. Elle définit un langage d’interface :

  • hiérarchie visuelle claire ;
  • composants sobres ;
  • navigation mobile simple ;
  • interactions fluides ;
  • densité d’information maîtrisée ;
  • priorité au contenu local.

Conséquences​

Effets attendus :

  • expérience plus cohérente entre interfaces ;
  • meilleure lisibilité mobile ;
  • réduction de la surcharge visuelle ;
  • base utile pour un design system commun.

Contraintes :

  • conserver l’accessibilité ;
  • ne pas utiliser d’effets visuels au détriment de la performance ;
  • adapter les patterns aux usages web/PWA ;
  • éviter une esthétique propriétaire qui bloquerait l’évolution multi-plateformes.

Alternatives envisagées​

AlternativeRaison de non-priorisation
Material-first strictPossible, mais moins aligné avec l’orientation visuelle cible documentée.
UI custom sans cadreRisque d’incohérence et de dette design.
Interface administrative denseIncompatible avec le positionnement grand public et terrain.

Risques​

  • Confondre inspiration Cupertino et imitation fermée.
  • Négliger Android ou le web responsive.
  • Ajouter des animations ou composants trop coûteux pour mobile.

Liens associés​

  • docs/08-frontend/08-ui-philosophy.md
  • docs/08-frontend/09-cupertino-strategy.md
  • docs/08-frontend/10-design-system.md
  • docs/08-frontend/13-mobile-first.md