{"id":14276,"url":"\/distributions\/14276\/click?bit=1&hash=721b78297d313f451e61a17537482715c74771bae8c8ce438ed30c5ac3bb4196","title":"\u0418\u043d\u0432\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432 \u043b\u044e\u0431\u043e\u0439 \u0442\u043e\u0432\u0430\u0440 \u0438\u043b\u0438 \u0443\u0441\u043b\u0443\u0433\u0443 \u0431\u0435\u0437 \u0431\u0438\u0440\u0436\u0438","buttonText":"","imageUuid":""}

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

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

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

Диалоги в Duolingo

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

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

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

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

Фильм Начало

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

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

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

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

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

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

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

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

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

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

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

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

Прогресс

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

Что дальше

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

0
40 комментариев
Написать комментарий...
Вениамин Поганкин

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

Ответить
Развернуть ветку
Илья Н
Автор

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

Ответить
Развернуть ветку
Не очень хороший человек

Жыл-Был Илья, рос себе тихонечко и не высовывался, написал статью какую-то на VC, словил себе хейта, муки мучные отмучился, а лучше бы жил себе и не высовывался.

Ответить
Развернуть ветку
Илья Н
Автор

Да ладно, может человек и вправду не понял, что написано, моя вина:)

Ответить
Развернуть ветку
Вениамин Поганкин

не хейт. Я и правда не понял, не хватило какого-то введения, что ли

Ответить
Развернуть ветку
Илья Н
Автор

Приму к сведению, старался меньше писать и больше показывать - не прокатило:)

Ответить
Развернуть ветку
Богдан В.

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

Ответить
Развернуть ветку
Oleg Repin

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

Ответить
Развернуть ветку
Илья Н
Автор

Пока добавили двойной клик)

Ответить
Развернуть ветку
Илья Н
Автор

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

Ответить
Развернуть ветку
Илья Н
Автор

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

Ответить
Развернуть ветку
Влад Светлый

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

Ответить
Развернуть ветку
Илья Н
Автор

Ни в коем случае, мы как и все кто использует вырезки из фильмов в своих приложениях, уведомили об этом Warner Bros и Universal Pictures:)

Ответить
Развернуть ветку
Александр

Этого достаточно?

Ответить
Развернуть ветку
Илья Н
Автор

Надеюсь 🤞

Ответить
Развернуть ветку
Виктор Севастьянов

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

Ответить
Развернуть ветку
Илья Н
Автор

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

Ответить
Развернуть ветку
Мария Воронова

Задержка в развитии — один из самых диких сериалов в истории

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Илья Н
Автор

Заинтриговали! Теперь точно добавим в библиотеку:)

Ответить
Развернуть ветку
Илья Н
Автор

Занесли в список:)

Ответить
Развернуть ветку
Мария Воронова

Он у вас уже есть, после Друзей)

Ответить
Развернуть ветку
Илья Н
Автор

Это цитаты из сериала, а мы можем нарезать аудио диалоги от оттуда и сделать историю или вы сами можете ее сделать:)

Ответить
Развернуть ветку
Jackzavr

Прошел историю. Не понял, почему при нажатии слова, оно не вставляется в предложение. (зачем кликать по слову, а потом по пропуску в предложении?)

Ответить
Развернуть ветку
Илья Н
Автор

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

Ответить
Развернуть ветку
Gre Li

А перетаскивания нет что ли? Почему бы не вставлять в первый пропуск по двойному клику? (Как карточки социальных политик в «Цивилизации 6».)

Ответить
Развернуть ветку
Илья Н
Автор

У нас просто создают большие тексты к ЕГЭ и там замучаешься перетаскивать, но судя по комментариям, нам нужно пересмотреть ux:)

Ответить
Развернуть ветку
Andrey Zhuchkov

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

Ответить
Развернуть ветку
Илья Н
Автор

Я вроде не писал, что мы языковый сервис:( И мы не пытаемся заменить duolingo или яндекс практикум. Мы сервис, с помощью которого создаются интерактивные задания для всех школьных предметов. Нам просто понравился формат и мы расширили наш конструктор. И данный формат можно использовать не только для изучения языков:)

Ответить
Развернуть ветку
Andrey Zhuchkov

ну да, в общем, изучение языков у вас это как часть. Ну Duolingo подковырнуть в заголовке не забыли все равно)) Истории у них был классный формат, проходить было одно удовольствие, даже лучше обычных уровней. Но, кажется, они полностью отказались от этого формата. Касаемо самих скринов представленных у Duolingo и вашей механики для изучения языков — возвращаясь к моему сообщению выше — все не так просто, каким кажется. Они большие фанаты learning by showing, и сейчас сократатили боксы с грамматикой после редизайна пути обучения. Так вот, на скринах совершенно разные вещи представлены при кажущейся похожести.

Ответить
Развернуть ветку
Илья Н
Автор

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

Ответить
Развернуть ветку
Andrey Zhuchkov

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

Ответить
Развернуть ветку
Илья Н
Автор

Не знал этого:) Да, это английский.

Ответить
Развернуть ветку
Andrey Zhuchkov

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

Ответить
Развернуть ветку
Дмитрий Тищенко

Попробовал ваш сервис. Идея хорошая, но мне кажется вам стоит добавить возможность фильтрации контента. Иначе будет очень сложно выбирать что то для обучения. Например в разделе "Изучение языков" карточка "Мир профессий" она к изучению какого языка относится? Или карточка "Сложное предложение"? Нужно потратить время, зайти внутрь и только тогда понять, что эти карточки не имеют отношения к языку который я хочу изучить.

Ответить
Развернуть ветку
Илья Н
Автор

Да, вы правы, нужно расширить фильтры, иначе поиск контента превратится в муку:)

Ответить
Развернуть ветку
Daniyar

Формат классный и интересный, проходится куда веселее и интереснее абстрактных текстов о погоде или работе. (уже тошнит от вымышленных диалогов в приложениях и учебниках)

Ответить
Развернуть ветку
Илья Н
Автор

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

Ответить
Развернуть ветку
Неопознанный Енот

Учу английский, набираю инструментарий. Duolinguo действительно слишком легко, яндекс практикум пока только до B1 дотянулся (пофиг на цены), распиаренный Speak все еще раздает только по инвайтам, в VR совсем пусто. нормальных сервисов нет от слова совсем. Шок - к 2023-му не сделать нормальный сервис в такой нише, просто стыд.
Ваш киктоп ничего в этот салат не добавляет - кошмарный мвп, с нулевой, как мне показалось, полезностью (тестил матрицу). Идея красивая, реализация - шляпа. К большому сожалению вашей аудитории (я готов покупать).
Вы бы хотя бы фильмы выбрали бы нормальные, диалоги которых в реальной жизни применимы и не содержат посторонних шумов (матрицу невозможно слушать вне контекста фильма). Например, catch me if you can содержит диалогов на все случаи жизни, а у вас мультки. Класс.

Ответить
Развернуть ветку
Илья Н
Автор

Мы же не делаем диалоги, мы сделали конструктор, где эти диалоги может создавать каждый. А матрица и мультики это всего лишь примеры:)

Ответить
Развернуть ветку
37 комментариев
Раскрывать всегда