Блог

Инструкция для клиента из одной записи экрана

Автор InSnap · Опубликовано · поддержка клиентов, инструкции, документация, запись экрана

Инструкция для клиента из одной записи экрана

Запишите задачу один раз и превратите её в инструкцию для клиента: какие шаги оставить, что скрыть и в каком формате экспортировать.

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

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

Записывайте задачу, а не объяснение

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

Две привычки сильно упрощают последующую правку:

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

Остановите запись, когда задача выполнена. Всё после этого — редактирование, и оно быстрее, чем записывать больше.

Вычистите запись до того, как напишете хоть слово

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

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

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

ЗАПИСЬ ЗАДАЧИ ПО ШАГАМ

Пишите заголовки, которые можно просмотреть глазами

Заголовки по умолчанию берутся из элемента, по которому кликнули: хорошая отправная точка, но плохой финальный вариант. «Кнопка Сохранить» ничего не говорит читателю о том, зачем он сохраняет.

Перепишите каждый заголовок как инструкцию:

По умолчаниюЛучше
СохранитьСохраните черновик перед изменением прав
НастройкиОткройте «Аккаунт и Pro»
КликВведите код активации из письма

И наоборот: примечание под каждым шагом должно объяснять то, чего не видно на снимке экрана — что произойдёт дальше, каким должно быть значение, что делать, если кнопка неактивна.

Редактирование заголовков и примечаний

Скройте лишнее до того, как инструкция покинет ваш компьютер

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

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

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

РАЗМЫТИЕ ОДНОЙ ОБЛАСТИ НА ВСЕХ ШАГАХ

Добавьте структуру, которая нужна читателю

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

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

Затем экспортируйте в формате, который читатель действительно откроет. Для клиента это обычно PDF. Для внутреннего регламента — Markdown в репозитории. Для обучающей презентации — PowerPoint.

Добавление подшагов и врезок

Отправляйте инструкцию, а не запись

Запись нужно смотреть; инструкцию можно просмотреть по диагонали и найти поиском. Когда цель — «клиент должен справиться сам», инструкция лучше: а снимки экрана делают её удобной во время звонка в поддержку, где смотреть видео неудобно.

Запись стоит оставить, если в задаче есть движение — перетаскивание, анимация, последовательность, которую понятнее показать в динамике. В остальных случаях инструкция её заменяет.

Частые вопросы

Можно ли записать инструкцию и отредактировать её позже?

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

Как не допустить, чтобы данные клиента попали в инструкцию?

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

В каком формате отправлять инструкцию клиенту?

PDF для клиентов и всех, кто вне компании. HTML для собственной справочной страницы, Markdown для репозитория, Word или PowerPoint для обучающих материалов. Во всех форматах одни и те же шаги и изображения.

Записанная инструкция лучше написанной?

Для всего, что происходит на экране, — да: снимок снимает неоднозначность «нажмите кнопку справа». Письменные инструкции по-прежнему лучше подходят для правил, предыстории и всего, что не является кликом.

Как сделать пошаговую инструкцию, записав экран

Превратите задачу в инструкцию со скриншотами и заголовками — просто выполните её один раз. Запись, правка шагов и экспорт в PDF, Word, PowerPoint, HTML или Markdown.

Как превратить запись экрана в регламент для команды

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

Как оформить сессию поддержки скриншотами и короткими записями

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

Делитесь скриншотом ссылкой, а не вложением

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

Следующий скриншот — в одном сочетании клавиш.

macOS 14.4+ (Apple Silicon и Intel) · Windows 10+ (64-разрядная)