Что значит открыто диалоговое окно

Что такое диалоговое окно? Разделы диалогового окна

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

Особенности и внешний вид

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

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

Окно сообщений

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

Часто это просто информационное сообщение, например, об окончании компьютерной игры, и тогда от пользователя потребуется только нажать кнопку «OK».

Ввод информации

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

Сохранение/открытие файла

Кто хоть раз создавал документ, тот неизбежно сталкивался с окном этого типа. От пользователя требуется выбрать файл из иерархического списка или указать место на диске, куда его следует сохранить. В окне предусмотрена возможность сортировки файлов, представление их в наиболее удобном виде, создание (при необходимости) новой папки.

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

Диалоговое окно печати документа

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

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

Вкладки

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

Фрейм

Это альтернативный вкладке способ создать раздел в диалоговом окне. Обычно фрейм располагается в левой части окна и содержит список разделов. Выделив такой раздел, пользователь в правой части может работать с его настройками. Количество разделов во фрейме может быть любым. Если они не помещаются в окне, доступ получается с помощью полосы прокрутки.

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

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

Элементы управления

Коротко скажем о других элементах, которые могут присутствовать:

1. Командные кнопки диалогового окна. Служат для запуска какого-нибудь действия. Это может быть открытие другого окна или выполнение процедуры.

2. Переключатели. Позволяют выбрать один вариант из набора значений.

3. Флажки. С их помощью можно отметить несколько вариантов из предложенных или отказаться от всех.

4. Поле со списком. Содержит данные, собранные в строки. От пользователя требуется выбрать одну из них.

5. Текстовые поля. Предназначены для ввода в них произвольного текста или числовых данных.

6. Ползунок. Позволяет задать числовое значение параметра из заданного диапазона.

7. Счетчик. Служит для выбора целочисленного значения.

8. Полосы прокрутки. Бывают вертикальными и горизонтальными. Применяются, когда часть формы не помещается в окне.

9. Метка. Элемент, отвечающий за надписи на форме.

10. Линии, рамки, рисунки. Это декоративные элементы. Позволяют сгруппировать данные и сделать окно более красочным.

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

Клавиатурные комбинации

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

Дизайн окон

Если внешний вид окон кажется вам слишком будничным, есть несколько способов изменить его. На рабочем столе вызовите контекстное меню и выберите пункт «Свойства». Далее пройдите на вкладку «Оформление». Здесь можно изменить стиль окна, размер шрифта и цветовую гамму.

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

Источник

Общие сведения о диалоговых окнах

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

отображения определенных сведений для пользователей;

сбора сведений от пользователей;

сбора и отображения сведений.

Эти типы окон называются диалоговыми окнами, и существует два типа: модальные и немодальные.

Windows Presentation Foundation (WPF) позволяет создавать несколько типов диалоговых окон, включая окна сообщений, общие диалоговые окна и пользовательские диалоговые окна. В этом разделе обсуждаются все, а в образце диалогового окна приведены соответствующие примеры.

Окна сообщений

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

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

Чтобы отобразить окно сообщения, вызовите static Show метод, как показано в следующем коде.

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

Хотя MessageBox может предложить простое взаимодействие с пользователем диалогового окна, преимущество использования MessageBox — это единственный тип окна, который может быть отображен приложениями, выполняемыми в песочнице безопасности частичного доверия (см. раздел Безопасность), например в приложениях браузера XAML (XBAP).

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

Общие диалоговые окна

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

Windows Presentation Foundation (WPF) инкапсулирует общие диалоговые окна открытия файла, сохранения файлов и печати и предоставляет их в качестве управляемых классов для использования в автономных приложениях. В этом разделе приводится краткий обзор каждого типа диалоговых окон.

Диалоговое окно открытия файла

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

Общее диалоговое окно открытия файла реализуется как OpenFileDialog класс и находится в Microsoft.Win32 пространстве имен. Следующий код показывает, как создавать, настраивать и отображать такое окно, а также как обрабатывать результат.

OpenFileDialog может использоваться для безопасного извлечения имен файлов приложениями, работающими с частичным доверием (см. раздел Безопасность).

диалоговое окно сохранения файлов

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

Диалоговое окно «Общие файлы сохранения» реализуется как SaveFileDialog класс и находится в Microsoft.Win32 пространстве имен. Следующий код показывает, как создавать, настраивать и отображать такое окно, а также как обрабатывать результат.

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

Общее диалоговое окно печати реализуется как PrintDialog класс и находится в System.Windows.Controls пространстве имен. Следующий код показывает, как создавать, настраивать и отображать такое окно.

Настраиваемые диалоговые окна

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

Создание модального настраиваемого диалогового окна

В этом разделе показано, как использовать Window для создания типичной реализации модального диалогового окна с помощью Margins диалогового окна в качестве примера (см. Пример диалогового окна). Это Margins диалоговое окно показано на следующем рисунке.

Настройка модального диалогового окна

Пользовательский интерфейс для типичного диалогового окна включает следующее.

Различные элементы управления, которые необходимы для сбора нужных данных.

Кнопка Закрыть в заголовке окна.

Системное меню для сворачивания, развертывания, восстановления и закрытия диалогового окна.

Расположение выше и в центре окна, открывшего диалоговое окно.

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

Следующий код демонстрирует такую конфигурацию.

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

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

Открытие модального диалогового окна

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

Здесь код передает в диалоговое окно сведения по умолчанию (текущие поля). Он также задает Window.Owner свойство со ссылкой на окно, в котором отображается диалоговое окно. в общем случае необходимо всегда задавать владельца для диалогового окна, чтобы обеспечить поведение окна, которое является общим для всех диалоговых окон (дополнительные сведения см. в разделе обзор Windows WPF ).

Необходимо указать владельца для поддержки автоматизации ПОЛЬЗОВАТЕЛЬСКОГО интерфейса для диалоговых окон (см. Обзор модели автоматизации пользовательскогоинтерфейса).

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

Проверка предоставленных пользователем данных

Если открывается диалоговое окно и пользователь предоставляет требуемые данные, диалоговое окно отвечает за проверку допустимости предоставленных данных по следующим причинам.

С точки зрения безопасности следует проверять все входные данные.

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

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

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

Чтобы сопоставить это правило проверки со связанным элементом управления, используется следующая разметка.

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

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

Установка результата модального диалогового окна

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

Обработка данных, возвращаемых из модального диалогового окна

Если параметр DialogResult задается в диалоговом окне, то функция, которая открыла ее, может получить результат диалогового окна, проверив DialogResult свойство при ShowDialog возврате.

После ShowDialog возврата диалоговое окно нельзя открыть повторно. Вместо этого придется создать новый экземпляр.

Создание немодального настраиваемого диалогового окна

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

Однако поведение несколько отличается, как показано в следующих разделах.

Открытие немодального диалогового окна

Немодальное диалоговое окно открывается путем вызова Show метода.

Обработка данных, возвращенных из немодального диалогового окна

В этом примере объект FindDialogBox может вернуть один или несколько результатов поиска в главное окно в зависимости от искомого текста без какой бы то ни было определенной частоты. Как и в случае с модальным диалоговым окном, немодальное диалоговое окно может возвращать результаты с помощью свойств. Однако окну, которому принадлежит данное диалоговое окно, нужно знать, когда следует проверять эти свойства. Один из способов сделать это — реализовать для диалогового окна событие, которое возникает всякий раз, когда текст найден. FindDialogBox реализует TextFoundEvent для этой цели, для которой сначала требуется делегат.

Следовательно, Find может вызвать событие при обнаружении результата поиска.

Затем окну-владельцу нужно зарегистрировать и обработать это событие.

Закрытие немодального диалогового окна

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

Нажатие кнопки Закрыть в строке заголовка.

Нажатие клавиш ALT+F4.

Источник

Диалоговые окна (основы проектирования)

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

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

Типичное диалоговое окно.

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

Диалоговые окна имеют два фундаментальных типа:

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

Типичное диалоговое окно задачи.

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

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

Типичная область задач.

Окна свойств — это специализированный тип диалогового окна, используемого для просмотра и изменения свойств объекта, коллекции объектов или программы. Кроме того, окна свойств обычно поддерживают несколько задач, тогда как диалоговые окна обычно поддерживают одну задачу или шаг в задаче. Так как их использование является специализированным, окна свойств попадают в разные наборы правил.

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

Это правильный пользовательский интерфейс?

Чтобы определиться, ответьте на вопросы:

В этих примерах подменю используются вместо диалоговых окон для простого выбора.

Принципы проектирования

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

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

Для проектирования эффективных диалоговых окон можно эффективно использовать следующие элементы:

Если вы выполняете только одно действие.

Убедитесь, что структура диалогового окна (определяемая его целью, типом и взаимодействием с пользователем) соответствует его использованию (определяется контекстом, вероятностью действий пользователя и частотой вывода).

Варианты использования

Диалоговые окна имеют несколько шаблонов использования:

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

Общие сведения

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

Нет строки меню или строки состояния. Вместо этого предоставьте доступ к командам и состоянию непосредственно в диалоговом окне или с помощью контекстных меню соответствующих элементов управления.

Неправильно:

В этом примере поиск сертификатов — это немодальное диалоговое окно с строкой меню.

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

Дополнительные рекомендации и примеры см. в разделе панель задач.

Модальные диалоговые окна

Немодальные диалоговые окна

некоторые немодальные диалоговые окна, используемые в Microsoft Office, являются закрепляемыми.

Несколько диалоговых окон

Диалоговые окна с несколькими страницами

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

в этом примере Windows диагностика сети состоит из страниц хода выполнения и результатов.

Уровень представления

Чтобы упростить поиск и доступ к диалоговым окнам, явно свяжите диалоговое окно с его источником и хорошо работает с несколькими мониторами:

Изначально центрированные диалоговые окна поверх окна владельца.

Рядом с объектом отображаются свойства объекта.

в этом примере проигрыватель Windows Media изменяет свой формат, когда окно оказывается слишком маленьким для стандартного формата.

Дополнительные сведения и примеры см. в разделе Управление окнами.

Заголовки окна

Взаимодействие

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

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

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

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

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

Ключи доступа

Везде, где это возможно, следует назначать уникальные ключи доступа всем интерактивным элементам управления или их меткам. Текстовые поля только для чтения — это интерактивные элементы управления (так как пользователи могут прокручивать их и копировать текст), чтобы они расчитали преимущества клавиш доступа. Не присваивайте ключи доступа:

Кнопки ОК, отмена и закрыть. Для ключей доступа используются клавиши ВВОД и ESC. Однако всегда назначайте ключ доступа для элемента управления, который означает ОК или Отмена, но имеет другую метку.

В этом примере для кнопки положительной фиксации назначен ключ доступа.

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

Универсальные кнопки справки, доступ к которым осуществляется с помощью F1.

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

Имена вкладок. Переключение между вкладками осуществляется с помощью клавиш CTRL + TAB и CTRL + SHIFT + TAB.

Кнопки обзора с меткой «. «. Этим кнопкам просмотра нельзя назначить ключи доступа уникальным образом.

Непомеченные элементы управления, такие как элементы управления «Счетчик», кнопки графического команд и непомеченные элементы управления раскрытием.

Статический текст или метки без метки для элементов управления, которые не являются интерактивными, например индикаторы выполнения.

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

Сначала назначьте ключи доступа для кнопки фиксации, чтобы убедиться, что они имеют стандартные ключевые назначения. Если стандартное назначение ключа не используется, используйте первую букву первого слова. Например, клавиша доступа «Да» и «нет кнопки фиксации» всегда должны быть «Y» и «N», независимо от других элементов управления в диалоговом окне.

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

Предпочитать символы с широкими ширинами, например w, m и прописные буквы.

Предпочтение конкретному согласныму или гласному, например «x» в выходном виде.

Старайтесь не использовать символы, которые затрудняют отображение подчеркивания, например (от большинства проблем до наименее проблем):

Дополнительные рекомендации и примеры см. в разделе Клавиатура.

Диалоговые окна хода выполнения

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

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

В этом примере остановка диагностики проблемы не имеет побочных эффектов.

в этом примере Windows Explorer позволяет пользователям продолжить выполнение задачи после устранимой ошибки.

В этом примере съемный диск был удален во время копирования файлов.

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

Оставшееся время

Для индикаторов выполнения:

Если связанная информация отображается в формате двоеточия:

Оставшееся время: ч ч, м мин

Оставшееся время: m минут, с

Оставшееся время: s с

Если пространство экрана имеет уровень «Премиум»:

h час, осталось м мин

m мин, с оставшихся секунд

В противном случае:

ч часы, осталось м мин

m мин, с осталось секунд

Для строк заголовка:

В этом компактном формате сначала отображаются наиболее важные сведения, поэтому она не усекается на панели задач.

Неправильно:

чч ч, mm минуты, СС секунд

Неправильно:

Дополнительные сведения и примеры см. в разделе индикаторы выполнения.

Значки и графика

Графика

Неправильно:

В этом примере большая графика не предназначена для использования.

Значки заголовка окна

Значки текста

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

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

В этом примере значок объекта помогает пользователям понять тип открываемого или сохраняемого файла.

В этом примере эти значки помогают пользователям визуализировать воздействие их функций.

В этом примере в поле About используется точечный рисунок для обнаружения и фирменной символики приложения.

Значки сносок

В этом примере значок сноски указывает на то, что вопрос имеет последствия безопасности.

Дополнительные сведения и примеры см. в разделе значки.

Кнопки фиксации

Примечания.

Общие

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

Не подтверждайте кнопки фиксации. Это не всегда может быть очень непросто. Исключения:

Дополнительные рекомендации и примеры см. в разделе подтверждения.

Не отключайте кнопки фиксации. Отличи

Выровняйте кнопки фиксации по правому краю в одной строке в нижней части диалогового окна, но над областью сносок. Это можно сделать даже при наличии одной кнопки фиксации (например, ОК).

Неправильно:

В этом примере кнопка ОК неправильно выравнивается по центру.

Представьте кнопки фиксации в следующем порядке:

Если у вас много связанных кнопок фиксации, объедините их с помощью кнопок разделения.

Кнопка «Очистить отделение от фиксации» (которая закрывает окно) и другие кнопки команд (например, «дополнительно»).

Ответ на основные инструкции

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

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

Используйте кнопку ОК, когда «конкретные» ответы все еще являются общими, например «Сохранить», «выбрать» или «выбрать». При изменении определенного параметра или коллекции параметров используйте кнопку ОК.

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

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

Правильно:

В этом примере использование кнопок «Да» и «нет» заставляет пользователей по крайней мере прочитать основную инструкцию.

Кроме того, можно добавить слово «все равно» к метке кнопки «положительная фиксация», чтобы указать, что в диалоговом окне не нужно продолжать работу и что пользователи должны внимательно прочитать диалоговое окно, прежде чем продолжить.

Правильно:

В этом примере к метке кнопки фиксации добавляется «все все». Это означает, что пользователи должны соблюдать осторожность.

Используйте Cancel или Close для отрицательных кнопок фиксации вместо конкретных ответов на основную инструкцию. Очень часто пользователи понимают, что они не хотят выполнять задачу после того, как они увидят диалоговое окно. Если отмена или закрытие были перепомечены на определенные ответы, пользователям придется внимательно прочитать все кнопки фиксации, чтобы определить, как отменить. Пометки «Отмена» и «Закрыть» позволяют легко находить их. Отличи

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

Неправильно:

В этом примере для продолжения сопоставлено «ОК», «Отмена» сопоставлена с сохранением на странице.

Кнопки Да и нет

Предпочитать конкретные ответы на кнопки Да и нет. Хотя нет ничего плохого в использовании Yes и No, конкретные ответы могут быть более быстро понятны, что позволяет принимать эффективные решения. Однако в подтверждениях обычно есть кнопки Да и нет, чтобы пользователи не могли подтвердить некоторые мысли перед ответом.

Используйте кнопки «Да» и «нет», чтобы ответить только на вопросы. Основная инструкция должна быть естественно выражена как «да» или «нет». Никогда не используйте «ОК» и «Отмена» для «Да» или «нет» вопросов.

Неправильно:

Правильно:

Лучше:

В этих примерах да и нет — хорошие ответы на да и без вопросов, но конкретные ответы еще лучше.

Рекомендуется заключить основную инструкцию в значение yes или No вопроса, если кнопки фиксации с конкретными формулировками могут быть длинными или неудобными. Кроме того, можно использовать ссылки на команды для более длинных ответов (пять слов или более) в основную инструкцию.

Неправильно:

Правильно:

Некоторые выражения в ошибочном примере имеют слишком большую длину, поэтому в правильном примере используются Yes и No.

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

Кнопки ОК

В модальных диалоговых окнах нажатие кнопки «ОК» означает применение значений, выполнение задачи и закрытие окна.

Не используйте кнопки ОК для реагирования на вопросы.

Не присваивайте ключам доступа значение ОК, так как клавиша ВВОД является ключом доступа для кнопки по умолчанию. Это упрощает назначение других ключей доступа.

Правильно наметка кнопок. Кнопка ОК должна быть помечена как OK, а не ОК или хорошо.

Не используйте кнопки ОК для ошибок и предупреждений. Проблемы никогда не возникнет. Вместо этого используйте Close.

Неправильно:

В этом примере вместо ОК следует использовать Close.

Не используйте кнопки ОК в немодальных диалоговых окнах. Вместо этого немодальные диалоговые окна должны использовать кнопки фиксации, специфичные для конкретной задачи (например, Find). Однако в некоторых немодальных диалоговых окнах требуется только кнопка Закрыть.

Кнопки отмены

Если щелкнуть Cancel (Отмена), то отказать все изменения, отменить задачу, закрыть окно и вернуть среду к предыдущему состоянию без побочных эффектов. Для вложенных диалоговых окон выбора при нажатии кнопки Отмена в диалоговом окне «Выбор владельца» все изменения, внесенные в диалоговых окнах выбора, также будут отменены.

Укажите кнопку Отмена, чтобы разрешить пользователям явно отменять изменения. Для диалоговых окон требуется четкая точка выхода. Не зависят от пользователей, которые находят кнопку Закрыть в заголовке окна.

Неправильно:

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

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

Неправильно:

В этом примере «ОК» и «Отмена» неправильно используются для реагирования на вопрос «Да» или «нет».

Не присваивайте ключи доступа для отмены, так как ESC является ключом доступа. Это упрощает назначение других ключей доступа.

Не используйте кнопки Отмена в немодальных диалоговых окнах. Вместо этого используйте вместо него Close.

Не отключайте кнопку Отмена. Пользователи всегда должны иметь возможность отмены диалоговых окон.

Кнопки закрытия

Применить кнопки

Не используйте кнопки Применить в диалоговых окнах, которые не являются страницами свойств или панелями управления. Кнопка «применить» означает применение ожидающих изменений, но оставляет окно открытым. Это позволит пользователям оценивать изменения перед закрытием окна. Однако это требуется только для страниц свойств и панелей управления.

Неправильно:

В этом примере в диалоговом окне выбора нет кнопки Применить.

Кнопки фиксации для косвенных диалоговых окон

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

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

Правильно:

в этом примере это диалоговое окно выводится Windows Paint в результате выполнения команды New или Exit, когда рисунок не был сохранен. Не сохранять закрывает диалоговое окно без сохранения, в то время как Отмена отменяет команду «создать» или «выйти».

Неправильно:

в этом примере нет способа отменить задачу (закрыть Office панели быстрого запуска), которая привела бы к отображению этого диалогового окна. Этому диалоговому окну требуется кнопка Отмена.

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

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

Дополнительные сведения и примеры см. в разделе кнопки команд.

Ссылки на команды

В этом примере дополнительное пояснение описывает последствия одного из параметров.

Неправильно:

В этом примере диалоговое окно использует ссылку на команду вместо кнопки Отмена.

Дополнительные сведения и примеры см. в разделе ссылки на команды.

Не показывать повторить

Неправильно:

В этом примере сообщение должно отображаться только один раз. Нет необходимости спрашивать.

Спросить позже

Больше или меньше

В этом примере редко используемые параметры скрыты по умолчанию.

Примечания

В этом примере сведения о сноске являются дополнительными, а не важными.

Отключение или удаление элементов управления и предоставление сообщений об ошибках

В этом примере отключенные метки текстового поля также отключаются, но их метка группы и описание группы не отображаются.

Требуемые входные данные

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

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

Укажите необходимые входные данные, используя звездочку в начале метки. Объясните звездочку одним из следующих:

Этот подход хорошо работает, если не требуется много элементов управления, но плохо, если требуется большинство элементов управления.

В этом примере звездочки используются для указания необходимых входных данных.

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

Укажите необязательные входы с параметром «(необязательно)» после метки. Этот подход хорошо работает, если требуется большинство входных данных, но плохо в противном случае.

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

Обработка ошибок

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

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

Для проблем пользовательского ввода используйте немодальную обработку ошибок (ошибок на месте или выносок).

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

В этом примере всплывающее сообщение указывает на проблему ввода, но еще в элементе управления.

Используйте ошибки на месте для обнаружения отложенных ошибок, обычно ошибки, обнаруженные нажатием кнопки фиксации. (Не используйте ошибки на месте для немедленно зафиксированных параметров.) За один раз может быть несколько ошибок на месте. Используйте нормальный текст и значок ошибки 16×16 пикселей, поместив их непосредственно рядом с проблемой, когда это возможно. Ошибки на месте не исчезают, пока пользователь не зафиксирует и другие ошибки не будут обнаружены.

В этом примере для ошибки, обнаруженной при нажатии кнопки фиксации, используется ошибка на месте.

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

Если обнаружена и передается ошибка ввода, установите фокус ввода на первый элемент управления с неверными данными. При необходимости прокрутите элемент управления на представление.

Дополнительные сведения и примеры см. в разделе сообщения об ошибках и всплывающие подсказки.

Справка

При предоставлении помощи пользователю необходимо принять во внимание следующие параметры (в порядке предпочтения).

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

В этом примере ссылка на справку применяется ко всему диалоговому окну.

Не используйте ссылки общих или нестандартных разделов справки или общие кнопки справки. Пользователи часто игнорируют универсальную справку.

Дополнительные сведения и примеры см. в справке.

Значения по умолчанию

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

Рекомендуемое изменение размера и расстояния

текст

Общие сведения

Правильно:

Вы хотите включить общий доступ к файлам и принтерам?

Неправильно:

Вы хотите отключить общий доступ к файлам и принтерам?

Однако выражения должны соответствовать связанной команде, даже если команда имеет отрицательную фразу; Например, для подтверждения команды отключения используйте команду Отключить.

Примеры:

Выберите изображения, которые нужно напечатать

Выбор учетной записи

Пример: Печать фотографий на камере.

Заголовки диалоговых окон

Основные инструкции

Хорошо:

В этом примере метка текстового поля — это просто пересохранение основной инструкции.

Лучше:

В этом примере избыточная метка удаляется, поэтому основная инструкция принимает ключ доступа.

Дополнительные инструкции

Ссылки на команды

Кнопки фиксации

Документация

При ссылке на диалоговые окна:

пример. в Безопасность Windows щелкните дополнительные параметры.

Источник