School 21
Платформа администратора 2.0
О проекте
Администраторы “Школы 21” занимаются огромным количеством дел: управляют программами обучения, помогают студентам по организационным вопросам, штрафуют и награждают студентов, организуют и проводят мероприятия.
Product Designer (2021—2023)
Занимался развитием новой и улучшением имеющейся функциональности, проводил исследования, разрабатывал макеты и контролировал их реализацию.
Отвечал за дизайн всей платформы.
Роль
Для выполнения всех этих задач администратору нужен удобный интерфейс с понятной навигацией между разделами.
Цели
1
Платформа не создавалась с нуля, нашей задачей стал редизайн первой версии, в которой множество моментов было не учтено или не существовало в силу технических ограничений бэкенда.
2
На основе исследований выяснить, чего не хватает администраторам для выполнения их обязанностей, а также разобраться, как можно улучшить уже существующую функциональность.
Принципы редизайна
дизайн-система
Версия 1.0 строилась на устаревшей дизайн-системе, от которой мы уходили.
масштабируемость
В версии 1.0 регулярно проявлялась проблема с масштабируемостью: требовались новые функции и разделы, которые было некуда поставить. Из-за этого интерфейс казался раздутым и перегруженным.
Работая над новой версией, мы учитывали все проблемы версии 1.0: неактуальная дизайн-система, технические ограничения, проблемы с масштабируемостью и перегруженностью интерфейса. Из этих проблем родились принципы, на которые мы опирались.
Версия 2.0 создавалась на дизайн-системе, разработанной для интерфейса студента (с доработками). Это существенно ускорило процессы: всей команде было удобно работать с уже знакомой дизайн-системой.
В версии 2.0 мы с самого начала разработки организовали понятную навигацию, а также продумали принцип построения страниц, при котором добавление новых функций не вызовет нагромождения кнопок на странице.
Версия 1.0
Версия 2.0
Навигация
версия 1.0
Новый раздел добавлялся в общий список, без какой-либо организованной иерархии. Меню стало перегруженным:
версия 2.0
Для каждой роли администратора было продумано своё меню с необходимым только этой роли набором опций. Затем все опции мы рассортировали по общим направлениям работы администратора, что привело к появлению интуитивно понятной вложенности:
UX-исследования
интервью
Мы созванивались с администраторами из разных кампусов и задавали вопросы. Чаще всего интервью проводили перед стартом разработки фичи, чтобы понять, как именно администратор подходит к выполнению той или иной задачи и в каком контексте.
Юзабилити-тестирования
Под нашим наблюдением администраторы проходили в новом интерфейсе определенные сценарии, например, выдавали студенту достижение. На основании наблюдений и последующего обсуждения мы делали выводы и вносили необходимые корректировки в функциональность.
На протяжении работы над проектом важнейшим этапом были исследования. Мы запрашивали и получали от пользователей обратную связь по разным вопросам: от измерения удобства существующих функций до недостающих в работе.
Разработанный функционал
мероприятия
Администраторы отвечали за создание и проведение мероприятий. Им требовался функционал для удобного мониторинга и фильтрации мероприятий — предстоящих, текущих и завершённых.
Кластеры
Интерактивная карта, где администратор мог посмотреть, кто за каким рабочим местом сидит. Например, чтобы понять, кому выписать штраф за громкие разговоры.
Логирование проверок
Периодически студенты приходили к администраторам и интересовались, как рассчитывалась та или иная оценка по проекту. Чтобы помочь ответить на этот вопрос, мы придумали функционал логирования всех проверок. Страница содержала все логи, по которым можно было понять, как была сформирован общий результат выполнения проекта.
Календарь
В версии 1.0 календарь позволял только записываться на проверку проектов. В новой версии мы существенно расширили функциональность — добавили возможность создавать мероприятия, слоты для отработки штрафов, добавлять экзамены в расписание.
Видеотека
У “Школы 21” есть огромное количество видеороликов, затрагивающих практически любой аспект жизни студента. Администраторы могли создавать подборки, а также назначать видеоролик конкретному студенту.
