Docs/Avanzamento Sequenziale (Pro)

Avanzamento Sequenziale

Per impostazione predefinita, la barra ReadNinja si aggiorna continuamente mentre il lettore scorre — ogni pochi pixel di scroll, la barra cresce. L'avanzamento sequenziale sostituisce questo comportamento con una barra a step: l'avanzamento procede per tranche discrete invece di scorrere dolcemente.

Opzioni

OpzioneValoriPredefinito
AttivaAttivato / DisattivatoDisattivato
Dimensione step5 – 25 %10 %
AnimazioneAttivata / DisattivataAttivata
Durata animazione200 / 400 / 600 ms400 ms

La dimensione dello step è la granularità di ogni salto. Uno step del 10% significa che la barra passa per 10 stati discreti (10%, 20%, 30%… 100%) sull'intero articolo.

La durata dell'animazione controlla la durata di ogni salto. 200 ms dà un effetto vivace, 600 ms un effetto deliberato. 400 ms è il compromesso predefinito.

Come appare

Con la dimensione step predefinita del 10%, la barra salta da 0% a 10%, poi a 20%… invece di aggiornarsi ad ogni evento di scroll. Tra due traguardi, la barra rimane ferma all'ultima percentuale raggiunta. Quando il lettore supera il traguardo successivo, la barra si anima esattamente di uno step.

L'effetto percepito assomiglia più a una lista di avanzamento che a una barra di scroll — ogni salto sembra una piccola ricompensa, il che funziona particolarmente bene sui contenuti lunghi.

Quando usarlo

  • Articoli lunghi — contenuti di 3.000+ parole dove una barra continua può sembrare che si muova a malapena.
  • Tutorial e guide — i lettori si fermano naturalmente per assorbire ogni sezione, rendendo il traguardo significativo.
  • Contenuto progressivo — qualsiasi articolo in cui vuoi che il lettore senta di avanzare visibilmente, invece di progredire lentamente su una linea continua.

Su articoli molto brevi (meno di 500 parole), l'avanzamento sequenziale è generalmente troppo a scatti per essere piacevole — resta sulla modalità continua predefinita in quel caso.