Модальное окно - Modal window

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

В пользовательских интерфейсах обычно используются модальные окна, чтобы управлять осведомленностью пользователя и отображать аварийные состояния. дизайнеры взаимодействия утверждают, что они неэффективны для такого использования.[1] Модальные окна склонны к ошибки режима.[1][2][3]

В Интернете они часто показывают изображения с подробностями, например, реализованные Лайтбокс библиотека, или используются для парящие объявления.[4][5]

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

Актуальность и использование

Сценарии использования

К частым применениям модальных окон относятся:

  • Привлечение внимания к важной информации. Такое использование критиковалось как неэффективное, потому что пользователей засыпали слишком большим количеством диалоговых окон, и они привыкли просто нажимать «Закрыть», «Отмена» или «ОК», не читая или не понимая сообщения.[6][7][8]
  • Блокирование потока приложений до тех пор, пока не будет введена информация, необходимая для продолжения, например, пароль в авторизоваться процесс. Другой пример: файловые диалоги для открытия и сохранения файлов в приложении.
  • Сбор параметров конфигурации приложения в централизованном диалоге. В таких случаях обычно изменения применяются после закрытия диалогового окна, и доступ к приложению отключается на время внесения изменений.
  • Предупреждение, что последствия текущего действия необратимы. Это частый модель взаимодействия для модальных диалогов, но некоторые эксперты по юзабилити критикуют его как неэффективный для предполагаемого использования (защита от ошибок в деструктивных действиях) из-за привыкание. Вместо этого они рекомендуют сделать действие обратимым (с возможностью «отменить»).[1]

Модальные листы в Mac OS X

"Sheet (computing)" перенаправляется сюда. Не следует путать с электронная таблица.

Многие функции, которые обычно представлены модальными окнами, реализованы как модальные. преходящий панели под названием «Листы»[нужна цитата ] в Mac OS X. Временные окна ведут себя так же, как модальные окна - они всегда находятся поверх родительского окна и не отображаются в списке окон, но они не запрещают использование других окон в приложении. Листы выскальзывают из строки заголовка окна и обычно должны быть закрыты, прежде чем пользователь сможет продолжить работу в окне, но остальная часть приложения остается пригодной для использования. Таким образом, они создают режим внутри окна, которое содержит их, но немодален по отношению к остальной части приложения.

Контроль потока взаимодействия

Модальные окна часто используются в инструментах графического интерфейса пользователя для управления рабочим процессом пользователя. Алан Купер утверждает, что важность того, чтобы требовать от пользователя внимания к важным вопросам, оправдывает ограничение свободы пользователя, и что альтернатива усилит разочарование пользователя.[9]

Неожиданные перебои

Непредвиденный диалоговые окна предупреждений являются частными виновниками ошибки режима[1] с потенциально тяжелыми последствиями. Специалисты по юзабилити предписывают, что опасные действия должны быть отменены везде, где это возможно; окно предупреждения, которое появляется неожиданно или закрывается привыкание не защищает от опасного воздействия.[10] Немодальный информационная панель все чаще рассматривается как предпочтительный по сравнению с диалоговым окном, потому что он не прерывает действия пользователя, а, скорее, позволяет пользователю читать дополнительную информацию в свое время.

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

Проблемы

Смотрите также: Оценка режимов в компьютерных интерфейсах

Модальное окно блокирует все остальные рабочие процессы в программе верхнего уровня до закрытия модального окна, в отличие от немодальный диалоговые окна, позволяющие пользователям работать с другими окнами.[11] Модальные окна предназначены для того, чтобы полностью привлечь внимание пользователя.[12] Пользователи могут не осознавать, что модальное окно требует их внимания, что может привести к путанице по поводу того, что главное окно не отвечает, или к потере данных, введенных пользователем для главного окна (см. Ошибка режима ). В тяжелых случаях модальное окно появляется за другим окном, управляемым той же программой, потенциально делая всю программу невосприимчивой, пока модальное окно не будет найдено вручную.

Тем не менее, многие дизайнеры интерфейсов в последнее время предприняли шаги, чтобы сделать модальные окна более очевидными и удобными для пользователя, затемняя фон за окном или позволяя любому щелчку мыши за пределами модального окна принудительно закрыть окно - дизайн, называемый Лайтбокс[5] - таким образом снимая эти проблемы. Якоб Нильсен утверждает, что преимущество модальных диалогов заключается в том, что они повышают осведомленность пользователей: «Когда что-то действительно требует исправления, лучше убедиться, что пользователь знает об этом». Для этой цели дизайн лайтбокса обеспечивает сильный визуальный контраст диалога по сравнению с остальными визуальными элементами. Техника лайтбокса теперь стала обычным инструментом в дизайне веб-сайтов.

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

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

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

В зависимости от специфики реализации модальные окна могут нарушать принцип наименьшего удивления.

Рекомендации

Смотрите также: Режим (пользовательский интерфейс) § Рекомендации по дизайну

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

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

Дизайн должен соответствовать общепринятым практикам платформы, на которой работает программа. Майкрософт Виндоус использует стандартные элементы управления для модального оконные диалоги с кнопками подтверждения в правом нижнем углу панели. Mac OS X использует модальные листы где кнопки подтверждения являются самой правой командой.[14]

Смотрите также

Рекомендации

  1. ^ а б c d «Никогда не используйте предупреждение, если имеется в виду отменить». alistapart.com. Получено 2015-10-09.
  2. ^ Раскин, Джеф (2000). Гуманный интерфейс. США: Эддисон Уэсли. ISBN  0-201-37937-6.
  3. ^ "Nitpicker / Гуманный интерфейс". nitpicker.pbworks.com. Правило 1а. Получено 2015-10-09.
  4. ^ Исследователь UX-шаблонов Quince. «Модальная панель». Архивировано из оригинал 27 февраля 2010 г. В популярной библиотеке JavaScript для лайтбоксов используется модальная панель для показа изображений.
  5. ^ а б Якоб Нильсен, Alertbox. «10 лучших пользовательских интерфейсов приложений».
  6. ^ Джоэл Спольски, Дизайн пользовательского интерфейса для программистов: Дизайн для людей, у которых жизнь лучше
  7. ^ Раймонд Чен, Старая новая вещь: Ответ по умолчанию для каждого диалогового окна - «Отмена».
  8. ^ Джефф Этвуд, Coding Horror: Обучение пользователей чтению
  9. ^ Купер, Алан (17 марта 2003 г.). О Face 2.0: основы интерактивного дизайна. Вайли. ISBN  0-7645-2641-3.
  10. ^ Раскин, Джеф (2000). Гуманный интерфейс. Эддисон Уэсли. ISBN  0-201-37937-6.
  11. ^ «Как использовать модальность в диалогах». Корпорация Oracle.
  12. ^ Infragistics.com. «Модальная панель». Архивировано из оригинал на 2013-05-06.
  13. ^ Infragistics.com. «Модальная панель - реализация». Архивировано из оригинал на 2013-05-06.
  14. ^ Inc., Apple. «Темы - macOS - macOS - Руководство по интерфейсу пользователя - разработчик Apple». developer.apple.com. Получено 18 сентября 2018.