Некоторые рекомендации по дизайну модальных окон:

• Не использовать модальные окна для вывода ошибок, состояния ожидания или сообщений об успешной попытке. 1 В таких случаях модальные окна не очень эффективны, так как они перекрывают родительский экран. 1
• Ограничить появление модальных окон, вызываемых системой. 1 Лучше оставить только те, что управляются пользователем, либо использовать их в случае экстренных сообщений. 1
• Включать в модальное окно только необходимую информацию. 3 В идеале оно должно содержать пару-тройку предложений, а также не более двух кнопок действия. 1
• Делать кнопки закрытия окна видимыми. 1 Пользователи должны иметь возможность закрыть модальное окно, когда им захочется. 1
• Правильно устанавливать размер модальных окон. 1 Они не должны занимать всё пространство — в идеале не более 25% площади экрана. 1
• Делать содержимое модального окна доступным для пользователей с клавиатурой. 1 Как только на странице открывается модальное окно, фокус страницы должен быть переведён на него. 1
• Не использовать вложенные модальные окна. 1 Такой подход создаёт визуальный хаос в дизайне сайта. 1
• Делать заголовок модального окна кратким. 25 Он должен иметь название процесса, который инициирует пользователь, быть кратким и отвечать на вопрос «Что происходит?». 2