Aller au contenu principal

Stratégie Cupertino

Statut​

Document de cadrage frontend — version initiale.

Définition​

La stratégie Cupertino vise à s'inspirer des interfaces iOS modernes quand cela améliore la simplicité, la lisibilité et le confort mobile.

Il ne s'agit pas de copier iOS ni de rendre l'interface exclusive aux utilisateurs Apple.

Intention​

DMV peut adopter certains codes Cupertino :

  • surfaces sobres ;
  • arrondis cohérents ;
  • hiérarchie claire ;
  • navigation fluide ;
  • panneaux bas sur mobile ;
  • transitions discrètes ;
  • typographie lisible ;
  • gestes naturels quand ils restent accessibles.

Principes​

  • Cupertino-first ne doit jamais réduire l'accessibilité.
  • Les composants doivent rester compatibles web.
  • Les interactions doivent fonctionner au clavier quand c'est pertinent.
  • Les affordances doivent rester claires pour Android, desktop et web.
  • Les animations doivent respecter les préférences utilisateur.
  • La sobriété visuelle doit servir le contenu local.

État actuel visible​

Le code montre déjà plusieurs choix compatibles avec une inspiration mobile moderne :

  • PWA manifest ;
  • viewport mobile ;
  • composants drawer et modales ;
  • pull-to-refresh ;
  • interfaces Tailwind à base de surfaces arrondies ;
  • navigation mobile dans le backoffice ;
  • focus sur l'expérience tactile.

Le repo ne confirme pas encore un design system Cupertino formalisé.

Composants concernés​

ComposantOrientation cible
Navigation mobileSimple, stable, accessible, proche des usages mobiles.
ModalesPréférer sheets ou panneaux lisibles quand adapté.
Cartes contenuArrondies, aérées, centrées sur l'information.
FormulairesChamps lisibles, labels clairs, taille tactile suffisante.
Actions rapidesBoutons visibles, hiérarchie primaire/secondaire nette.

À éviter​

  • Gestes cachés sans alternative.
  • Animations longues.
  • Effets de flou ou transparence excessifs.
  • Interfaces trop proches d'une app native mais peu accessibles.
  • Uniformisation forcée du backoffice et du public si les usages diffèrent.

Vision cible​

La cible est une esthétique simple et premium sans complexité :

  • expérience publique très mobile ;
  • backoffice plus dense mais toujours lisible ;
  • futures apps capables de reprendre les patterns utiles ;
  • composants documentés ;
  • accessibilité validée avant effet visuel.

Points à clarifier​

  • Liste officielle des patterns Cupertino DMV.
  • Composants à créer en priorité.
  • Niveau d'animation accepté.
  • Compatibilité avec desktop et Android.
  • Tests d'accessibilité associés.