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