Che cos'è un pulsante torna su?

Un pulsante torna su è un piccolo controllo, di norma ancorato in un angolo inferiore della finestra, che riporta all'inizio della pagina corrente. Compare dopo una profondità di scorrimento definita e scompare di nuovo in prossimità della parte alta. Il pattern è diffuso su pagine lunghe come i listing di categoria con scorrimento infinito, gli articoli editoriali e le pagine prodotto con molti contenuti sotto la prima schermata. La sua funzione è di navigazione: accorcia il ritorno a filtri, ricerca e menu principale senza un lungo scorrimento manuale.

Definizione

Il controllo è un elemento di comodità e non un sostituto della struttura. Diventa utile dove la navigazione principale non è fissa e la pagina è lunga, mentre risulta ridondante dove un header fisso offre già accesso a ricerca e menu. I dettagli di implementazione ne definiscono la qualità: il pulsante richiede un nome accessibile, una gestione del focus da tastiera che porti il focus all'inizio del documento e non solo la posizione di scorrimento, e il rispetto delle preferenze di movimento ridotto quando la transizione è animata. La posizione fissa in un angolo entra in concorrenza con widget di chat, banner di consenso e barre d'acquisto fisse, quindi una regola di sovrapposizione e spaziatura evita i conflitti.

Perché è importante

In una storefront componibile il pulsante è puramente presentazionale e non trasporta dati di commercio, il che lo rende un buon candidato per un componente di layout condiviso nel design system invece che per un elemento di singola pagina. La visibilità andrebbe governata con un intersection observer su un elemento sentinella al posto di un listener di scroll, così il thread principale resta libero e la latenza di interazione bassa. Trattandosi di un elemento fisso, non deve rientrare nel percorso critico di rendering iniziale né riservare spazio nel flusso del documento. Nei listing con scorrimento infinito lo stesso componente si abbina al ripristino della posizione precedente.

Casi d'uso

Le pagine di categoria lunghe con caricamento infinito sono il caso più evidente, dove il pulsante viene spesso combinato con un'azione di ritorno ai filtri. Le pagine editoriali e le guide lo usano al termine di testi estesi. Nelle pagine prodotto con recensioni e tabelle di specifiche riporta ai controlli d'acquisto, motivo per cui una barra d'acquisto fissa talvolta assolve lo stesso scopo in modo più diretto. Anche le pagine di documentazione e assistenza traggono vantaggio dal pattern. Sulle pagine brevi il controllo non andrebbe mostrato, perché un pulsante sempre visibile e privo di scopo aggiunge rumore.

Vedi anche

Per approfondire: Mobile Commerce · Bounce Rate.