Skip to main content
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →
UX minták6 perc olvasás·Updated 2026. október·Az ExodeUI csapata

Csúsztasson a cselekvéshez UX: A rejtett gesztusok felfedezhetővé és biztonságossá tétele

Csúsztatási műveletek tervezése a listákban: jelölők, küszöbértékek, teljes ellop végrehajtása, visszavonás, kisegítő lehetőségek, és miért nem lehet soha a csúsztatás az egyetlen út.

Közvetlen összefoglalás és meghatározás

Core Takeaway

A csúsztatási műveletek gyors parancsikonok a gyakori listás műveletekhez, például az archiváláshoz vagy a törléshez, de ezek rejtettek, így soha nem lehet az egyetlen módja annak, hogy valamit megtegyen. Használja őket a várt műveletekhez, mutasson egyértelmű küszöböt az elem mozgása közben, hagyja felfedni a részleges csúsztatással és a teljes lehúzással, és kínáljon visszavonást a pusztító műveletekhez.

A használhatósági problémák

A Nielsen Norman Group visszatérő problémákat talált a felfedéshez csúsztatással: a jelzők hiánya miatt nem világos, hogy hol működik a csúsztatás, a nem szabványos műveletek a csúsztatás mögött meglepik az embereket, akik törlést vagy archiválást várnak, sok művelet elrejtése a csúsztatás mögé pedig megnehezíti a felfedezést, és a csúsztatás kétértelmű lehet, ha ugyanaz a kézmozdulat között mozog.

Hogyan viselkedjenek a csúsztatási műveletek

A Material Design a Android általános mintáját írja le: a listaelemek felfedhetik a gombokat az ellopáskor, és az elsődleges művelet az utolsó, véghez igazított opció, amelyet a teljes csúsztatás közvetlenül aktivál.

  • Csúsztassa tovább a gyakori, várt műveletekhez: archiválás, törlés, olvasottként való megjelölés.
  • Mutassa meg a műveletet és annak színét, ahogy az elem mozog, és láthatóan változtassa meg a végrehajtási küszöbnél.
  • Hajtsa vissza az elemet, ha a küszöb előtt engedi el.
  • Pusztító akciók esetén ajánljon fel visszavonást, vagy kérjen megerősítést.
  • Ugyanazon a képernyőn ne keverje a vízszintes csúsztatási műveleteket a vízszintes csúsztatással történő navigációval.
Két listaelem, az egyiket részben lehúzva, hogy megjelenjen mögötte egy piros Archiválási művelet
Részleges ellopás felfedi a műveletet; egy teljes ellop követi azt; korai tavaszok visszaengedése.

Soha nem az egyetlen út

Mivel a csúsztatás láthatatlan, ugyanazokat a műveleteket tegye látható menübe, hosszan megnyomva a menübe vagy a részletes képernyőbe. Ez vonatkozik a kisegítő lehetőségekre is: a képernyőolvasót használóknak és azoknak, akik nem tudnak precíz kézmozdulatokat végrehajtani, nem gesztusos útvonalra van szükségük, a platformok pedig pontosan erre a célra biztosítanak akadálymentesítési műveleteket.

A mozgás megbízhatóvá teszi a csúsztatást

Az elemnek pontosan követnie kell az ujját, és elengedésekor egy rugó, amely hordozza az ujj sebességét, fizikai érzést kelt a rögzítésben vagy a visszapattanásban. Egy rövid tapintású koppintás a küszöbnél, ahol a platform megtámasztja, megerősíti a műveletet, mielőtt az ujj felemelkedik.

Kulcs Principle, amit meg kell jegyezni

  • A csúsztatás rejtett: mindig biztosítson látható alternatívát
  • Használja gyakori, várható műveletekhez
  • Részleges húzással felfedi, teljes ellopással véglegesít, a korai felszabadítás pedig visszaugrik
  • Pusztító műveletek visszavonása vagy megerősítése
  • Kerülje az egymásnak ellentmondó vízszintes kézmozdulatokat egy képernyőn

Gyakran Ismételt Kérdések

Források

  1. Using Swipe to Trigger Contextual Actions — Nielsen Norman Group
  2. Lists guidelines — Material Design 3

Kapcsolódó útmutatók és példák

Érezze a valódi rugók gesztusát

Húzza, pöccintsen és engedje fel a böngészőben, és hangolja be a visszapattanás érzését.

Nyissa meg a játszóteret
Próbáld ki ingyen