UX/UI дизайн электронной платформы контроля учебной деятельности для СибАДИ

СибАДИ — инновационно-ориентированный, отраслевой вуз в сфере транспорта и строительства — Государственное образовательное учреждение “Сибирская государственная автомобильно-дорожная академия” (СибАДИ).

анализ

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

дизайн

платформа

сервис

образование

figma

«СибАДИ» – инновационно-ориентированный, отраслевой вуз в сфере транспорта и строительства.

Задача

Разработать для СибАДИ гибкую и масштабируемую электронную платформу контроля учебной деятельности, которая будет выгодно выделяться на фоне существующего конкурентного решения и выполнять нужды академии.

О проекте

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

Интеграция с общероссийской системой учёта учебной деятельности «Деканат»

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

Профилем можно делиться с помощью URL — ссылки. Студент может что‑то скрыть в портфолио, если ему важнее отобразить определённую область своей деятельности.

Анализ и UX

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

Студент может отслеживать свою успеваемость и делиться результатами и формировать резюме для работодателя

Преподаватель получает доступ к отчётности по своим группам и может модерировать курсовые и дипломные работы

Сотрудники деканата контролирует работу преподавателей, имеет доступ к аналитике и достижениям

В процессе работы мы спроектировали:

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

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

коммерческий директор

Андрей Титов

Спроектировали функционал Аудитора для контроля заполнения портфолио на своём уровне управления (для заведующего кафедрой — на уровне кафедры, для декана — на уровне всего факультета)

Функционал системы

Дизайн и UI

Оформление и стиль

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

Цветовое и шрифтовое оформление

Личный кабинет студента

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

Вход в личный кабинет

Вход в систему осуществляется с помощью пароля и логина, генерируемых руководством ВУЗа. Доступы предоставляются при поступлении студента и отображают данные о его учебной деятельности с момента первого занятия и до окончания учебы.

Вход в систему

Личный кабинет

На странице указана кафедра, факультет, дата поступления и окончания учебы, ID студента, контактная информация.  По желанию студент может заполнять подробную информацию о себе и даже добавить свои соцсети.

Результат

Мы разработали для СибАДИ дизайн электронной платформы, представляющий из себя внутренний портал, доступ к которому имеют все участники процесса обучения: студенты, преподаватели, сотрудники деканата, ректорат и т.д.

Цель портала — отображать сведения об успеваемости студента и его успехах во внеучебной деятельности.

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