Являются ли модальные диалоги хорошей практикой для Интернета?[закрыто]
-
03-07-2019 - |
Вопрос
Являются модальные окна/диалоги считается хорошей практикой для веб-сайтов?Одна из вещей, которая меня беспокоит при использовании модального окна, заключается в том, что оно очень похоже на всплывающее окно и может вызвать разочарование пользователей или заставить пользователей просто закрыть его, потому что оно навязчиво.Знаете ли вы о каких-либо исследованиях, в которых говорится о предпочтениях пользователей и показателях использования?
Существуют ли какие-либо проблемы с доступностью, помимо того, что ссылка на модальное окно загружает содержимое на новой странице, когда JavaScript отключен?Ты нравиться сайты или веб-приложения, использующие модальные окна?Почему или почему нет?Каковы хорошие и плохие методы реализации модальных окон?Я знаю, что модальные окна чаще всего используются при отображении изображений или галерей, но каковы еще варианты практического использования?Используете ли вы их на своем сайте и что привело вас к такому решению?
Решение
С практической точки зрения (за исключением специальных возможностей) модальные окна представляют собой альтернативу, которая менее поразительна, чем, скажем, диалоговые окна, и кажется менее навязчивой, чем всплывающие окна.Они обычно создают более целостный вид сайта, чем любой из двух вышеупомянутых методов.Помимо изображений или мультимедиа, я использовал модальные диалоги для той же цели, что и диалоговые окна — чтобы заставить пользователя ввести необходимую форму или подтвердить что-то, прежде чем позволить ему снова взаимодействовать с сайтом.
С чисто доступной точки зрения они не так уж хороши.Обычно для них требуется JavaScript, и из-за способа управления модальными окнами относительно DOM программы чтения с экрана не будут правильно их интерпретировать.Чтобы бороться с этим, всегда полезно изящно деградировать: один из вариантов — взять содержимое модального диалога и поместить его на страницу.Всякий раз, когда модальный диалог должен появиться, перенаправить текущую страницу на «модальную страницу», получить ввод пользователя и вернуться на страницу, на которой она была.
Наконец, что касается моего личного мнения, я не против модальных окон.Думаю, что при правильном использовании они дают достойный опыт - если что. имеет чтобы привлечь мое внимание, я бы предпочел, чтобы это было сделано без перенаправления меня со страницы, без показа уродливого диалогового окна на тему операционной системы или всплывающего окна (которое мой браузер, скорее всего, все равно заблокирует).Подводя итог, я думаю, если бы мне пришлось выбирать как Я бы хотел, чтобы меня прервали, тогда я бы выбрал модальный диалог.
Другие советы
Кажется, многие путают модальное окно с многослойной панелью.Диалоговое окно может быть модальным окном, а всплывающее окно — модальным окном.Многослойная панель не является окном, а имеет вид всплывающего или диалогового окна.Он модален в том смысле, что нижележащие слои недоступны.Модальные окна популярны на веб-сайтах, поскольку они невосприимчивы к блокировщикам всплывающих окон.
Модальные окна были разработаны для получения информации или действий пользователя, которые требуются базовому приложению для продолжения работы.Немодальные окна позволяют пользователю переключаться между окном и базовым приложением.Хорошим применением немодального окна может быть экранная справка или учебное пособие, где пользователю нужен справочный инструмент и доступ к базовому приложению.
ИМХО, модальные окна были разработаны для узкой конкретной цели и сейчас используются не по назначению.То, что вы можете что-то сделать, не означает, что вы должны это делать! :-)
Я использую модальные окна в веб-приложениях только для простых вопросов или действий, которые требуют от пользователя полной концентрации, для этого и нужен модал, чтобы «забыть фон» и сконцентрироваться на том, что запрашивают приложения...
Примеры:
«Максимально разрешенный кредит достиг предела. Вы уверены, что хотите отправить этот новый кредит клиенту?»
например, выбор предварительного текста для отправки электронного письма (модальные окна, которые можно использовать для корректировки темы и основного текста или выбора предварительно определенной темы/текста для отправки клиенту...
вроде того :)
Я создаю множество финансовых веб-приложений, которые работают от веб-сайта, где пользователь вводит все финансовые данные, до отправки контрактов в формате PDF, заполняемых всего за несколько кликов, и это действия, в которых я использую модальные окна.
Надеюсь, поможет
На 37Signals есть интересная статья о модальных окнах. здесь.Они говорят об использовании модальных окон для обозначения важности через размер экрана, когда модальное наложение не настолько важно, чтобы вызывать необходимость перехода на новую страницу.
Я довольно часто использую модальные окна в веб-приложениях для экранов ввода данных.Например, у пользователя будет экран списка или результатов поиска, и он может щелкнуть запись, чтобы открыть ее в модальном окне для редактирования.Я не так часто использую модальные окна на веб-сайтах, поскольку предпочитаю немного менее «прикладное» ощущение сайта.
Большинство проблем с диалогами в Интернете связаны с плохой реализацией.Некоторые соображения включают в себя:
- Размер экрана
- изменение размера окна браузера
- где открыть диалог
- отправка элементов формы
- Резкий эффект наложения стробоскопического света
- изящная деградация (как упоминалось ранее)
Все эти проблемы можно легко преодолеть с помощью некоторой предусмотрительности и методов программирования, что делает диалоги в Интернете очень полезными при правильной реализации.