UX typu „przesuń do działania”: wykrywanie i bezpieczeństwo ukrytych gestów
Jak projektować akcje przesuwania na listach: znaczniki, progi, zatwierdzenia pełnego przesunięcia, cofanie, dostępność i dlaczego przesuwanie nigdy nie powinno być jedynym sposobem.
Rdzeń na wynos
Akcje przesuwania to szybki skrót do częstych akcji na listach, takich jak archiwizowanie lub usuwanie, ale są one ukryte, więc nigdy nie mogą być jedynym sposobem na wykonanie jakiejś czynności. Używaj ich do oczekiwanych działań, pokaż wyraźny próg podczas poruszania się elementu, pozwól, aby częściowe przesunięcie odsłoniło i zatwierdziło pełne przesunięcie, a także zaoferuj cofnięcie w przypadku destrukcyjnych działań.
Problemy z użytecznością
Nielsen Norman Group wykrył powtarzające się problemy z akcjami polegającymi na przesunięciu, aby odsłonić: brak znaczników sprawia, że nie jest jasne, gdzie działa przesunięcie, niestandardowe działania za przesunięciem zaskakują ludzi, którzy oczekują usunięcia lub archiwizacji, ukrywanie wielu działań za przesunięciem sprawia, że są trudne do wykrycia, a przesunięcie może być niejednoznaczne, gdy ten sam gest powoduje również nawigację między sekcjami.
Jak powinny zachowywać się akcje machnięcia
Material Design opisuje typowy wzorzec Android: elementy listy mogą ujawniać przyciski po przesunięciu, a podstawową akcją jest ostateczna, wyrównana do końca opcja, którą bezpośrednio uruchamia pełne przesunięcie.
- Przesuwaj, aby zobaczyć częste, oczekiwane działania: archiwizować, usuwać, oznaczać jako przeczytane.
- Pokaż akcję i jej kolor w miarę poruszania się elementu i zmieniaj ją widocznie przy progu zatwierdzenia.
- Odskocz przedmiot, jeśli zostanie zwolniony przed progiem.
- Zaoferuj cofnięcie lub poproś o potwierdzenie destrukcyjnych działań.
- Nie łącz poziomego przesuwania z nawigacją poziomą na tym samym ekranie.
Nigdy nie jest to jedyny sposób
Ponieważ przesunięcie jest niewidoczne, wykonaj te same czynności w widocznym menu, menu po długim naciśnięciu lub na ekranie szczegółów. Dotyczy to również dostępności: użytkownicy czytników ekranu i osoby, które nie potrafią wykonywać precyzyjnych gestów, potrzebują trasy bez gestów, a platformy udostępniają działania związane z dostępnością właśnie w tym celu.
Ruch sprawia, że przesuwanie wydaje się godne zaufania
Przedmiot powinien dokładnie podążać za palcem, a po zwolnieniu sprężyna utrzymująca prędkość palca sprawia, że zatwierdzenie lub cofnięcie wydaje się fizyczne. Krótkie dotykowe dotknięcie progu, w którym wspiera go platforma, potwierdza akcję, zanim jeszcze uniesiemy palec.
Klucz Principles do zapamiętania
- Przesunięcie jest ukryte: zawsze podawaj widoczną alternatywę
- Używaj go do częstych, oczekiwanych działań
- Częściowe przesunięcie ujawnia, pełne przesunięcie zatwierdza, wczesne wydanie powraca
- Cofnij lub potwierdź destrukcyjne działania
- Unikaj sprzecznych gestów poziomych na jednym ekranie
Często zadawane pytania
Źródła
- Using Swipe to Trigger Contextual Actions — Nielsen Norman Group
- Lists guidelines — Material Design 3