UX Swipe-to-Action: rendere i gesti nascosti visibili e sicuri
Come progettare azioni di scorrimento negli elenchi: significati, soglie, commit di scorrimento completo, annullamento, accessibilità e perché lo scorrimento non dovrebbe mai essere l'unico modo.
Punto chiave
Le azioni di scorrimento sono una scorciatoia rapida per azioni frequenti sugli elenchi come archiviare o eliminare, ma sono nascoste, quindi non devono mai essere l'unico modo per fare qualcosa. Usali per le azioni previste, mostra una soglia chiara mentre l'oggetto si sposta, lascia che uno scorrimento parziale venga rivelato e uno scorrimento completo venga confermato e offri l'annullamento per azioni distruttive.
I problemi di usabilità
Nielsen Norman Group ha riscontrato problemi ricorrenti con le azioni di scorrimento per rivelare: la mancanza di significanti rende poco chiaro dove funziona lo scorrimento, le azioni non standard dietro lo scorrimento sorprendono le persone che si aspettano di eliminare o archiviare, nascondere molte azioni dietro uno scorrimento le rende difficili da scoprire e lo scorrimento può essere ambiguo quando lo stesso gesto si sposta anche tra le sezioni.
Come dovrebbero comportarsi le azioni di scorrimento
Material Design descrive il modello comune su Android: gli elementi dell'elenco possono rivelare pulsanti durante lo scorrimento e l'azione principale è l'opzione finale, allineata all'estremità, che uno scorrimento completo attiva direttamente.
- Continua a scorrere per azioni frequenti e previste: archivia, elimina, contrassegna come letto.
- Mostra l'azione e il suo colore mentre l'elemento si sposta e modificalo visibilmente alla soglia di commit.
- Rimbalza indietro l'oggetto se rilasciato prima della soglia.
- Offri l'annullamento o chiedi conferma per azioni distruttive.
- Non combinare azioni di scorrimento orizzontale con la navigazione con scorrimento orizzontale sulla stessa schermata.
Mai l'unico modo
Poiché lo scorrimento è invisibile, inserisci le stesse azioni in un menu visibile, in un menu con pressione prolungata o in una schermata dei dettagli. Ciò riguarda anche l’accessibilità: gli utenti di screen reader e le persone che non possono eseguire gesti precisi necessitano di un percorso non gestuale e le piattaforme forniscono azioni di accessibilità esattamente per questo scopo.
Il movimento rende lo scorrimento affidabile
L'oggetto dovrebbe seguire esattamente il dito e, al rilascio, una molla che trasporta la velocità del dito rende fisico il commit o lo snapback. Un breve tocco tattile sulla soglia, dove la piattaforma la sostiene, conferma l'azione prima che il dito si sollevi.
Principi chiave da ricordare
- Lo scorrimento è nascosto: fornisci sempre un'alternativa visibile
- Usalo per azioni frequenti e previste
- Lo scorrimento parziale rivela, lo scorrimento completo si impegna, il rilascio anticipato ritorna
- Annulla o conferma azioni distruttive
- Evita gesti orizzontali contrastanti su uno schermo
Domande frequenti
Fonti
- Using Swipe to Trigger Contextual Actions — Nielsen Norman Group
- Lists guidelines — Material Design 3