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 vzory7 minut čtení·Updated října 2026·Tým ExodeUI

Vrátit zpět místo dialogů s potvrzením: Návrh méně rušivého uživatelského rozhraní

Proč rutina "Jsi si jistý?" dialogy selžou, když je potvrzení stále správné, a jak navrhnout toasty zpět, které jsou jasné, dostupné a bezpečné.

Přímé shrnutí a definice

Core Takeaway

U akcí, které lze vrátit zpět, použijte příkaz Zpět: proveďte akci okamžitě a poté zobrazte krátkou neblokující zprávu s tlačítkem Zpět. Ponechejte si potvrzovací dialogy pro závažné, nevratné akce, jako je trvalé smazání nebo velké platby, a upřesněte je: pojmenujte objekt a důsledek. Potvrzení rutinních akcí učí lidi kliknout na „OK“ bez čtení.

Proč rutinní potvrzení přestávají fungovat

Pokyny Nielsen Norman Group k potvrzovacím dialogům jsou jasné: používejte je před akcemi s vážnými následky a nepoužívejte je pro běžné akce. Když lidé vidí stejný dialog mnohokrát, potvrdí to ze zvyku a dialog přestane bránit chybám, které měl zachytit. Stejný článek doporučuje nabídnout možnost vrátit zpět, kdykoli je to možné, místo spoléhání se na varování.

Potvrdit nebo vrátit zpět: jednoduché pravidlo

Položte si jednu otázku: lze to zvrátit? Pokud ano, jednejte a nabídněte zrušení. Pokud ne, nejprve potvrďte a upřesněte.

  • Archivovat, přesunout, označit jako přečtené, odstranit ze seznamu: jednat hned, nabídnout vrácení zpět.
  • Odeslat zprávu: mnoho produktů odeslání krátce zdrží, takže jej lze vrátit zpět. Gmail umožňuje lidem vybrat si okno zpět v délce 5, 10, 20 nebo 30 sekund.
  • Trvale smazat, zaplatit, zveřejnit: nejprve potvrďte, pojmenujte položku a dopad ("Smazat 142 souborů").
  • A co je ještě lepší: zajistěte, aby bylo smazání vratné s košem nebo obdobím obnovy a poté použijte příkaz Zpět.
Rozhodovací diagram: vratné akce proběhnou okamžitě po odvolání přípitku; nevratné akce dostanou konkrétní potvrzovací dialog
Vratné akce lze vrátit zpět; pouze vážné, nevratné dostanou dialog, který pojmenuje, co bude ztraceno.

Návrh zpětné zprávy

Material Design nazývá tuto komponentu snackbar: krátká, minimálně rušivá zpráva, která může obsahovat jedinou akci, na rozdíl od dialogu, který vyžaduje odpověď. Napište, co se stalo, několika slovy, jako jedinou akci nastavte Undo a nechte to na obrazovce dostatečně dlouho, aby na to lidé mohli reagovat. Neschovávejte důležité akce zpět ve zprávách, které zmizí do dvou sekund.

Podrobnosti o přístupnosti

Toasty, které samy zmizí, mohou uživatelé čteček obrazovky a lidé, kteří potřebují více času, minout. Oznamte zprávu prostřednictvím zdvořilé živé oblasti, umožněte uživatelům klávesnice dosáhnout na tlačítko Zpět, pozastavit časovač, když je zpráva umístěna nebo zaměřena, a poskytnout další způsob, jak akci vrátit zpět, jako je seznam historie nebo koš.

Návrh na zrušení

Krátký, klidný vstup z okraje obrazovky a jasný výstup pomáhají lidem zaznamenat zprávu, aniž by je někdo rušil. Když stisknete tlačítko Zpět, animujte položku zpět na místo, aby bylo obrácení vidět. Respektujte nastavení sníženého pohybu s jednoduchým zeslabením.

Klíč Principle k zapamatování

  • Vratné akce: jednat okamžitě a nabídnout zrušení
  • Nevratné, závažné akce: konkrétní potvrzení, které pojmenuje dopad
  • Rutinní potvrzení se proklikávají ze zvyku
  • Zpřístupněte zprávy zpět: aktivní oblast, zaměření klávesnice, dostatek času
  • Animujte obrácení, aby lidé viděli, že to fungovalo

Často kladené otázky

Zdroje

  1. Confirmation Dialogs Can Prevent User Errors — If Not Overused — Nielsen Norman Group
  2. Send or unsend Gmail messages — Nápověda Gmail
  3. Snackbar guidelines — Material Design 3

Související návody a příklady

Lidé si všimnou zpětné vazby

Procházejte bezplatné interaktivní komponenty s jasnými stavy tisku, úspěchu a zamítnutí a otevřete kteroukoli z nich, abyste se přizpůsobili.

Procházet živé komponenty
Vyzkoušejte zdarma