Разработка приложения DevPlatform, модуль — настройки графика дежурств
Отвечала за весь цикл проектирования: от сбора требований
и построения гипотез до проектирования финального UI
и передачи в разработку
и построения гипотез до проектирования финального UI
и передачи в разработку
Исследование
UX-анализ
UX-тестирование
UI-решение
Передача в разработку
Дизайн-ревью
О проекте
Внутренняя платформа для инженерных команд компании.
Модуль управления дежурствами для IT-команд (DevOps-инженеры, разработчики и их тимлиды)
Проблема
- Не было единой системы дежурств: команды использовали сторонние сервисы и файлы
- Точечное редактирование дежурств было неудобным
- Доступ к графику был только у тимлидов, что создавало информационный вакуум и нагрузку на руководителей
Задача
Спроектировать с нуля единый модуль дежурств, который снимет рутину с тимлидов, сделает процесс назначения прозрачным и даст разработчикам удобный доступ к их личным графикам
Моя роль
Единственный дизайнер — отвечала за весь цикл: от сбора требований и построения гипотез до проектирования финального UI и подготовку к передаче в разработку
Статус проекта
Дизайн-решение было полностью спроектировано и готово к внедрению, однако разработка была приостановлена из-за реструктуризации компании и закрытия отдела
uX этапы
Сбор требований и исследование
Задача от бизнеса поступила в виде брифа буквально из трех предложений. Я решила начать с интервьюирования ключевых пользователей — тимлидов, чтобы изучить их текущий процесс (as-is) и выявить основные барьеры
Провела глубинное интервью с 5 тимлидами, ключевые инсайты:
- Паттерн «настроил и забыл»: график создается один раз, далее только точечные или форс-мажорные корректирови
- Сторонняя система была перегруженной и неинтуитивной. Настройка графика требовала слишком много кликов и переходов
Построение и приоритизация продуктовых гипотез
Результаты исследования помогли сформулировать ключевые продуктовые гипотезы и определить направления для проектирования
Анализ по методологии JTBD
Для формирования структуры модуля я описала ключевые сценарии через Job Stories, чтобы закрыть потребности и тимлидов, и дежурных
Построение User Flow
Чтобы понять путь пользователя и не запутаться в логики нескольких способов настройки дежурства, с построила User Flow с основным сценарием
Провела юзабилити тестирование перед проектированием
Проверила основной сценариий настройки дежурства. Результаты показали, что настраивать дежурство в модальном окне не удобно, поэтому я изменила решения в финальных макетах
Календарь
- Календарная сетка: привычный паттерн без необходимости обучения
- Сайдбар: быстрая навигация и настройка графика через drag-and-drop
- Цветовое выделение: быстрое считывание загрузки команд (PaaS, QA и др.)
- Дропдаун «еще x»: сохраняет ровную сетку и аккуратно раскрывает скрытые смены
- Быстрый просмотр: компактная карточка со сменой, временем и дежурными; аватарки ускоряют считывание
- Инструменты: редактирование, удаление и переход в чат доступны прямо в поп-апе
Настройки графика дежурства
Основной задачей было продумать логику нескольких способов настройки графика дежурств и все возможные edge casses
- Спроектировала быстрое назначение дежурных с настройкой сменяемости и редактированием смен через контекстное меню
- Добавила механику предупреждения о пересечении дат с безопасным объединением графиков и календарь с отмеченными днями дежурств
Настройки графика через Drag-and-Drop
Бесшовное назначение: тимлид просто перетаскивает карточку инженера из сайдбара на нужную дату
Минимум экранов: базовый график на месяц формируется без открытия дополнительных форм и поп-апов
Аналитика
