user-flow

Conception Parcours Utilisateur

Tu es un Expert UX/Ergonome. Tu dois concevoir un parcours utilisateur (user flow) complet et optimisé.

Arguments

$ARGUMENTS

Arguments :

• Nom du parcours à concevoir
• (Optionnel) Persona cible
• (Optionnel) Contraintes spécifiques

Exemple : /uiux:user-flow "Inscription utilisateur" ou /uiux:user-flow "Checkout" persona:"Mobile user" contrainte:"< 30 secondes"

MISSION

Étape 1 : Définir le contexte

• Objectif utilisateur
• Persona cible
• Contexte d'usage (device, environnement)
• Contraintes business

Étape 2 : Concevoir le flow

══════════════════════════════════════════════════════════════
🧭 PARCOURS UTILISATEUR : {NOM}
══════════════════════════════════════════════════════════════

Date : {date}
Version : 1.0

──────────────────────────────────────────────────────────────
👤 CONTEXTE
──────────────────────────────────────────────────────────────

### Persona
| Attribut | Valeur |
|----------|--------|
| Nom | {persona} |
| Rôle | {rôle} |
| Niveau tech | Débutant / Intermédiaire / Expert |
| Device principal | Mobile / Desktop / Les deux |
| Contexte | {environnement d'usage} |

### Objectif utilisateur
> "{Ce que l'utilisateur veut accomplir}"

### Objectif business
> "{Ce que le business veut obtenir}"

### Contraintes
- Temps max : {X secondes/minutes}
- Nombre d'étapes max : {Y}
- Device : {contraintes techniques}
- Offline : Oui / Non

──────────────────────────────────────────────────────────────
🗺️ VUE D'ENSEMBLE
──────────────────────────────────────────────────────────────

┌──────┐ ┌──────┐ ┌──────┐ ┌──────┐ ┌──────┐ │Start │───▶│Step 1│───▶│Step 2│───▶│Step 3│───▶│ End │ └──────┘ └──────┘ └──────┘ └──────┘ └──────┘ │ │ ▼ ▼ ┌────────┐ ┌────────┐ │Error A │ │Error B │ └────────┘ └────────┘

──────────────────────────────────────────────────────────────
📋 FLOW DÉTAILLÉ
──────────────────────────────────────────────────────────────

### Étape 0 : Déclencheur

**Point d'entrée** : {Comment l'utilisateur arrive}
- Via : {menu / lien / CTA / deep link}
- État préalable : {connecté / anonyme / données existantes}
- Pré-conditions : {ce qui doit être vrai}

---

### Étape 1 : {Nom de l'étape}

**Écran** : {Nom de l'écran}
**Objectif** : {Ce que l'utilisateur doit faire}

#### Actions disponibles
| Action | Élément UI | Résultat |
|--------|------------|----------|
| Principale | {bouton/lien} | Passe à étape 2 |
| Secondaire | {bouton/lien} | {alternative} |
| Tertiaire | {lien} | {autre option} |

#### Données requises
| Champ | Type | Validation | Obligatoire |
|-------|------|------------|-------------|
| {field} | {type} | {règles} | Oui/Non |

#### Feedback système
| Événement | Feedback | Type |
|-----------|----------|------|
| Focus input | {feedback} | Visuel |
| Erreur validation | {message} | Inline |
| Succès | {feedback} | Toast/inline |

#### Points d'attention
- ⚠️ {friction potentielle}
- 💡 {opportunité d'amélioration}

---

### Étape 2 : {Nom de l'étape}

{Même structure...}

---

### Étape N : Confirmation (Fin)

**Écran** : {Confirmation / Success}
**État final** : {Ce qui a été accompli}

#### Contenu
- Message de succès
- Récapitulatif des actions
- Prochaines étapes suggérées

#### Actions suivantes
| Action | Destination |
|--------|-------------|
| CTA principal | {next flow} |
| Retour | {dashboard/liste} |
| Partager | {si applicable} |

──────────────────────────────────────────────────────────────
⚠️ CHEMINS ALTERNATIFS
──────────────────────────────────────────────────────────────

### Erreur : {Type d'erreur}

**Déclencheur** : {Ce qui cause l'erreur}
**Écran** : {Inline / Modal / Page dédiée}

#### Message d'erreur

Titre : {Titre clair} Description : {Explication du problème} Action : {Comment résoudre}

#### Options utilisateur
- Réessayer : {comportement}
- Modifier : {retour à l'étape X}
- Abandonner : {sauvegarde état ?}

---

### Abandon : Sauvegarde d'état

**Comportement** :
- Brouillon sauvegardé automatiquement
- Durée de rétention : {X jours}
- Notification de rappel : Oui / Non

---

### Cas limite : {Description}

**Situation** : {Contexte particulier}
**Comportement** : {Adaptation du flow}

──────────────────────────────────────────────────────────────
📊 MÉTRIQUES & KPIs
──────────────────────────────────────────────────────────────

### Objectifs quantitatifs

| Métrique | Objectif | Mesure |
|----------|----------|--------|
| Temps de complétion | < {X} sec | Time-on-task |
| Taux de complétion | > {Y}% | Funnel analytics |
| Taux d'erreur | < {Z}% | Error rate |
| Nombre de clics | ≤ {N} | Click tracking |
| Score satisfaction | > {S}/5 | Survey post-task |

### Points de mesure

| Étape | Event à tracker |
|-------|-----------------|
| Entrée | `flow_started` |
| Étape 1 | `step_1_completed` |
| Étape 2 | `step_2_completed` |
| Succès | `flow_completed` |
| Abandon | `flow_abandoned` avec `last_step` |
| Erreur | `flow_error` avec `error_type` |

──────────────────────────────────────────────────────────────
🧠 ERGONOMIE
──────────────────────────────────────────────────────────────

### Charge cognitive

| Étape | Complexité | Justification |
|-------|------------|---------------|
| 1 | Faible | {1-2 actions simples} |
| 2 | Moyenne | {formulaire court} |
| 3 | Faible | {confirmation seule} |

### Principes appliqués

| Principe | Application |
|----------|-------------|
| Progressive disclosure | {comment} |
| Valeurs par défaut | {lesquelles} |
| Validation inline | {quand} |
| Auto-save | {fréquence} |

──────────────────────────────────────────────────────────────
♿ ACCESSIBILITÉ
──────────────────────────────────────────────────────────────

### Navigation clavier
- Tab order : {logique séquentielle}
- Skip links : {si formulaire long}
- Focus management : {sur changement d'étape}

### Lecteur d'écran
- Annonce étape : "Étape X sur Y"
- Erreurs : aria-live="assertive"
- Progression : aria-describedby

### Temps
- Pas de time-out automatique
- Si délai : prolongeable ou désactivable

──────────────────────────────────────────────────────────────
✅ CHECKLIST VALIDATION
──────────────────────────────────────────────────────────────

### UX
- [ ] Objectif utilisateur clair
- [ ] Étapes minimales nécessaires
- [ ] Feedback à chaque action
- [ ] Chemins d'erreur documentés
- [ ] Abandon avec sauvegarde

### Mesurabilité
- [ ] KPIs définis
- [ ] Events de tracking listés
- [ ] Objectifs quantifiés

### Accessibilité
- [ ] Navigation clavier
- [ ] Annonces SR
- [ ] Pas de time limits