Progression Séquentielle
Par défaut, la barre ReadNinja se met à jour continuellement au fur et à mesure que le lecteur défile — chaque quelques pixels de défilement, la barre grandit. La progression séquentielle remplace ce comportement par une barre par paliers : la progression avance par tranches discrètes au lieu de glisser doucement.
Options
| Option | Valeurs | Défaut |
|---|---|---|
| Activer | Activé / Désactivé | Désactivé |
| Taille du palier | 5 – 25 % | 10 % |
| Animation | Activée / Désactivée | Activée |
| Durée de l'animation | 200 / 400 / 600 ms | 400 ms |
La taille du palier est la granularité de chaque saut. Un palier de 10 % signifie que la barre passe par 10 états discrets (10 %, 20 %, 30 %… 100 %) sur la totalité de l'article.
La durée de l'animation contrôle la durée de chaque saut. 200 ms donne un effet vif, 600 ms un effet délibéré. 400 ms est le compromis par défaut.
Ce que ça donne
Avec la taille de palier par défaut de 10 %, la barre saute de 0 % à 10 %, puis à 20 %… au lieu de se mettre à jour à chaque événement de défilement. Entre deux jalons, la barre reste figée au dernier pourcentage atteint. Quand le lecteur franchit le jalon suivant, la barre s'anime d'exactement un palier.
L'effet perçu ressemble davantage à une liste de progression qu'à une barre de défilement — chaque saut ressemble à une petite récompense, ce qui fonctionne particulièrement bien sur les contenus longs.
Quand l'utiliser
- Articles longs — contenus de 3 000+ mots où une barre continue peut sembler à peine bouger.
- Tutoriels et guides — les lecteurs s'arrêtent naturellement pour absorber chaque section, rendant le jalon significatif.
- Contenu de progression — tout article où vous voulez que le lecteur sente qu'il avance visiblement, plutôt que de progresser lentement sur une ligne continue.
Sur les articles très courts (moins de 500 mots), la progression séquentielle est généralement trop saccadée pour être agréable — restez sur le mode continu par défaut dans ce cas.