Cofanie zamiast okien dialogowych potwierdzenia: projektowanie mniej zakłócającego interfejsu użytkownika
Dlaczego rutyna „Czy jesteś pewien?” okna dialogowe zawodzą, gdy potwierdzenie jest nadal prawidłowe i jak zaprojektować toasty cofania, które są jasne, dostępne i bezpieczne.
Rdzeń na wynos
Użyj funkcji cofania w przypadku czynności, które można cofnąć: wykonaj czynność natychmiast, a następnie wyświetl krótki, nieblokujący komunikat z przyciskiem Cofnij. Prowadź okna dialogowe z potwierdzeniem poważnych, nieodwracalnych działań, takich jak trwałe usunięcie lub duże płatności, i nadaj im konkretny charakter: nazwij obiekt i konsekwencje. Potwierdzanie rutynowych działań uczy ludzi klikania „OK” bez czytania.
Dlaczego rutynowe potwierdzenia przestają działać
Wskazówki Nielsen Norman Group dotyczące okien dialogowych potwierdzenia są jasne: używaj ich przed działaniami o poważnych konsekwencjach i nie używaj ich do rutynowych działań. Kiedy ludzie widzą to samo okno dialogowe wiele razy, z przyzwyczajenia potwierdzają, a okno dialogowe przestaje zapobiegać błędom, które miało wychwycić. W tym samym artykule zaleca się oferowanie cofania, gdy tylko jest to możliwe, zamiast polegać na ostrzeżeniu.
Potwierdź lub cofnij: prosta zasada
Zadaj jedno pytanie: czy można to odwrócić? Jeśli tak, działaj i zaoferuj cofnięcie. Jeśli nie, potwierdź najpierw i skonkretyzuj potwierdzenie.
- Archiwizuj, przenieś, oznacz jako przeczytane, usuń z listy: działaj teraz, zaproponuj cofnięcie.
- Wyślij wiadomość: wiele produktów opóźnia wysyłkę na krótko, aby można było ją cofnąć. Gmail pozwala użytkownikom wybrać okno cofania trwające 5, 10, 20 lub 30 sekund.
- Usuń trwale, zapłać, opublikuj publicznie: najpierw potwierdź, nadaj przedmiotowi nazwę i wpływ („Usuń 142 pliki”).
- Jeszcze lepiej: spraw, aby usunięcie było odwracalne za pomocą okresu kosza lub odzyskiwania, a następnie użyj funkcji cofania.
Projektowanie komunikatu cofania
Material Design nazywa ten komponent paskiem przekąsek: krótką, minimalnie zakłócającą wiadomość, która może zawierać pojedynczą akcję, w przeciwieństwie do okna dialogowego, które wymaga odpowiedzi. Napisz w kilku słowach, co się stało, umieść opcję Cofnij jako pojedynczą czynność i trzymaj ją na ekranie wystarczająco długo, aby ludzie mogli zareagować. Nie ukrywaj ważnych czynności cofania w wiadomościach, które znikają w ciągu dwóch sekund.
Szczegóły dostępności
Znikające samoistnie toasty mogą przeoczyć użytkownicy czytników ekranu oraz osoby potrzebujące więcej czasu. Ogłaszaj wiadomość za pośrednictwem uprzejmego obszaru na żywo, pozwól użytkownikom klawiatury dotrzeć do przycisku Cofnij, wstrzymuj licznik czasu, gdy wiadomość jest najechana myszką lub jest zaznaczona, a także zapewnij inny sposób na odwrócenie akcji, na przykład listę historii lub kosz.
Wniosek o cofnięcie
Krótkie, spokojne wejście od krawędzi ekranu i wyraźne wyjście sprawiają, że odbiorcy dostrzegą przekaz bez przeszkadzania. Po naciśnięciu przycisku Cofnij animuj element z powrotem na miejsce, aby odwrócenie było widoczne. Przestrzegaj ustawień ograniczonego ruchu za pomocą prostego zanikania.
Klucz Principles do zapamiętania
- Działania odwracalne: działaj natychmiast i oferuj cofnięcie
- Nieodwracalne, poważne działania: konkretne potwierdzenie, które nazywa wpływ
- Rutynowe potwierdzenia są klikane z przyzwyczajenia
- Udostępnij wiadomości cofania: aktywny region, fokus klawiatury, wystarczająca ilość czasu
- Animuj odwrócenie, aby ludzie zobaczyli, że zadziałało
Często zadawane pytania
Źródła
- Confirmation Dialogs Can Prevent User Errors — If Not Overused — Nielsen Norman Group
- Send or unsend Gmail messages — Pomoc dotycząca Gmail
- Snackbar guidelines — Material Design 3