Интеграция мобильного широкополосного приложения с другими компонентами Windows

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

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

Этот раздел состоит из следующих подразделов.

• Параметры приложения

• Ошибка взаимодействия с пользователем

• Представления приложений

• Точки запуска

• Плитки и всплывающие уведомления

• Заставки

• Краткая сводка

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

Параметры приложения

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

• Функции входа и выхода

• Просмотр и изменение профиля пользователя

• Изменение адреса выставления счетов

• Просмотр и изменение способов оплаты

• Просмотр и настройка маркетинговых настроек

Ошибка взаимодействия с пользователем

Общие

Ваше мобильное широкополосное приложение может иметь ряд случаев ошибок, с которыми следует обращаться корректно. Ниже приведены некоторые распространенные примеры.

• Устройство отсутствует или отключено Появляется, когда отсутствует или отключается устройство, например SIM-карта или аппаратный ключ.

• Заблокированное устройство Появляется, когда подключенное устройство заблокировано для пользователя.

• Потеряно подключение к Интернету Отображается, если сетевое подключение не обнаружено.

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

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

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

Ошибки при использовании данных

Следующие случаи ошибок должны отображаться на странице обзора следующими способами:

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

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

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

• Международный роуминг: укажите роуминг в нижней части раздела сводки.

Представления приложений

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

• Альбомная

• Книжная

• Параллельно с другим приложением

• Заполнены

• Клавиатура вверх

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

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

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

Точки запуска

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

Запуск из Windows диспетчер подключений

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

Автоматический запуск из диспетчера соединений во время процесса покупки на портале captive

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

Запуск приложения с плитки в представлении "Все приложения"

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

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

Плитки и всплывающие уведомления

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

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

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

Заставки

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

Краткая сводка

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

• Используйте всплывающие уведомления и уведомления на плитках, чтобы оповещать пользователей о важных и важных сообщениях, связанных с учетной записью и планом обслуживания подписчика.

• Настройте цвета фона всплывающего уведомления и плитки, а также логотип в соответствии с рекомендациями по фирменной символике.

• Включите важные уведомления оператора SMS или USSD и оповещения, связанные с учетной записью и планом обслуживания подписчика, непосредственно на целевой странице.

Несоответствующее оформление уведомлений оператора:

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

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

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

• Работа с плитками, индикаторами событий и всплывающих уведомлений

• Рекомендации и контрольный список для всплывающих уведомлений

Связанные темы

Проектирование пользовательского интерфейса мобильного широкополосного приложения