Mobile Instructions

Учебные наложения и отметки тренера для мобильных приложений

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

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

Короткие, целенаправленные советы

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

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

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

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

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

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

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

Избегайте цепочек советов

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

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

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

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

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

Используйте визуальные эффекты, когда это возможно

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

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

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

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

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

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

Приложение для iPad Wimbledon: некоторые пользователи не понимали, что это наложение подсказок, и ожидали, что смогут взаимодействовать с ним.

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

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

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

Сохраняйте подсказки доступными для сканирования и разреженными

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