Интерфейс управления графиком сотрудника супермаркета
Продуктовая задача для X5 Retail Group
Задача:
Х5 Retail Group — крупная компания современной розничной торговли — создает, развивает и управляет брендами сетевых магазинов. Для организации ежедневных процессов работы магазина, X5 помогает своим сотрудникам решать почти все задачи в личном кабинете. Цель этого личного кабинета — максимально автоматизировать и объединить весь необходимый функционал в одном месте.
Для этого проект использовалась библиотека компонентов Material Design
Сотруднику супермаркета необходимо через веб интерфейс изменить свой рабочий график на ближайшие две недели и согласовать это с начальством.
Создание объектной модели:
Чтобы определить функционал раздела с расписанием, мне необходимо построить объектную модель с сущностями и действиями.
В личном кабинете в разделе «Расписание» сотрудник может:
— Редактировать время смены
— Запросить отгул
— Оформить больничный
— Добавить новую смену
— Посмотреть график выплат
— Посмотреть и изменить даты отпуска
— Согласовать смены, отпуска, отгулы с начальством
— Посмотреть расписание коллег
По выделенным существительным я понимаю, какие будут сущности в этом разделе, теперь нужно добавить к ним контент и мета-данные.
Объектная модель раздела «Расписание»
В прототипе представлены еще несколько сценариев: оформление больничного, согласование отгула, изменение дат отпуска. Все эти действия заложены в функционал раздела «Расписание».
User Flow изменения расписания:
Сотрудник заходит в раздел «Расписание» в личном кабинете
↓
Выбирает нужные смены в режиме отображения недели или месяца
↓
Нажимает «изменить время смены»
↓
В попап окне выбирает возможное время для изменения
↓
Отправляет изменение на согласование своему прямому начальству
↓
Получает уведомление о решении начальства
Изучение референсов
Преобразованные в интерактивные графики таблицы с расписанием, которые я могла найти по различным запросам в интернете, выдавали мне неточную картину. Ведь речь идет о личном кабинете одного человека, а не менеджера по персоналу - значит концентрироваться стоит на отображении расписания для одного человека.
Прототип 1.0 и ревью
В первом варианте отображения расписания я хотела дать возможность сотруднику видеть расписание коллег на первом экране и уже оттуда находить себя и менять свое расписание.
Это поставило передо мной несколько вопросов :
Какой функционал, кроме просмотра, будет доступен рядовому сотруднику по отношению к расписанию его коллег (метки, теги, согласование своего расписания с ними)?
Если сотруднику доступен только просмотр и скачивание, нужно ли отдавать большую часть экрана под чисто ознакомительную информацию? Однако если речь идет об администраторе, ему будет полезно видеть всех сотрудников в одном месте и группировать их по разного рода признакам. Во второй интерации, я ушла от идеи отображения всех сотрудников сразу.
Зачем одному сотруднику видеть расписание всех сотрудников компании вне зависимости от отдела?
Скорее всего, сотрудника может интересовать максимум расписание своих коллег по отделу.
Нужно ли отображение смены в рамках одного дня?
Если расписание составляется на месяц вперед, то скорее всего, сотрудник не может поменять часы в одном дне. Максимум — взять отгул или перенести свою смену, и возможно, это можно делать минимум за N количество дней до начала смены. Если в одном магазине работает 150 человек, администратор не сможет уследить за почасовыми изменениями в расписании каждого сотрудника.
Прототип 2.0
После небольшого ревью стало очевидно, что нужно наполнить страницу функционалом, а потом присваивать этому функционалу иерархию отображения.
В результате я взяла функционал раздела Расписание и присвоила каждой из функций приоритет и расположила их в порядке важности, в том числе отображения на странице.
Красный — Необходимый функционал, фиолетовый — полезный, голубой — было бы полезно иметь
В прототипе 2.0 появились следующие сущности:
Расписание в виде недели
Чтобы менять / смотреть расписание на ближайшее время
Расписание в виде месяца
Чтобы видеть приближающийся отпуск, праздник и планировать расписание на следующий месяц
Отображение отпуска
С возможностью внести изменения
Начисления ЗП на сегодняшний день
С возможностью посмотреть график начислений за все время
Оформление больничного и отгула
Внутри раздела можно объяснить причину отгула / прикрепить документы и справки для больничного.
Оформление отпуска
На следующее полугодие, год.
Информация о коллегах
Их расписание / статус, доступ к их страницам на портале.
Статистика посещаемости
То, как система видит посещения, опоздания, прогулы и отгулы.
Полученный опыт и навыки
Всегда стоит отталкиваться от позиции того, кто будет использовать твой продукт в итоге. Невозможно угодить всем пользователям. У меня появилась возможность максимально позаботиться о функционале конкретного типа пользователя, который удалось заложить и визуально подробно донести до него.