В январе писал о пуш-нотификациях. Сегодня, с подачи Жени Кирьянова — о модальных окнах.
Конечно, самый простой совет — “не используйте их”. Но иногда всё-таки, приходится.
О том, как их применять в разных ситуациях — далее. А тех, кто прочитает эту короткую статью до конца ждет нематериальный бонус :)
Про то, как делать и как не делать модалки в статье Best Practices for Modals / Overlays / Dialog Windows.
С большей частью согласен. Конечно, эти советы не отменяют необходимости проектировать с включенной головой :)
Тезисы:
Основное назначение — привлечь внимание (чтобы пользователь не пропустил важную информацию или сначала принял важное решение).
Иногда помогают ввести данные, не перегружая основную страницу.
Несколько прерывают путь пользователя к его цели, поэтому применять их нужно в малых дозах.
Пользователю необходимо дать возможность просто и понятно закрыть модальное окно.
Размещать желательно в верхней половине экрана. Иначе на мобильных будет совсем плохо (о мобильных в статье отдельный разговор).
Если занимает более половины экрана или появляется скроллбар — это повод задуматься об использовании отдельной страницы.
Модальное окно появляется в ответ на действия пользователя, а не как чертик из табакерки.
Обещанный бонус
Понравилась статья “фронтенд — это не больно!”.
Главная ценность в рассказе о том, что делать фронтендеру чтобы работать с удовольствием.
Есть полезные ссылки для саморазвития в конце статьи. Но полезность некоторых под вопросом.
Большинство советов отлично подойдут не только фронтендерам.