Probleme
Dans l'etape 2, le seul indicateur du nombre de programmes selectionnes est le bouton en haut : « Generate script for 47 programs → ». Si l'utilisateur scrolle, ce bouton disparait.
Solution proposee
Un badge flottant sticky en bas a droite qui suit le scroll :
+------------------+
| 📦 47 selected |
+------------------+
- Apparait des qu'au moins 1 programme est selectionne
- Se met a jour en temps reel
- Cliquable → ramene au bouton "Generate script" (scroll smooth vers le haut)
Implementation
CSS position: fixed; bottom: 1rem; right: 1rem, mis a jour dans toggleProgram(). Animation subtile au changement de compteur (scale bounce). Petit detail UX qui fait une grosse difference a 50+ programmes.
Fichiers concernes : single.html (CSS + HTML), program-browser-js.html (update dans toggleProgram).
Probleme
Dans l'etape 2, le seul indicateur du nombre de programmes selectionnes est le bouton en haut : « Generate script for 47 programs → ». Si l'utilisateur scrolle, ce bouton disparait.
Solution proposee
Un badge flottant sticky en bas a droite qui suit le scroll :
Implementation
CSS
position: fixed; bottom: 1rem; right: 1rem, mis a jour danstoggleProgram(). Animation subtile au changement de compteur (scale bounce). Petit detail UX qui fait une grosse difference a 50+ programmes.Fichiers concernes :
single.html(CSS + HTML),program-browser-js.html(update danstoggleProgram).