В современном мире знание иностранных языков, в особенности английского и китайского, является необходимым условием для успешной профессиональной реализации и дальнейшего карьерного роста. Традиционные формы обучения не всегда отвечают запросам целевой аудитории, привыкшей к интерактивному и мультимедийному контенту [2]. Согласно опросу, проведённому среди студентов Профессиональное образовательное учреждение «Уральский региональный колледж» (УРК) и Образовательное учреждение высшего образования «Южно-Уральский технологический университет» (ЮУТУ), 80% респондентов заинтересованы в создании специализированной веб-платформы для изучения языков, при этом 68,4% положительно относятся к геймификации, а 89,5% хотели бы видеть короткие видео с объяснением грамматики.
Целью данного исследования является разработка концепции пользовательского интерфейса и архитектуры веб-платформы, учитывающей выявленные потребности и специфику двух типологически разных языков.
Объектом исследования выступают процессы проектирования пользовательских интерфейсов для дистанционного обучения. Предмет исследования составляют методы UI/UX-дизайна и архитектурные решения при создании цифровой образовательной платформы для изучения английского и китайского языков.
Методология исследования основана на сочетании количественных и качественных методов. В работе использовались:
- сравнительный анализ платформ-аналогов (Lingualeo, Duolingo, HelloChinese) по критериям геймификации, глубины проработки языка и удобства интерфейса;
- анкетирование студентов УРК и ЮУТУ с использованием Google Forms;
- прототипирование интерфейса в среде Figma;
- формализация технического задания на разработку платформы.
Эмпирическую базу исследования составили результаты анкетирования 75 студентов. Опрос был направлен на выявление предпочтений обучающихся в отношении форматов контента, визуального оформления, элементов геймификации и функциональных особенностей цифровой образовательной среды. Полученные данные позволили определить наиболее значимые требования к будущей платформе и использовать их как основу для проектных решений.
На первом этапе исследования был проведён сравнительный анализ цифровых решений. Анализ показал, что Lingualeo располагает развитой медиатекой и широкими возможностями для изучения английского языка [7], однако недостаточно адаптирован для китайского. Duolingo демонстрирует высокий уровень геймификации и мотивационного сопровождения [6], но характеризуется ограниченной глубиной грамматической проработки. HelloChinese [5], напротив, ориентирован именно на китайский язык и эффективно реализует обучение иероглифике, фонетике и тонам, однако значительная часть его функционала доступна только в платной версии. Таким образом, было установлено, что ни одна из рассмотренных платформ не объединяет в одном решении мультимедийность, геймификацию, глубокую языковую специализацию и адаптацию под образовательные потребности конкретной студенческой аудитории.
На втором этапе было проведено анкетирование студентов. Результаты показали, что наиболее востребованными форматами являются короткие видеоматериалы с объяснением грамматики, адаптированные фильмы и обучающие мини-игры. Существенная часть респондентов положительно оценивает элементы геймификации (ссылка на опрос https://clck.ru/3SyNz8). При этом для обучающихся также важны минималистичный дизайн, логично структурированная подача информации и возможность переключения между светлой и тёмной темами интерфейса. Установленные предпочтения позволили сделать вывод о необходимости проектирования платформы, сочетающей образовательную функциональность и современный пользовательский опыт.

Рисунок 1. Диаграмма с предпочтительными форматами контента
На третьем этапе на основе выявленных потребностей была разработана структурно-функциональная модель платформы «Hinivet». Архитектура платформы предполагает последовательную пользовательскую логику: выбор языка, выбор уровня подготовки, переход к тематическим модулям. В числе базовых модулей выделены «Фильмы», «Игры», «Словарь», «Книги» и «Уроки». В среде Figma были созданы прототипы главной страницы, страницы просмотра фильма с интерактивным плеером, а также страницы словаря с поддержкой китайской иероглифики и пиньиня (табл. 1).
Таблица 1.
Выявленные образовательные потребности студентов
и соответствующие требования к веб-платформе
|
Категория требований |
Выявленная потребность |
Требование к платформе |
|
Обучение на основе фильмов |
Интерес к фантастике (63,2%), короткие видео (89,5%) |
Встроенный плеер с субтитрами и переводом по клику |
|
Игровые методики |
Положительное отношение к геймификации (68,4%) |
Система баллов, уровней, тренажер тонов и иероглифов |
|
Дизайн и интерфейс |
Переключение тем (47,4%), минимализм (57,9%) |
Адаптивный интерфейс с тёмной/светлой темой |
Дополнительно было сформировано техническое задание на реализацию платформы. В качестве базового технологического стека предложены Django для серверной части, MySQL для хранения данных и HTML/CSS/JavaScript для клиентской части. Для работы с видеоконтентом предусмотрено использование специализированного плеера с возможностью интерактивного взаимодействия с субтитрами. Разработка платформы предлагается поэтапно, начиная с MVP-версии, включающей ключевые модули, наиболее востребованные среди пользователей [3][1].
Результаты исследования подтверждают, что цифровая образовательная платформа для изучения английского и китайского языков должна проектироваться не только как технологический продукт, но и как педагогически обоснованная среда. Полученные данные показывают, что студенты ориентированы на короткие, визуально насыщенные и интерактивные форматы обучения. Особенно значимыми для них являются видеоконтент, игровые механики и понятная навигация. Это свидетельствует о смещении образовательного запроса в сторону гибких, мультимодальных форматов, способных поддерживать устойчивую мотивацию в процессе изучения языков.
Разработанный прототип платформы «Hinivet» отвечает выявленным требованиям и демонстрирует возможность объединения в одном решении различных форм учебной активности. Важным результатом является ориентация платформы сразу на два языка с разной лингвистической природой. Это требует особого внимания к логике интерфейса, структуре контента и способам его представления. В частности, при проектировании среды для китайского языка необходимо учитывать работу с иероглифами, транскрипцией и фонетикой, тогда как для английского более значимы контекстуальные формы предъявления материала, аудиовизуальная поддержка и лексико-грамматическая вариативность.
Практическая ценность разработанного решения заключается в том, что оно может служить основой для дальнейшей программной реализации платформы в образовательной организации. В отличие от универсальных коммерческих сервисов, предлагаемая модель изначально ориентирована на конкретную аудиторию и её образовательные запросы. Тем самым повышается вероятность того, что платформа будет востребована в реальном учебном процессе и сможет выполнять как обучающую, так и мотивационную функцию.
В ходе исследования была достигнута поставленная цель — разработана концепция пользовательского интерфейса и архитектуры веб-платформы для изучения английского и китайского языков с учётом потребностей студентов. Проведённый анализ существующих цифровых решений позволил определить их сильные и слабые стороны, а результаты анкетирования выявили наиболее значимые запросы целевой аудитории. На этой основе были сформированы требования к функционалу, структуре и дизайну будущей платформы.
Разработанные архитектурная модель, интерфейсные прототипы и техническое задание позволяют рассматривать платформу «Hinivet» как перспективное проектное решение, готовое к следующему этапу — программной реализации. Перспективы дальнейшей работы связаны с внедрением инструментов персонализации, включая технологии искусственного интеллекта, адаптивные сценарии обучения и средства автоматизированной речевой практики.
Список литературы
- Веб-разработка: для чего нужна, необходимые языки и особенности / Blog.skillfactory.ru. [Электронный ресурс]. URL: https://blog.skillfactory.ru/web-razrabotka/ (дата обращения: 04.03.2026)
- Лучшие приложения для изучения китайского языка в 2024 году / Bamboo-bridge.ru. [Электронный ресурс]. URL: https://bamboo-bridge.ru/blog/tpost/7uxntbu031-luchshie-prilozheniya-dlya-izucheniya-ki (дата обращения: 04.03.2026)
- Плетнев А.В. Выбор технологического стека для IT-проекта // Интернаука. 2021. № 36 (212). С. 6-13. DOI 10.32743/26870142.2021.36.212.303217. EDN KFNRZY
- Программа для изучения английского языка лингво лео. Особенности изучения английского языка с Лео / Goaravetisyan.ru. [Электронный ресурс]. URL: https://goaravetisyan.ru/programma-dlya-izucheniya-angliiskogo-yazyka-lingvo-leo-osobennosti-izucheniya/ (дата обращения: 04.03.2026)
- Hellochinese – Learn Chinese / Hellochinese.cc. [Электронный ресурс]. URL: https://www.hellochinese.cc/ (дата обращения: 04.03.2026)
- Improved courses on Duolingo / Blog.duolingo.com. [Электронный ресурс]. URL: https://blog.duolingo.com/improved-courses-on-duolingo/ (дата обращения: 04.03.2026)
- Lingualeo / ru.wikipedia.org [Электронный ресурс]. URL: https://ru.wikipedia.org/wiki/lingualeo (дата обращения: 04.03.2026)


