Sveip-til-handling UX: Gjør skjulte bevegelser synlige og trygge
Hvordan utforme sveipehandlinger i lister: betegnere, terskler, fullsveip-forpliktelser, angre, tilgjengelighet og hvorfor sveip aldri skal være den eneste måten.
Kjerne takeaway
Sveipehandlinger er en rask snarvei for hyppige listehandlinger som arkivering eller sletting, men de er skjult, så de må aldri være den eneste måten å gjøre noe på. Bruk dem for forventede handlinger, vis en klar terskel når gjenstanden beveger seg, la et delvis sveip avsløre og et fullstendig sveip forplikte, og tilby angre for destruktive handlinger.
Brukervennlighetsproblemene
Nielsen Norman Group fant tilbakevendende problemer med sveip-for-å-avsløre-handlinger: Mangel på signifiers gjør det uklart hvor sveiping fungerer, ikke-standardiserte handlinger bak sveip overrasker folk som forventer sletting eller arkivering, skjule mange handlinger bak et sveip gjør dem vanskelige å oppdage, og sveip kan være tvetydig når den samme gesten også navigerer mellom seksjoner.
Hvordan sveipehandlinger skal oppføre seg
Material Design beskriver det vanlige mønsteret på Android: listeelementer kan avsløre knapper ved sveip, og den primære handlingen er det siste, endejusterte alternativet, som et fullt sveip utløser direkte.
- Fortsett å sveipe for hyppige, forventede handlinger: arkiver, slett, merk som lest.
- Vis handlingen og dens farge når elementet beveger seg, og endre det synlig ved commit-terskelen.
- Fjær gjenstanden tilbake hvis den slippes før terskelen.
- Tilby angre, eller be om bekreftelse, for destruktive handlinger.
- Ikke bland horisontale sveipehandlinger med horisontale sveipingnavigasjoner på samme skjerm.
Aldri den eneste måten
Fordi sveip er usynlig, sett de samme handlingene i en synlig meny, langtrykksmeny eller detaljskjerm. Dette dekker også tilgjengelighet: skjermleserbrukere og personer som ikke kan utføre presise bevegelser, trenger en rute uten bevegelser, og plattformer tilbyr tilgjengelighetshandlinger for akkurat dette formålet.
Bevegelse gjør at sveip føles pålitelig
Gjenstanden skal spore fingeren nøyaktig, og ved frigjøring får en fjær som bærer fingerens hastighet, commit eller snap-back føles fysisk. Et kort haptisk trykk på terskelen, der plattformen støtter den, bekrefter handlingen før fingeren løftes.
Tast Principles å huske
- Sveip er skjult: gi alltid et synlig alternativ
- Bruk den til hyppige, forventede handlinger
- Delvis sveip avslører, full sveip forplikter, tidlig utgivelse springer tilbake
- Angre eller bekreft destruktive handlinger
- Unngå motstridende horisontale bevegelser på én skjerm
Ofte stilte spørsmål
Kilder
- Using Swipe to Trigger Contextual Actions — Nielsen Norman Group
- Lists guidelines — Material Design 3