Swipe-to-action UX: Gør skjulte bevægelser synlige og sikre
Sådan designes swipe-handlinger i lister: signifiers, thresholds, full-swipe commits, fortryd, tilgængelighed, og hvorfor swipe aldrig burde være den eneste måde.
Core Takeaway
Swipe-handlinger er en hurtig genvej til hyppige listehandlinger såsom arkivering eller sletning, men de er skjulte, så de må aldrig være den eneste måde at gøre noget på. Brug dem til forventede handlinger, vis en klar tærskel, når genstanden bevæger sig, lad et delvist swipe afsløre og et fuldt swipe begå, og tilbud fortryd for destruktive handlinger.
Usability problemer
Nielsen Norman Group fandt tilbagevendende problemer med swipe-to-reveal-handlinger: en mangel på signifiers gør det uklart, hvor swipe fungerer, ikke-standardhandlinger bag swipe overrasker folk, der forventer sletning eller arkivering, at skjule mange handlinger bag et swipe gør dem svære at opdage, og swipe kan være tvetydigt, når den samme gestus også navigerer mellem sektioner.
Hvordan swipe-handlinger skal opføre sig
Material Design beskriver det almindelige mønster på Android: listeelementer kan afsløre knapper ved swipe, og den primære handling er den sidste, endejusterede mulighed, som et fuldt swipe udløser direkte.
- Fortsæt med at stryge for hyppige, forventede handlinger: arkiver, slet, markér som læst.
- Vis handlingen og dens farve, når elementet flyttes, og skift det synligt ved commit-tærsklen.
- Spring varen tilbage, hvis den frigives inden tærsklen.
- Tilbyd fortryd, eller bed om bekræftelse, for destruktive handlinger.
- Bland ikke vandrette swipe-handlinger med vandret swipe-navigation på den samme skærm.
Aldrig den eneste måde
Fordi swipe er usynligt, skal du placere de samme handlinger i en synlig menu, langtryksmenu eller detaljeskærm. Dette dækker også tilgængelighed: skærmlæserbrugere og personer, der ikke kan udføre præcise bevægelser, har brug for en rute uden bevægelser, og platforme tilbyder tilgængelighedshandlinger til netop dette formål.
Bevægelse får swipe til at føles troværdigt
Genstanden skal spore fingeren nøjagtigt, og ved frigivelse får en fjeder, der bærer fingerens hastighed, forpligtelsen eller snap-backen til at føles fysisk. Et kort haptisk tryk ved tærsklen, hvor platformen understøtter den, bekræfter handlingen, før fingeren løftes.
Tast Principles for at huske
- Swipe er skjult: Giv altid et synligt alternativ
- Brug det til hyppige, forventede handlinger
- Delvis swipe afslører, fuld swipe begår, tidlig udgivelse springer tilbage
- Fortryd eller bekræft destruktive handlinger
- Undgå modstridende vandrette bevægelser på én skærm
Ofte stillede spørgsmål
Kilder
- Using Swipe to Trigger Contextual Actions — Nielsen Norman Group
- Lists guidelines — Material Design 3