52 lines
2.6 KiB
Markdown
52 lines
2.6 KiB
Markdown
# 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
|
|
|
|
---
|