Поделиться через

Основы командования

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

Предоставить наилучший опыт управления командой

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

Ниже приведены некоторые распространенные примеры взаимодействия с командами.

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

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

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

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

кнопочное изображение

Кнопки

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

изображение списка

Списки

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

элемент управления выбором изображения

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

Позволяет пользователям выбирать несколько вариантов, например при завершении опроса или настройке параметров приложения. Примеры включают CheckBox, RadioButtonи тумблер .

изображение календаря

Календарь, средства выбора даты и времени

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

изображение прогнозного текста

Ввод прогнозного текста

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

Полный список см. в элементах управления и интерфейса

Размещение команд на правой поверхности

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

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

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

Ниже приведен список наиболее распространенных поверхностей команд.

изображение холста приложения

рабочая область приложения (область содержимого)

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

Изображение панели команд

командные панели и строки меню

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

изображения контекстного меню

Меню и контекстные меню

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

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

UWP также предоставляет набор традиционных меню и контекстных меню; Дополнительные сведения см. в меню и контекстных меню.

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

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

Замечание

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

Ниже приведены некоторые способы предоставления отзывов в приложении.

панели команд изображение области содержимого

Панель команд

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

изображение всплывающего меню

всплывающие окна

всплывающие подсказки — это лёгкие контекстные элементы, которые можно закрыть, нажав или щелкнув где-то за пределами всплывающей подсказки.

изображение диалога

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

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

Подсказка

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

Когда необходимо подтвердить или отменить действия

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

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

  • Перезапись файла
  • Не сохранять файл перед закрытием
  • Подтверждение постоянного удаления файла или данных
  • Приобретение (если пользователь не откажется от требования подтверждения)
  • Отправка формы, например регистрация для чего-то

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

  • Удаление файла
  • Удаление сообщения электронной почты (не окончательно)
  • Изменение содержимого или редактирования текста
  • Переименование файла

Оптимизация для определенных типов входных данных

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