May 24, 2023

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

Интересные решения часто приходят из других отраслей. Не так давно мы писали о том, как проектировать схемы на «космическом» языке ДРАКОН. Сегодня расскажем об инструменте из сферы писательства.

Twine — это бесплатная программа для написания интерактивной литературы. С её помощью создают текстовые игры, образовательные программы и визуальные новеллы. Дизайнеры разговорных продуктов могут использовать Twine для проектирования и тестирования сценариев ботов.

Ограничения

Перед тем, как начать, зафиксируем два важных аспекта:

  1. Twine — не конструктор ботов. Созданный в нём сценарий можно сохранить в HTML-файл, но нельзя интегрировать в мессенджеры.
  2. Twine не подходит для совместной работы. В нём нельзя оставлять комментарии или одновременно работать над сценарием.

Интерфейс

Внешне Twine похож на Miro или Draw.io: те же карточки, соединенные стрелками. Начало схемы выделяется зеленым маркером, а заголовки на карточках помогают ориентироваться в блоках текста. На этом их сходство заканчивается.

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

Проектирование сценариев

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

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

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

Twine поддерживает JavaScript и несколько форматов (story format), каждый из которых использует собственный язык. С их помощью, например, можно добавить в сценарий переменные:

Тестирование сценария

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

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

Применение

Twine — удачное решение для проектирования последовательных сценариев. В нём можно быстро собрать прототип диалога с несколькими вариантами запросов пользователя и тут же протестировать его на удобство. В Twine удобно работать с большими объемами текста — в карточках можно хранить варианты реплик бота и искать в них ошибки с помощью режима вычитки.

Преимущества:

  • наглядность и легкость освоения;
  • комфортная работа с текстом;
  • удобные режимы тестирования и вычитки;
  • можно работать оффлайн;
  • бесплатно и с открытым кодом

Недостатки:

  • нет функций для командной работы;
  • нет интеграций с мессенджерами и другими сервисами;
  • нет сохранений «в облаке»;
  • подходит только для древовидных сценариев.

Twine можно бесплатно скачать с GitHub или запустить в браузере.

Кирилл Богатов, дизайнер разговорных продуктов KODE