Как сделать обучающее видео для одной пользовательской задачи

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

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

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

Создание канала — полезный пример, поскольку выбор видимости меняет результат: два человека могут выполнить почти одинаковые щелчки и создать совершенно разные пространства для работы.

Выбирайте задачу по результату, а не по пункту меню

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

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

Сформулируйте условие успеха в наблюдаемых терминах. «Пользователь понимает каналы» трудно проверить. «Пользователь может найти новый канал и определить, открытый он или закрытый» — конкретно. Автор может записать нужные состояния, а проверяющий — увидеть, доходит ли до них видео.

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

Что явно обозначает инструкция Slack по каналам

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

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

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

Если условие нетипичное, покажите, как его распознать. «Нужны соответствующие права» менее полезно, чем объяснение того, что увидит аккаунт с ограничениями и где запросить доступ. Цель — предотвратить предсказуемый тупик, а не изложить все административные правила в первой сцене.

Запишите реальную задачу до написания отточенного дикторского текста

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

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

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

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

Сделайте решения понятными до подтверждения выбора

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

В видео о канале проекта момент выбора можно объяснить так: «Выберите Private, если канал должны видеть только приглашённые». Интерфейс должен оставаться неподвижным, пока человек осмысляет фразу. Если видео сразу переходит к следующему экрану, зритель может запомнить щелчок, но упустить его причину.

Покажите выбранное значение, затем последствие, подтверждающее его смысл. Например, обозначение видимости, список участников или состояние общего доступа. Декоративная галочка с «Готово» — более слабое доказательство: она не объясняет, что именно сделано. Конечное состояние должно отвечать на вопрос, возникший при выборе.

Не преподносите произвольные значения примера как правила. Название канала «launch-team» полезно для непрерывности, но зрителю нужно понимать, что название он выбирает сам. Различайте текст для точного копирования и текст для иллюстрации. Иначе тщательно сделанная запись научит воспроизводить демоданные вместо решения собственной задачи.

Не оставляйте курсор единственным преподавателем

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

Обозначайте значимые действия голосом или видимым пояснением. «Откройте Channel settings» понятнее, чем «Нажмите здесь». Точный глагол и объект выдерживают различия размеров экрана и помогают тому, кто не может пристально следить за курсором. Они также делают расшифровку полезнее.

Между субтитрами и поясняющими подписями есть важное различие. Субтитры передают значимый звук. Надпись «Закрытый канал» объясняет визуальный выбор. Они могут сосуществовать, но им нужно отдельное место. Если обе занимают одну нижнюю полосу, сам интерфейс становится трудно читать.

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

Дайте каждой сцене достаточно контекста для применения

Крупный план делает подпись читаемой, но может сделать её положение неузнаваемым. Полноэкранная запись показывает расположение, но все подписи становятся слишком мелкими. Решение — осознанная связь этих двух видов.

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

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

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

Задача в трёх сценах

Для вымышленного продукта с общим рабочим пространством задача превращается в раскадровку из трёх сцен:

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

Обработайте развилки, не превращая фильм в справочник поддержки

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

Оставьте основной фильм на одном объявленном пути. Например: «В этом примере создаём закрытый канал в настольной версии». Упомяните развилку в момент её актуальности: «Если рабочее пространство ограничивает это действие, обратитесь к администратору». Связанное текстовое дополнение объяснит варианты для разных аккаунтов, не прерывая каждого зрителя.

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

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

Завершайте состоянием, которое зритель сможет узнать снова

Создание не обязательно закончено, когда закрывается диалог. Ученику ещё может понадобиться найти объект, проверить настройки или понять, как вернуться к нему позже. Выберите финал, который закрепит результат в его представлении о продукте.

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

Полезная финальная фраза: «Закрытый канал теперь появился в боковой панели; откройте сведения о нём, чтобы проверить доступ». Сравните с «Всё готово». Первая фраза даёт наблюдаемый результат и действие проверки. Вторая успокаивает, но не помогает обнаружить ошибку.

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

Проверьте видео попыткой повторить действия

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

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

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

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

Учитывайте обновление материалов при решении о записи

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

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

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

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