Emma Lapkina
Product designer

Интерфейс управления графиком сотрудника супермаркета

Продуктовая задача для X5 Retail Group

Задача:

Х5 Retail Group — крупная компания современной розничной торговли — создает, развивает и управляет брендами сетевых магазинов. Для организации ежедневных процессов работы магазина, X5 помогает своим сотрудникам решать почти все задачи в личном кабинете. Цель этого личного кабинета — максимально автоматизировать и объединить весь необходимый функционал в одном месте.

Для этого проект использовалась библиотека компонентов Material Design

Сотруднику супермаркета необходимо через веб интерфейс изменить свой рабочий график на ближайшие две недели и согласовать это с начальством.

Создание объектной модели:

Чтобы определить функционал раздела с расписанием, мне необходимо построить объектную модель с сущностями и действиями.

В личном кабинете в разделе «Расписание» сотрудник может:

— Редактировать время смены

— Запросить отгул

— Оформить больничный

— Добавить новую смену

— Посмотреть график выплат

— Посмотреть и изменить даты отпуска

— Согласовать смены, отпуска, отгулы с начальством

— Посмотреть расписание коллег

По выделенным существительным я понимаю, какие будут сущности в этом разделе, теперь нужно добавить к ним контент и мета-данные.

Объектная модель раздела «Расписание»

Объектная модель раздела «Расписание»

В прототипе представлены еще несколько сценариев: оформление больничного, согласование отгула, изменение дат отпуска. Все эти действия заложены в функционал раздела «Расписание».

User Flow изменения расписания:

Сотрудник заходит в раздел «Расписание» в личном кабинете

Выбирает нужные смены в режиме отображения недели или месяца

Нажимает «изменить время смены»

В попап окне выбирает возможное время для изменения

Отправляет изменение на согласование своему прямому начальству

Получает уведомление о решении начальства

Изучение референсов

Преобразованные в интерактивные графики таблицы с расписанием, которые я могла найти по различным запросам в интернете, выдавали мне неточную картину. Ведь речь идет о личном кабинете одного человека, а не менеджера по персоналу - значит концентрироваться стоит на отображении расписания для одного человека.

Прототип 1.0 и ревью

В первом варианте отображения расписания я хотела дать возможность сотруднику видеть расписание коллег на первом экране и уже оттуда находить себя и менять свое расписание.

Это поставило передо мной несколько вопросов :

  • Какой функционал, кроме просмотра, будет доступен рядовому сотруднику по отношению к расписанию его коллег (метки, теги, согласование своего расписания с ними)?

Если сотруднику доступен только просмотр и скачивание, нужно ли отдавать большую часть экрана под чисто ознакомительную информацию? Однако если речь идет об администраторе, ему будет полезно видеть всех сотрудников в одном месте и группировать их по разного рода признакам. Во второй интерации, я ушла от идеи отображения всех сотрудников сразу.

  • Зачем одному сотруднику видеть расписание всех сотрудников компании вне зависимости от отдела?

Скорее всего, сотрудника может интересовать максимум расписание своих коллег по отделу.

  • Нужно ли отображение смены в рамках одного дня?

Если расписание составляется на месяц вперед, то скорее всего, сотрудник не может поменять часы в одном дне. Максимум — взять отгул или перенести свою смену, и возможно, это можно делать минимум за N количество дней до начала смены. Если в одном магазине работает 150 человек, администратор не сможет уследить за почасовыми изменениями в расписании каждого сотрудника.

Прототип 2.0

После небольшого ревью стало очевидно, что нужно наполнить страницу функционалом, а потом присваивать этому функционалу иерархию отображения.

В результате я взяла функционал раздела Расписание и присвоила каждой из функций приоритет и расположила их в порядке важности, в том числе отображения на странице.

Красный — Необходимый функционал, фиолетовый — полезный, голубой — было бы полезно иметь

Красный — Необходимый функционал, фиолетовый — полезный, голубой — было бы полезно иметь

В прототипе 2.0 появились следующие сущности:

Расписание в виде недели 
Чтобы менять / смотреть расписание на ближайшее время

Расписание в виде месяца  
Чтобы видеть приближающийся отпуск, праздник и планировать расписание на следующий месяц

Отображение отпуска  
С возможностью внести изменения

Начисления ЗП на сегодняшний день  
С возможностью посмотреть график начислений за все время

Оформление больничного и отгула 
Внутри раздела можно объяснить причину отгула / прикрепить документы и справки для больничного.

Оформление отпуска  
На следующее полугодие, год.

Информация о коллегах  
Их расписание / статус, доступ к их страницам на портале.

Статистика посещаемости
То, как система видит посещения, опоздания, прогулы и отгулы.

Полученный опыт и навыки

Всегда стоит отталкиваться от позиции того, кто будет использовать твой продукт в итоге. Невозможно угодить всем пользователям. У меня появилась возможность максимально позаботиться о функционале конкретного типа пользователя, который удалось заложить и визуально подробно донести до него.