Руководства по разработке инструктивного пользовательского интерфейса

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

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

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

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

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

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

Вот несколько примеров, в которых инструктивный интерфейс поможет вашим пользователям:

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

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

  • Создание эффектного первого впечатления. Инструктивный пользовательский интерфейс — один из способов продемонстрировать новому пользователю возможности вашего приложения. Например, при первом запуске приложения "Киностудия" в интерфейсе отображается приглашение приступить к созданию фильмов.

    Экран запуска для приложения “Киностудия”

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

    Фрагмент снимка экрана для приложения “Почта” в Windows с сообщением инструктивного пользовательского интерфейса

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

    ДоПосле
    Снимок экрана приложения “Почта” в WindowsСнимок экрана приложения “Почта” в Windows с увеличенным всплывающим элементом “Параметры”

     

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

Принципы проектирования инструктивного пользовательского интерфейса

  • Простота. Познакомьте пользователя с основными понятиями по очереди, а также по возможности используйте изображения. Рекомендуется добавить раздел "Справка" во всплывающий элемент Параметры приложения Магазина Windows и подробно описать там сложные компоненты приложения.
  • Инструкции в контексте. Интегрируйте инструктивный пользовательский интерфейс в задачу, к которой он относится. Пользователю будет проще усвоить понятие, если оно представлено в контексте задачи.
  • Сохранение возможности взаимодействия. Предоставьте пользователям возможность продолжать работать с содержимым приложения, когда инструктивный пользовательский интерфейс отображается на экране. Инструктивный интерфейс должен помогать пользователям, а не раздражать их.
  • Своевременное скрытие подсказок. Скрывайте элементы инструктивного пользовательского интерфейса, как только они теряют свою актуальность, или дайте пользователю возможность закрыть их. В большинстве случаев инструкцию для пользователей нужно показывать лишь однажды. Не показывайте один и тот же элемент интерфейса несколько раз.
  • Рациональное использование. Продуманный дизайн и раздел "Справка" часто позволяют пользователям освоить все, что нужно для работы с приложением. Изучите разнообразные варианты дизайна, прежде чем добавить инструктивный пользовательский интерфейс в свое приложение.

Связанные разделы

Для дизайнеров
Элементы управления
Руководство по справке приложений
Для разработчиков (XAML)
Создание пользовательского интерфейса (C#, C++, VB)
Для разработчиков (HTML)
Создание пользовательского интерфейса (JavaScript)

 

 

Показ:
© 2015 Microsoft