Пример задачи в браузере

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

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

1 · Начните с результата

Дайте точное название, например «Найти неоплаченные заказы», а не просто «Заказы». Объясните, что должно быть сделано заранее: читатель вошёл в систему, имеет доступ к списку заказов и право просматривать нужные данные

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

2 · Записывайте по одному действию на шаг

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

  1. Откройте фильтр

    Нажмите на Фильтр в списке заказов

  2. Выберите неоплаченные заказы

    Выберите Неоплаченные чтобы оставить заказы, которые ещё нужно оплатить

  3. Примените фильтр и проверьте список

    Нажмите на Применить, затем проверьте, что в списке остались заказы с выбранным статусом

Наглядный пример с вымышленными данными · Попробуйте эти элементы в интерактивном демо

3 · Объясните главное

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

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

От устного объяснения к инструкции

Вы говорите: «Так, открываем фильтр… нам здесь нужны только неоплаченные заказы»

В инструкции: «Откройте фильтр, чтобы выбрать неоплаченные заказы»

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

4 · Проверьте инструкцию с позиции читателя

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

Создайте и скачайте свой пример

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

Попробуйте создать инструкцию →