# User Interface Design Goals ## Overall UX Vision L'application doit offrir une expérience **efficace et dense en informations**, inspirée des outils de gestion de données professionnels. L'objectif est de permettre à l'utilisateur de : - Trouver rapidement l'information cherchée (quel perso n'a pas fait X ?) - Effectuer des modifications en masse sans friction - Avoir une vue d'ensemble claire malgré le volume de données (60+ personnages) Le design privilégie la **fonctionnalité sur l'esthétique** : interface sobre, contrastes clairs, densité d'information élevée, navigation rapide. ## Key Interaction Paradigms - **Filtres sidebar façon e-commerce** — Panel latéral avec facettes cliquables (classe, serveur, team, compte, statut) - **Multi-select façon Gmail** — Checkboxes pour sélection multiple + barre d'actions groupées - **Tables interactives** — Tri, resize colonnes, pagination, colonnes masquables - **Actions au survol** — Boutons edit/delete apparaissent au hover pour réduire le bruit visuel - **Drill-down progressif** — Liste → Fiche détaillée → Sous-sections (progressions, monnaies) - **Feedback immédiat** — Toasts pour confirmations, indicateurs de chargement, états vides informatifs ## Core Screens and Views 1. **Dashboard** — Vue d'accueil avec KPIs (total persos, teams, progression globale) 2. **Liste Personnages** — Vue principale avec filtres, recherche, tableau paginé 3. **Fiche Personnage** — Détails complets : infos, progressions, monnaies, teams 4. **Liste Comptes** — Gestion des comptes avec leurs personnages associés 5. **Fiche Compte** — Détails compte : ogrines, métiers (par serveur), récompenses 6. **Liste Teams** — Toutes les teams avec statut de complétion 7. **Fiche Team** — Membres, validation contraintes, % progression par objectif 8. **Gestion Serveurs** — CRUD des serveurs disponibles 9. **Données de référence** — Gestion des quêtes/donjons/recherchés (sync DofusDB) ## Accessibility **Niveau cible : Aucun (pas de conformité WCAG requise)** Application à usage personnel. Bonnes pratiques de base respectées : contrastes suffisants, navigation clavier, labels sur formulaires. ## Branding **Aucun branding spécifique.** Design system sobre et moderne (shadcn/ui ou similaire), palette neutre, pas de thématique Dofus (éviter copyright), focus sur lisibilité. ## Target Device and Platforms **Web Responsive (Desktop-first)** - **Priorité 1 : Desktop** — Usage principal sur grand écran pendant les sessions de jeu - **Priorité 2 : Tablette** — Consultation occasionnelle - **Priorité 3 : Mobile** — Consultation basique acceptable ---