Простые советы по всплывающим окнам

Понимание.
Пользователи должны понимать, почему появилось окно и что им нужно делать. Кнопки модального окна должны точно указывать, что произойдет, когда пользователь нажмет на них.

Расставьте приоритеты.
Избегайте ситуаций, когда для содержимого модального окна требуется полоса прокрутки.

Модальное окно содержит только важную информацию и действия, поэтому поместите в него не более 1-2 предложений.

Не включайте в одно окно более 2-х действий. Это снизит риск того, что пользователь оставит задачу незавершенной.

Доступные элекменты управления закрытия.
Пользователи должны иметь возможность закрыть модальное окно, когда захотят.

Добавьте кнопку “Закрыть” / “Х” в правом верхнем углу окна или кнопку “Закрыть” / “Отмена” в нижнюю часть модального окна.
Добавьте возможность нажать / коснуться за область окна, чтобы его закрыть.

Размер окна.
Модальное окно не должно занимать весь экран. В идеале оно не должно занимать более 25% экрана.

Не используйте вложенные окна.
Никогда не создавайте модальное окно, которое запускает модальное окно. Не добавляйте визуальную сложность своему дизайне.

Источник: https://www.instagram.com/p/CO9-MKigmYL/