Разработка системы бронирования рабочих мест InoReserv

Концепция гибридного офиса

Мобильная и веб-система InoReserv помогли нам реализовать идею гибридного офиса, в котором одна часть сотрудников работает инхаус, другая — удаленно. Есть и такие, кто совмещает оба варианта.

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

Целевая аудитория и сценарии

После нескольких аналитических раундов и разработки User Story мы определили 5 ролей системы бронирования: пользователи, рекрутеры, статисты, системные администраторы и администраторы продукта.

1. Пользователи. Сотрудники, которые могут просматривать карту рабочих мест — свободных и забронированных другими коллегами. Есть возможность забронировать место для себя, отменить бронирование, изучить календарь зарезервированных мест.
2. Рекрутеры. Сотрудники компании, которые помимо вышесказанного могут бронировать места для других партнеров и изменять параметры «Тип пользователя», «Оборудование».
3. Статисты. Сотрудники с теми же правами, что и пользователи, но с дополнительной возможностью просматривать, выгружать отчеты и изменять параметры коллег.
4. Системные администраторы. Сотрудники, которые проводят техобслуживание рабочих мест.
5. Администраторы. Сотрудники с правами вышеперечисленных категорий, не затрагивающие зону ответственности системных администраторов.

Реализация внутреннего решения

Итак, чтобы сократить количество пустующих рабочих мест и реализовать механизм для переиспользования оставшихся, мы разработали систему бронирования InoReserv. В ее состав вошли: календарь, интерактивная карта офисного пространства и модуль для автоматического подсчета компенсаций за использование личного оборудования.

Авторизация

Одна из основных интеграций — служба каталогов корпораций Active Directory. Она позволяет авторизоваться в системе при помощи корпоративного логина и пароля.

Форма заполнения профиля

Классическая форма с аватаром и двумя полями «Имя», «Фамилия». Корпоративный этикет требует его соблюдения. Согласитесь, имя «Самый лучший ник» и аватар с котиками — это креативно, но коммуникации будут протекать не всегда эффективно.

Карта рабочих мест

На этом экране находятся карточки рабочих мест соответствующих кабинетов и опенспейсов. Для удобства были добавлены статусы «Полный резерв», «Частичный резерв», «Свободно» и «Недоступно» для каждого места.

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

Схема расположения

Каждая комната дополнительно отрисована схематически, чтобы сотрудники понимали, где именно им предстоит работать. Также на ней изображены двери и окна. Эта информация особенно полезна тому, в чьем гардеробе плед — постоянный атрибут.

Поиск забронированных мест

В системе InoReserv можно осуществить поиск забронированных мест сотрудниками компании. Эта возможность полезна при планировании рабочей недели. Так, например, если вы знаете, что ближайшие задачи будут связаны с дизайнерами, можете найти их рабочее место и забронировать пространство рядом.

Управление списком пользователей

В данном разделе роли «Рекрутер» и «Администратор» могут управлять пользователями системы — изменять их роли, актуализировать формат работы сотрудников и тип используемого ими оборудования, блокировать и разблокировать учетные записи.

Расчет компенсации

Этот раздел необходим для формирования отчетов о компенсации за использование личного оборудования. Роль «Статист» может выгрузить отчет с расчетом компенсации за определенный месяц и передать его в бухгалтерию. Данное решение позволило автоматизировать ручной труд и сократить время работы статиста.

Разница между мобильной и веб-версией

В текущей версии продукта InoReserv веб-клиент имеет более широкий набор функций, чем мобильное приложение. Расскажем про основные отличия:

• администрирование рабочих мест — создание новых, удаление существующих, редактирование списка оборудования доступно только в веб-версии;
• модуль отчетов — скачать отчеты из системы можно только при помощи веб-версии;
• администрирование пользователей в системе — блокировать, изменять роли сотрудников, а также менять какие-либо атрибуты можно только в десктопной версии;
• удобный навигатор по рабочим местам в смартфоне — кликабельная схема комнат в мобильной версии ускоряет работу с продуктом.

Несмотря на некоторые отличия, разработка мобильного приложения стала дополнением веб-версии и превратила нашу идею в конкурентоспособный продукт. Сотрудники Иностудио имеют постоянный доступ к бронированию и просмотру зарезервированных мест — самое необходимое всегда под рукой и в удобном формате.

Преимущества системы

1. Изменения в реальном времени. Изменение плана офисного пространства, описания рабочих мест, отмена бронирования — все изменения мгновенно отображаются на всех устройствах пользователя.
2. Гибкое бронирование. Сотрудники могут занять рабочее место как на несколько часов, так и на несколько дней или недель.
3. Кастомные рабочие места. В InoReserv можно создать различные рабочие места: с одним, двумя мониторами или без них. Также для каждого можно подготовить уникальное описание и добавить фото.
4. Простота использования. Чтобы использовать систему, специфических умений и обучения не требуется.
5. Формирование отчетов. Мы автоматизировали составление отчетов о компенсации за использование личного оборудования. Это изменение положительно сказалось на бизнес-показателях Иностудио.

Проблемное интервью и тестирование

Дополнительно помимо аналитики и изучения решений конкурентов мы провели проблемное интервью целевой аудитории. Задачи были следующими:

• понять отношение пользователей к инструменту бронирования;
• узнать про их опыт взаимодействия с похожими системами;
• изучить их потребности и пожелания;
• построить вместе с ними сценарий взаимодействия с системой.

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

Стек технологий

Active Directory, 1С, C#, .NET 5, ASP.NET Core 5, Entity Framework Core, JWT Authentication, JavaScript, React.js (v 17.0.2), React Redux, Axios, GitLab, GitLab CI, Kotlin, Coroutines, MVVM, Moshi, Jetpack, OkHttp3, Retrofit, Chucker, Coil, Timber, MS SQL 2019.