Являются ли модальные диалоги хорошей практикой для Интернета?

Являются модальные окна/диалоги, которые считаются хорошей практикой для веб-сайтов? Одна из вещей, которые касаются меня об использовании модального окна, заключается в том, что он очень похож на всплывающее окно, и это может вызвать разочарование пользователя или заставить пользователей просто закрыть его, потому что он навязчив. Знаете ли вы какие-либо исследования, в которых говорится о предпочтениях пользователей и их использовании?

Существуют ли какие-либо проблемы с доступностью, кроме того, что модальная ссылка на окно загружает содержимое на новой странице при отключении JavaScript? Вам нравятся сайты или веб-приложения, использующие модальные окна? Почему или почему нет? Каковы хорошие и плохие методы для внедрения модальных окон? Я знаю, что модалы, вероятно, чаще всего используются при показе картинок или галерей, но каковы некоторые другие практические примеры использования? Вы используете их на своем сайте и что привело вас к вашему решению?

Ответ 1

С практической точки зрения - исключая доступность - модальные окна предоставляют альтернативу, которая менее поразительна, как, скажем, диалоговые окна и чувствует себя менее навязчивой, чем всплывающие окна. Они обычно имеют более сплоченную чувствительность к сайту, чем любой из двух вышеупомянутых методов. Помимо изображений или носителей, я использовал модальные диалоги для того, чтобы использовать ту же цель, что и диалоговые окна - чтобы пользователь мог предоставить какую-либо форму требуемого ввода или что-то подтвердить, прежде чем позволить им снова взаимодействовать с сайтом.

С чисто доступной точки зрения, они не так велики. Обычно для них требуется JavaScript, и из-за того, что модалы управляются в отношении DOM, программа чтения с экрана не будет их хорошо интерпретировать. Чтобы бороться с этим, всегда разумно грамотно деградировать - одно предложение состоит в том, чтобы взять содержание модального диалога и поместить его на страницу. Всякий раз, когда модальный диалог должен появиться, перейдите на страницу "модальная страница", введите пользовательский ввод и вернитесь к странице, на которой он был.

Наконец, что касается моих личных мнений, я не против модальных окон. Я думаю, что при правильном использовании они обеспечивают достойный опыт - если что-то имеет, чтобы привлечь мое внимание, то я бы предпочел, чтобы это сделало это, не перенаправляя меня со страницы, показывая уродливую операционную систему themed диалоговое окно или всплывающее окно (которое, вероятно, заблокирует мой браузер). Думаю, подвести итог, если бы мне пришлось выбирать, как я хочу, чтобы меня прервали, я бы выбрал модальный диалог.

Ответ 2

Я использую только модальные окна в веб-приложениях для простых вопросов или действий, требующих полной концентрации пользователя, то есть для модальности, для "забывания фона" и концентрации в запросах приложений...

примеры:

"Максимальный размер кредита был достигнут до предела, вы уверены, что хотите отправить этот новый кредит клиенту?"

выбор предварительного текста для отправки электронной почты, например (модальные окна, которые можно использовать для правильного объекта и основного текста или выбрать предварительно определенный объект/тело для отправки клиенту...

вещи вроде этого:)

Я делаю много веб-приложений для финансов, которые работают с веб-сайта, на котором пользователь вводит все финансовые данные для отправки контрактов по PDF-заполнению, заполненным только несколькими щелчками, и это те действия, в которых я использую модальные окна.

надеюсь, что это поможет

Ответ 3

Кажется, что многие путают модальное окно со слоистой панелью. Диалоговое окно может быть модальным окном, а всплывающее окно является модальным окном. Слоистая панель не является окном, но имеет вид всплывающего окна или диалогового окна. Это модально в том смысле, что нижележащие слои недоступны. Модальное окно популярно на веб-сайтах, потому что они невосприимчивы к блокировщикам всплывающих окон.

Модальные окна были разработаны для получения информации или действий пользователя, которые необходимо выполнить базовому приложению. Немодальные окна позволяют пользователю переключаться между окном и базовым приложением. Хорошим использованием для немодального окна может быть помощь с экрана или учебное пособие, в котором пользователю нужен справочный инструмент и доступ к базовому приложению.

IMHO, модальные окна были разработаны для узкой специфической цели и используются неуместно много времени. Просто потому, что вы можете что-то сделать, это не значит, что вы должны!: -)

Ответ 4

37Signals имеет интересный пост по модальным здесь. Они говорят об использовании модалов, чтобы указать важность с помощью размера экрана, где модальное оверлея недостаточно важно, чтобы потребовалось перейти на новую страницу.

Ответ 5

Я довольно часто использую модальные окна в веб-приложениях для экранов ввода данных. Например, пользователь будет иметь экран списка или результатов поиска и может щелкнуть по записи, чтобы открыть ее в модальном окне для редактирования. Я не использую модальные окна столько же, сколько на веб-сайтах, поскольку я предпочитаю немного меньше "приложения", например, чувствовать себя на сайте.

Ответ 6

Большинство проблем диалогов в веб-центре по плохой реализации. Некоторые соображения включают в себя:

размер экрана
изменение размера окна браузера
где открыть диалог
представление элементов формы
резкий эффект стробирующего перекрытия
изящная деградация (как упоминалось ранее)

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