Онлайн-тренажёр разговорных навыков на английском языке
ЗадачаЗаказчик, автор идеи и инвестор, обратился к нам, чтобы реализовать онлайн-тренажёр для занятия разговорным английским языком. Откуда взялась сама идея? Сейчас расскажем.
Миссия и задачи клиента
Клиент заметил, коллектив не владеет разговорным профессиональным английским, а его изучение даётся сложно. Он вспомнил своё обучение в университете Англии, в частности, дебаты двух спикеров, эмоционально обсуждающих повестку встречи. Вот так и пришла идея, которая переросла в миссию — предоставить возможность общаться на английском языке на интересующие темы в любое удобное время.
Когда мы говорим о том, что действительно интересно, слова сами выплывают из дальних уголков памяти. Мы перестаём акцентироваться на грамматических конструкциях, мы сосредоточены на мысли, которую хотим донести. Это переводит наши языковые навыки из пассивных в активные. Иностранный язык становится инструментом общения, а не тяжёлым багажом.
Название сервиса
Название SayAnyway «лежало на поверхности». При помощи перебора свободных ключевых слов домена ».com» нашли идеальную комбинацию из «say» и «anyway». Если перевести на русский, получится фраза «сказать в любом случае», которая передаёт суть всей задумки.
Решение задач
После этапа аналитики мы перешли к реализации веб-сервиса для развития навыков неформального общения. Перед нами встала задача объединения нескольких целевых аудиторий в одном месте. Требовалось разработать такой онлайн-тренажёр, который бы объединил начинающих спикеров и профессиональных преподавателей-модераторов.
Начинающие спикеры, студенты
Перед тем как разработать что-то и для кого-то, мы задались вопросом: «что же объединяет людей с уровнем знания английского B1 и выше?». Наша команда обратились к человеческому опыту. В результате сформулировали гипотезу — из-за отсутствия должного уровня дисциплины и достаточной мотивации классическое изучение английского в школе основном малоэффективно. Особенно если хочется улучшить именно навыки разговорного английского.
Представим стандартную ситуацию. Опытный студент приостанавливает обучение с одним преподавателем, отыскав тысячи причин, которые его оправдывают. Через некоторое время берёт волю в кулак, находит другого. И вот они вместе снова проходятся по всем излюбленным Present Simple и Present Continuous. Гиперболизировано, но жизненно.
Нам с клиентом требовалось найти совершенно другой подход — заинтересовать и удержать жаждущих знаний. Так мы пришли к формату дискуссий на заранее сформированные темы. Модератор фасилитирует встречу и делится рекомендациями после. На экране студентов появляются подсказки, «раскачивающие» словарный запас, вокруг участников находятся такие же заинтересованные ученики. Нравится тема юмора? Пожалуйста. Абсурд, котики или вопрос отношений? Всё это есть в SayAnyway.
Моделирование реальных ситуаций. В зависимости от выбранных тем воссоздаются определённые условия. Например, для группы учеников, состоящей из менеджеров по продажам, модератор моделирует переговорный процесс между клиентом и специалистом. Дискуссия, отработка возражений, презентация продукта — всё как в реальности, но на английском языке.
Подсказки и помощь модератора. Для большей уверенности участников встреча сопровождается релевантными подсказками на экране, которые предварительно составляются модератором. Также в случае необходимости преподаватель может вмешаться в процесс и поддержать говорящего.
Обширный список тем занятия. У студентов онлайн-тренажёра нет ограничений по выбору тем. Кто часто путешествует, у того предметом разговора будет отдых, отпуск и свойственное этому времяпрепровождению. Если кто-то желает обсудить актуальное, например беспилотные автомобили или озеленение городов, можно инициировать встречу на завтрашний день, договориться об этом с преподавателем. SayAnyway — это более 20 тем и возможность предложить свою.
Индивидуальное домашнее задание. По итогам урока каждый спикер получает на электронную почту файл с индивидуальными рекомендациями модератора. В них содержится всё, на что необходимо обратить внимание студенту: советы по использованию грамматических и лексических конструкций, корректировки произношений.
Индивидуальные занятия. Спикер SayAnyway может записаться на индивидуальное занятие. Эта возможность востребована, например, когда студент всё ещё не обладает достаточными навыками для групповых занятий или не преодолел языковой барьер.
Отмена и перенос встреч. Студент может отправить запрос на перенос встречи в личном кабинете. Модератор и остальные участники встречи должны согласовать предложение — проголосовать за или против. Встреча переносится только в том случае, если согласны все стороны.
Профессиональные преподаватели, модераторы
Другая сторона онлайн-тренажёра SayAnyway — профессиональные преподаватели, которые проводят дискуссии, комментируют высказывания спикеров, дают индивидуальные рекомендации. И это тоже люди, для которых нужно было придумать своё уникальное предложение. Было принято решение остановиться на следующих фичах.
Независимость. Модераторы самостоятельно определяют стоимость встреч и получают оплату от спикеров напрямую. Также без каких-либо рамок согласовывают удобные дату и время встреч только со спикерами, формируют группы, разрабатывают сценарии уроков.
Актуальный контент. Веб-сервис содержит обширную базу с актуальным контентом, который предназначен для проведения встреч. Преподаватели могут использовать подготовленные сценарии или создавать свои по аналогии.
Профиль — визитная карточка модератора. Ничего лишнего. Самую необходимую информацию модераторы оставляют в своём профиле — фото, ФИО, возраст, стоимость занятий, популярные темы встреч. Также в этом же разделе отображается рейтинг преподавателя.
Личный кабинет. Нам удалось реализовать интуитивно понятный интерфейс. В личном кабинете модераторы могут планировать групповые или индивидуальные встречи, отмечать доступное время, получать и отправлять уведомления об изменении в расписании, отслеживать процесс набора группы, использовать справочник тем или создавать свои.
Дизайн веб-сервиса и личного кабинета
Этап проектирования UX/UI-дизайна начали с аналитики. Были изучены косвенные конкуренты, определена необходимая функциональность и подготовлены вайрфреймы. На основе референсов, графического брифа, обратной связи клиента и ТЗ был сформирован прототип. После согласования итогового дизайна с заказчиком подготовили макеты и подходящий фотоконтент для наполнения SayAnyway.
Отметим самое главное — работу над дизайном видеоконференций. Проведение видеоуроков в SayAnyway — одно из самых главных конкурентных преимуществ. Требовалось связать дизайн с вёрсткой, и всё это с интерактивными подсказками.
В результате получилось реализовать страницу видеоконференции и публичную часть онлайн-платформы.
Простота и понятность
Целевая аудитория сервиса — люди разных возрастов и национальностей. Поэтому весь дизайн-макет мы построили на простых и понятных блоках без больших объёмов текста, сложных конструкций и вложенностей.
Мы намеренно избегали перегруженных визуальных образов, иллюстраций и иконок. Основная графическая составляющая SayAnyway — максимально живые и непринуждённые фотографии людей, взаимодействующих с сервисом.
Результаты
Мы разработали онлайн-тренажёр для развития разговорных навыков английского языка. Он помогает убрать препятствия — языковые барьеры, которые мешают начать свободно говорить по-английски.
Стек технологий и интеграции
Figma, Adobe Photoshop, CSS3, HTML5, JavaScript (Vue.js), Laravel 7.x, PHP 7.3, PostgreSQL 13.x, Redis, WebSockets, JitsiMeet, Yandex Сloud, Docker, JQuery, Robokassa, PayPal.
Перейти на сайт
Полный текст статьи читайте на CMS Magazine
