Архив метки: привычные вещи

Дизайн: удобная кнопка удаления

Как часто в формах редактирования чего-либо кнопки «Обновить» и «Удалить» бывают абсолютно одинаковы по дизайну? Я думаю, каждый не редко встречал такое, при этом не редко их путаешь, и вместо внесения новой оригинальной правки в статью мы видим форму подтверждения удаления, которая в свою очередь обычно растягивается на всё пространство и блокирует другие элементы управления. Если при этом пользоваться, например, jQuery UI, то получается что-то типа такого:

Не очень-то юзабельно, правда?  Но прогресс не стоит не месте, и кое-где в западных веб-приложениях уже можно встретить более точное выделение кнопки «Удалить»:

При нажатии на которую всё также будет возникать всеблокирующее модальное окно.

А что если сделать меню подтверждения более контекстным и интерактивным? Например, выезжающим из-за кнопки «Удалить» при нажатии на неё:

а по окончании впечатляющей анимации получим следующее:

Вот таким вот нехитрым способом можно улучшить юзабилити простых вещей.

В будущем выложу это как расширение для jQuery.

UPDATE: сделал реализацию на javascript (jQuery), подробности в записи.