Яндекс практикум был очень дорогим, а Duolingo очень простым — как мы создали FlikTop

Нам очень понравился формат сторителлинга для изучения английского, и мы решили создать свой — FlikTop.

Впервые я увидел этот формат в приложении Duolingo. Для аудирования он оказался намного удобнее, чем просмотр видео на YouTube. Мне понравилось управление и то, что сразу можно проверить себя с помощью интерактивных заданий. Несмотря на мой не очень высокий уровень английского языка (Intermediate) , я быстро прошел самый сложный уровень.

Диалоги в Duolingo

Я начал искать что-то похожее в других сервисах и нашел в яндекс практикуме. Мне понравилось, как они сделали, но не понравились цены, которые они предлагают (6 900 ₽ в месяц🤯) .

Диалоги в яндекс практикуме
Диалоги в яндекс практикуме

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

Идея похожа на вирус, она живуча и крайне заразна. Мельчайшее зёрнышко идеи способно прорасти и либо стать частью тебя, либо уничтожить тебя.

Фильм Начало

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

Яндекс практикум был очень дорогим, а Duolingo очень простым — как мы создали FlikTop

Конструктор сторителлингов

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

Режим Диалога

Активировав этот режим, вы сможете добавить аватарки и аудио к каждому параграфу.

Яндекс практикум был очень дорогим, а Duolingo очень простым — как мы создали FlikTop

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

Режим сторителлинга

Работает очень легко:

  • Вставляете текст, картинки, видео, гифки, pdf, excel, что только ваша душа пожелает — наш конструктор способен переваривать очень много разных форматов.
  • Жмете кнопку — режим сторителинга.
  • И запускаете нажав «на глаз»

В результате каждый абзац появляется при нажатии на кнопку далее.

Медиа библиотека

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

Прогресс

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

Яндекс практикум был очень дорогим, а Duolingo очень простым — как мы создали FlikTop

Что дальше

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

2121
40 комментариев

Удивительная статья! Из неё я узнал, например, что можно добавлять аватарки параграфам, а также сохранить их в панели.
Но, чёрт возьми, я так и не узнал что такое формат сторителлинга!

4

Это повествование в формате истории - прям как на 1 видео в статье:)

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

1

Добавь drag&drop, будет проще и понятнее

Благодарю за отзыв, будем дорабатывать:)

Благодарю за отзыв, будем дорабатывать:)

На очистку авторских прав вы конечно же забили?