Easy Padel — это экосистема цифровых продуктов для падел-клубов и игроков. С помощью системы бронирования Easy клубы могут управлять бронированием теннисных кортов, отслеживать платежи за тренировки и организовывать турниры.

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

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

Цель интервью — выявить потребности пользователей, определить главные проблемы и боли.
Аудитория — активные пользователи системы бронирования Easy Padel.

Не очевидно, как выбрать диапазон времени для брони корта

Непривычный выбор диапазона с помощью нескольких кликов по слотам. Пользователи, совершив первый клик, путались и не понимали, что делать дальше.

Множество модальных окон затрудняло создание брони

Чтобы забронировать корт, пользователь проходил путь через три модальных окна, которые последовательно сменяли друг друга.

Непонятно, как редактировать ранее созданную бронь

Пользователи не могли найти кнопку редактирования. Чтобы внести изменения, они удаляли бронь, а затем создавали её заново

Длинный скролл, из за которого менеджеру сложно подбирать свободные слоты

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

Пестрый дизайн усложнял читабельность информации на слотах

Из-за обилия ярких и насыщенных цветов было сложно считывать информацию.

Старая версия дизайна экрана бронирования кортов

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

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

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

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

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

Сократила высоту шапки, зафиксированную при скролле и переработала фильтрацию.

Еще немного экранов мобильной версии букинга

Обновленный модуль позволил заключить новые контракты с клубами, что повлияло на оборот компании.

Предложила сменить верхнюю шапку меню на левый сайд-бар по нескольким причинам:

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