Barres de progrés de scroll, i per què la teva hauria de ser un gos

Cada pàgina llarga planteja la mateixa pregunta: quant queda d'això? Un indicador de progrés hi respon, i la majoria hi responen d'una manera que deixes de notar ja al segon paràgraf.

Per a què serveix la barra

La barra de desplaçament ja et diu on ets, en principi. A la pràctica fa uns quants píxels d'amplada, s'amaga fins que mous el ratolí i, en una pàgina que carrega imatges a mesura que baixes, el seu indicador canvia de mida mentre llegeixes. Les extensions retornen una barra de progrés perquè la resposta pròpia del navegador s'ha anat dissenyant fins a desaparèixer en silenci.

Així que tens una línia fina i de color a dalt de la pàgina, que s'omple a mesura que fas scroll. Funciona. També és el més fàcil de deixar de veure que hi ha a la pàgina: és una línia recta, es troba a la franja que el teu ull ja ha après a ignorar, i mai no fa res més que allargar-se.

Posició, però també velocitat

Una barra porta exactament un número — quant has baixat. Hi ha un segon número disponible gratis, i cap barra el mostra: a quina velocitat et mous.

El scrolldog porta els dos. La posició de la mascota al llarg de la vora de la finestra és la profunditat del scroll. A dalt de la pàgina és a l'esquerra; al final, ja ha arribat a l'altre costat. El seu pas és la velocitat del scroll: li dones un cop a la rodeta i surt disparat; baixes paràgraf a paràgraf i va al trot.

Et pares, i s'asseu. Aquesta és la part que una barra no pot fer. Una barra estàtica es veu idèntica tant si estàs llegint amb atenció com si has deixat la pestanya oberta fa tres hores. Una mascota que s'ha assegut t'està dient que la pàgina s'ha quedat quieta, i llegir-ho no et costa res, perquè no ho estaves llegint — ho has vist de reüll, que és l'única atenció que un indicador de progrés ha merescut mai.

Què costa

L'objecció habitual a una extensió decorativa és que empitjora el navegador. Aquesta escolta el scroll de manera passiva, redueix cada ràfega d'esdeveniments a una escriptura per fotograma d'animació i mou un sol element dins d'un carril fix de mida zero. Mai no llegeix ni canvia el disseny de la teva pàgina, i no fa cap petició de xarxa des de la pàgina que estàs llegint.

Un interruptor a la finestra l'apaga a tot arreu, a totes les pestanyes obertes, alhora.