Vrátiť späť namiesto dialógových okien s potvrdením: Navrhovanie menej rušivého používateľského rozhrania
Prečo rutina "Ste si istý?" dialógy zlyhajú, keď je potvrdenie stále správne, a ako navrhnúť toasty, ktoré sú jasné, dostupné a bezpečné.
Core Takeaway
Späť použite na akcie, ktoré možno vrátiť späť: vykonajte akciu okamžite a potom zobrazte krátku neblokujúcu správu s tlačidlom Späť. Ponechajte si potvrdzovacie dialógy pre závažné, nezvratné akcie, ako je trvalé vymazanie alebo veľké platby, a uveďte ich konkrétne: pomenujte objekt a dôsledok. Potvrdenie rutinných akcií učí ľudí kliknúť na „OK“ bez čítania.
Prečo bežné potvrdenia prestávajú fungovať
Pokyny Nielsen Norman Group týkajúce sa dialógov s potvrdením sú jasné: používajte ich pred akciami s vážnymi následkami a nepoužívajte ich na bežné akcie. Keď ľudia vidia rovnaký dialóg mnohokrát, zo zvyku to potvrdia a dialógové okno prestane brániť chybám, ktoré mal zachytiť. V tom istom článku sa odporúča ponúkať možnosť vrátiť späť, kedykoľvek je to možné, namiesto spoliehania sa na varovanie.
Potvrdiť alebo vrátiť späť: jednoduché pravidlo
Položte si jednu otázku: dá sa to zvrátiť? Ak áno, konajte a ponúknite zrušenie. Ak nie, najprv potvrďte a konkretizujte potvrdenie.
- Archivujte, premiestnite, označte ako prečítané, odstráňte zo zoznamu: konajte teraz, ponúknite vrátenie späť.
- Pošlite správu: mnohé produkty krátko odkladajú odoslanie, aby sa to dalo vrátiť späť. Gmail umožňuje ľuďom vybrať si okno na vrátenie 5, 10, 20 alebo 30 sekúnd.
- Zmazať natrvalo, zaplatiť, zverejniť verejne: najprv potvrďte, pomenujte položku a vplyv ("Odstrániť 142 súborov").
- Ešte lepšie: urobte vymazanie reverzibilné pomocou koša alebo obdobia obnovenia a potom použite príkaz Späť.
Návrh správy späť
Material Design nazýva tento komponent snackbar: krátka, minimálne prerušujúca správa, ktorá môže obsahovať jedinú akciu, na rozdiel od dialógu, ktorý vyžaduje odpoveď. Opíšte pár slovami, čo sa stalo, ako jedinú akciu dajte Späť a nechajte to na obrazovke dostatočne dlho, aby ľudia zareagovali. Neskrývajte dôležité akcie vrátenia späť v správach, ktoré zmiznú do dvoch sekúnd.
Podrobnosti o dostupnosti
Toasty, ktoré samy zmiznú, môžu premeškať používateľom čítačiek obrazovky a ľuďom, ktorí potrebujú viac času. Oznámte správu cez zdvorilú živú oblasť, umožnite používateľom klávesnice dostať sa na tlačidlo Späť, pozastaviť časovač, kým je správa umiestnená alebo zameraná, a poskytnúť iný spôsob zvrátenia akcie, ako je napríklad zoznam histórie alebo kôš.
Návrh na vrátenie späť
Krátky, pokojný vstup z okraja obrazovky a jasný výstup pomáhajú ľuďom všimnúť si správu bez prerušenia. Keď stlačíte tlačidlo Späť, animujte položku späť na miesto, aby bolo viditeľné otočenie. Rešpektujte nastavenia zníženého pohybu jednoduchým zoslabovaním.
Kľúč Principle na zapamätanie
- Vratné akcie: okamžite konajte a ponúknite zrušenie
- Nezvratné, závažné činy: konkrétne potvrdenie, ktoré pomenúva dopad
- Rutinné potvrdenia sa preklikávajú zo zvyku
- Sprístupnite správy vrátenia: aktívny región, zameranie klávesnice, dostatok času
- Animujte obrátenie, aby ľudia videli, že to funguje
Často kladené otázky
Zdroje
- Confirmation Dialogs Can Prevent User Errors — If Not Overused — Nielsen Norman Group
- Send or unsend Gmail messages — Pomocník Gmail
- Snackbar guidelines — Material Design 3