ESIG
Maquettes
Phase 5 — Wireframes et prototypes
Identification
1. Pages maquettées
Listez les pages principales avec leur niveau de fidélité et l'outil utilisé.
Page 1
Figma, Excalidraw, Penpot... Laissez vide si maquette papier (uploadez la photo ci-dessous)
Cliquer ou glisser une image ici
Page 2
Figma, Excalidraw, Penpot... Laissez vide si maquette papier (uploadez la photo ci-dessous)
Cliquer ou glisser une image ici
Page 3
Figma, Excalidraw, Penpot... Laissez vide si maquette papier (uploadez la photo ci-dessous)
Cliquer ou glisser une image ici
2. Tests utilisateurs
Documentez les tests effectués sur vos maquettes (test 5 secondes, premier clic, etc.).
Test 1
3. Checklist de validation
Vérifiez que toutes les étapes du maquettage ont été réalisées.
Croquis réalisés pour explorer les idées
Wireframes créés pour les pages principales
Versions mobile ET desktop maquettées
Tests utilisateurs effectués (5 secondes, premier clic)
Retours utilisateurs intégrés
Interactions documentées
Grille de mise en page définie
Maquettes validées avant passage au code
Voir le cours sur devjs.ch v1.8.0