Обсудить проект
Разработка электронной образовательной системы с нуля
Кейсы

Разработка электронной образовательной системы с нуля

Компания

Восточно-Европейский институт психоанализа – первая в России площадка, которая дает полноценное психологическое и психоаналитическое образование в онлайн-формате.

Задача

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

Аналитика

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

UX-аналитика

Клиентская разработка

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

Технологии

React

Redux

TypeScript

GitLab CI

Kubernetes

Golang

Terraform

gRPC

Сайт сделан на базе библиотек ReactJS и Redux Toolkit для упрощения работы с состоянием приложения. Реализовано разбиение кода на сегменты, каждый сегмент вызывается тогда, когда он нужен пользователю. Мы используем React Query, чтобы проще организовывать цепочки вызовов API сервисов.

На backend реализовали микросервисную архитектуру. Для разных сервисов используются разные технологии: Go, PHP, Node.js. Микросервисы на Go используют gRPC и применяют многопоточность. В качестве хранилища данных используется PostgreSQL.

Идея

Отказаться от старой онлайн-платформы, которая не покрывает все потребности клиента. Разработать новую кастомную панель управления и реализовать сложную систему связей между студентами, преподавателями и методистами.

Идея

UX-аналитика онлайн-платформы ВЕИП

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

Много действий для выполнения рутинных задач

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

Много лишних функций, они мешают работать

Есть функционал, который вообще не используется. Ненужные элементы дизайна рассеивают внимание, интерфейс малоинформативен.

Нужные функции отсутствуют

В чате нельзя прикреплять файлы и ссылки. Нет возможности сформировать сводную ведомость. Функционал календаря недостаточный.

Сложно воспринимать систему

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

Часто возникают технические ошибки

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

Путешествие в Санкт-Петербург

Отправились к клиенту, чтобы погрузиться в атмосферу института. Мы приобщились к ценностям компании, вместе с клиентом сформировали бэклог проекта и приоритизировали задачи, провели ретроспективу и UX-тестирование нового дизайна.

Минималистично и доступно

В разделе «Обучение» студент видит все, что ему нужно – актуальные и завершенные курсы, задолженности. Для каждой дисциплины создана отдельная карточка, отображающая важные подробности – оценку и процент усвоения материала.

veipEducation

На прошлой платформе чатом были недовольны все категории пользователей. Новый чат позволяет общаться со студентами, написать преподавателю и методисту. Здесь можно обмениваться файлами и использовать эмодзи. Уведомления сообщают обо всех обновлениях – дисциплины, мероприятия, задания для студента; новые контрольные, назначенные курсы и прочие материалы для преподавателя.

veipChat

В «Моей зачетке» содержится информация, которая поможет оценить текущую успеваемость и прогресс студента: семестры, название предмета, форма контроля, оценка. К зачетке имеют доступ студенты и методисты.

veipRecordBook

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

veipTeachingm

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

veipReadOnPlatform

В календаре показана исчерпывающая информация о мероприятиях – тема вебинара, дисциплина и имя ведущего преподавателя.

veipCalendar

Для Методиста

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

veipNewCourse

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

veipFirstStream

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

veipSubscribe
veipMobile

Мобильная версия

Если нужно пройти тест, проверить контрольную или добавить новый курс, не обязательно использовать ПК. Все функции, которые есть в десктопе, есть и в мобильной версии.

veipYellow