Инструкции по пользовательскому интерфейсу

Статья
06/14/2024

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

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

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

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

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

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

Хороший учебный пользовательский интерфейс является актуальным и образовательным для пользователя и улучшает взаимодействие с пользователем. Значения должны быть следующими:

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

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

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

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

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

Примеры обучающего пользовательского интерфейса

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

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

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

Перед После