Московская школа программистов

Интерфейсы системы обучения

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

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

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

Чем я занимался?

• Проектировал интерфейсы для детей и их родителей, преподавателей, методистов, администраторов;

• Общался со стейкхоледрами, разработчиками и проджект-менеджерами;

• Общался с пользователями с обеих сторон. Со стороны продукта – интерьвью и коридорные тесты. Со стороны пользователя – интервью и опросы.

Результаты работы  


• UI приведен к единому виду. Создан UI-кит и гайды использования. Всё на компонентах, автолейауте, переменных и прочих фишках Фигмы. Кит у разработчиков отражен в репозитории и сторибуке. Можно сказать, создана полноценная дизайн-система;

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

• Добавлена куча новых фичей. Для пользователей с обеих сторон.

Московская школа программистов — Изображение №1 — Интерфейсы на Dprofile
Московская школа программистов — Изображение №2 — Интерфейсы на Dprofile
Московская школа программистов — Изображение №3 — Интерфейсы на Dprofile
Московская школа программистов — Изображение №4 — Интерфейсы на Dprofile
Московская школа программистов — Изображение №5 — Интерфейсы на Dprofile
Московская школа программистов — Изображение №6 — Интерфейсы на Dprofile
Московская школа программистов — Изображение №7 — Интерфейсы на Dprofile
Московская школа программистов — Изображение №8 — Интерфейсы на Dprofile
Московская школа программистов — Изображение №9 — Интерфейсы на Dprofile
Московская школа программистов — Изображение №10 — Интерфейсы на Dprofile
Московская школа программистов — Изображение №11 — Интерфейсы на Dprofile
Московская школа программистов — Изображение №12 — Интерфейсы на Dprofile
Московская школа программистов — Изображение №13 — Интерфейсы на Dprofile
Московская школа программистов — Изображение №14 — Интерфейсы на Dprofile
Московская школа программистов — Изображение №15 — Интерфейсы на Dprofile
Оценить
Добавить в коллекции...

От автора