Отмяна вместо диалогови прозорци за потвърждение: Проектиране на потребителски интерфейс с по-малко прекъсвания
Защо рутина "Сигурен ли си?" диалоговите прозорци се провалят, когато потвърждението все още е правилно и как да проектирате тостове за отмяна, които са ясни, достъпни и безопасни.
Ядро за вкъщи
Използвайте отмяна за действия, които могат да бъдат отменени: направете действието незабавно, след което покажете кратко, неблокиращо съобщение с бутон Отмяна. Съхранявайте диалогови прозорци за потвърждение за сериозни, необратими действия като постоянно изтриване или големи плащания и ги направете конкретни: назовете обекта и последствията. Потвърждаването на рутинни действия обучава хората да кликват върху „OK“, без да четат.
Защо рутинните потвърждения спират да работят
Указанията на Nielsen Norman Group относно диалоговите прозорци за потвърждение са ясни: използвайте ги преди действия със сериозни последствия и не ги използвайте за рутинни действия. Когато хората виждат един и същ диалог много пъти, те потвърждават по навик и диалоговият прозорец спира да предотвратява грешките, които е трябвало да улови. Същата статия препоръчва да се предлага отмяна, когато е възможно, вместо да се разчита на предупреждение.
Потвърдете или отменете: просто правило
Задайте един въпрос: може ли това да се обърне? Ако да, действайте и предложете отмяна. Ако не, първо потвърдете и направете потвърждението конкретно.
- Архивиране, преместване, маркиране като прочетено, премахване от списък: действайте сега, предлагайте отмяна.
- Изпратете съобщение: много продукти забавят изпращането за кратко, за да може да бъде отменено. Gmail позволява на хората да изберат прозорец за отмяна от 5, 10, 20 или 30 секунди.
- Изтрийте за постоянно, платете, публикувайте публично: първо потвърдете, назовавайки елемента и въздействието („Изтриване на 142 файла“).
- Още по-добре: направете изтриването обратимо с кошче или период на възстановяване, след което използвайте отмяна.
Проектиране на съобщението за отмяна
Material Design нарича този компонент snackbar: кратко, минимално прекъсващо съобщение, което може да съдържа едно действие, за разлика от диалог, който изисква отговор. Напишете какво се е случило с няколко думи, поставете Undo като единствено действие и го задръжте на екрана достатъчно дълго, за да могат хората да реагират. Не крийте важни действия за отмяна в съобщения, които изчезват за две секунди.
Подробности за достъпността
Тостове, които изчезват сами, могат да бъдат пропуснати от потребители на екранни четци и хора, които се нуждаят от повече време. Обявете съобщението чрез учтив регион на живо, позволете на потребителите на клавиатурата да достигнат до бутона Undo, поставете на пауза таймера, докато съобщението е задържано или фокусирано, и осигурете друг начин за обръщане на действието, като например списък с история или кошче.
Предложение за отмяна
Кратък, спокоен вход от ръба на екрана и ясен изход помагат на хората да забележат съобщението, без да бъдат прекъсвани. Когато се натисне Undo, анимирайте елемента обратно на мястото му, така че обръщането да е видимо. Спазвайте настройките за намалено движение с просто избледняване.
Ключове Principle, които трябва да запомните
- Обратими действия: действайте незабавно и предложете отмяна
- Необратими, сериозни действия: конкретно потвърждение, което назовава въздействието
- Рутинните потвърждения се кликват по навик
- Направете достъпни съобщенията за отмяна: регион на живо, фокус на клавиатурата, достатъчно време
- Анимирайте обръщането, така че хората да видят, че работи
Често задавани въпроси
Източници
- Confirmation Dialogs Can Prevent User Errors — If Not Overused — Nielsen Norman Group
- Send or unsend Gmail messages — Gmail Помощ
- Snackbar guidelines — Material Design 3