UX cu glisare la acțiune: faceți ca gesturile ascunse să fie descoperite și sigure
Cum să proiectați acțiuni de glisare în liste: semnificatori, praguri, comiteri cu glisare completă, anulare, accesibilitate și de ce glisarea nu ar trebui să fie niciodată singura modalitate.
Core Takeaway
Acțiunile de glisare sunt o scurtătură rapidă pentru acțiunile frecvente din listă, cum ar fi arhivarea sau ștergerea, dar sunt ascunse, așa că nu trebuie să fie niciodată singura modalitate de a face ceva. Folosiți-le pentru acțiunile așteptate, afișați un prag clar pe măsură ce elementul se mișcă, lăsați să dezvăluie o glisare parțială și să se comite o glisare completă și oferă anulare pentru acțiunile distructive.
Probleme de utilizare
Nielsen Norman Group a găsit probleme recurente cu acțiunile de glisare pentru a-și dezvălui: lipsa semnificanților face neclar unde funcționează glisarea, acțiunile nestandard din spatele glisării surprind persoanele care se așteaptă la ștergere sau la arhivare, ascunderea multor acțiuni în spatele unei glisări le face greu de descoperit, iar glisarea poate fi ambiguă atunci când același gest navighează între secțiuni.
Cum ar trebui să se comporte acțiunile de glisare
Material Design descrie modelul comun pe Android: elementele din listă pot dezvălui butoane la glisare, iar acțiunea principală este opțiunea finală, aliniată la capăt, pe care o glisare completă o declanșează direct.
- Glisați pentru acțiuni frecvente așteptate: arhivați, ștergeți, marcați ca citite.
- Afișați acțiunea și culoarea acesteia pe măsură ce elementul se mișcă și modificați-o vizibil la pragul de confirmare.
- Aruncați articolul înapoi dacă este eliberat înainte de prag.
- Oferiți anularea sau cereți confirmarea pentru acțiuni distructive.
- Nu amestecați acțiunile de glisare orizontală cu navigarea cu glisare orizontală pe același ecran.
Niciodată singura cale
Deoarece glisarea este invizibilă, plasați aceleași acțiuni într-un meniu vizibil, meniu apăsat lung sau ecran de detalii. Aceasta acoperă și accesibilitatea: utilizatorii de cititoare de ecran și persoanele care nu pot efectua gesturi precise au nevoie de o rută fără gesturi, iar platformele oferă acțiuni de accesibilitate exact în acest scop.
Mișcarea face ca glisarea să se simtă demnă de încredere
Elementul ar trebui să urmărească exact degetul, iar la eliberare, un arc care poartă viteza degetului face ca comiterea sau snap-ul să se simtă fizic. O scurtă atingere haptică la prag, unde platforma o susține, confirmă acțiunea înainte ca degetul să se ridice.
Cheie Principles de reținut
- Glisarea este ascunsă: oferiți întotdeauna o alternativă vizibilă
- Folosiți-l pentru acțiuni frecvente, așteptate
- Glisarea parțială dezvăluie, comiterea glisării complete, lansarea timpurie revine
- Anulați sau confirmați acțiunile distructive
- Evitați gesturile orizontale conflictuale pe un ecran
Întrebări frecvente
Surse
- Using Swipe to Trigger Contextual Actions — Nielsen Norman Group
- Lists guidelines — Material Design 3