Мастера — поиск заказов для специалистов
Mobile app
B2B
UX research
Сервис создан для размещения заказов различных видов работ нашей сети аптек (10 432 аптек и складов), а также компаний партнеров. Для исполнителей создали мобильное приложение и веб-интерфейс, а для координаторов — веб-интерфейс бэкофиса
Наша фишка
—
Задачу типа «Первый отклик» забирает первый откликнувшийся
—
Задача типа «Лоты» достается юзеру с самым выгодным предложением
—
Исполнители могут редактировать и дополнять смету
—
Возможность компаниям курировать работы своих мастеров
О продукте
Перед началом проектирования была собрана информация от аналитика о текущих пользователях (которые пока что выполняют работы без сервиса — напрямую) и проведены интервью.
Портреты пользователей
Целевую аудиторию разделил на 2 группы:
—
Люди рабочих профессий, непосредственно выполняющие задачи
—
Кураторы (сотрудники компаний, контролирующие своих мастеров)
Из-за небольшого пользовательского опыта первой группы дополнительно внедряем контекстный онбординг. Особенность второй группы — потребность в веб-версии сервиса.
UX ресёрч
Анализ конкурентов
В результате анализа прямых и косвенных конкурентов сложилось понимание, что является гигиеной рынка, то есть «мастхэвом» — фильтрация списка задач, возможность назначать свою цену работ, рейтинговая мотивация пользователей.
Кроме этого подсветил пробелы, которые будут устраняться в будущем:
—
Возможность просмотра профиля заказчика и отзывов о нём
—
Добавить фильтр задач по удалённости объекта от текущей геолокации
—
Общение с координатором до отклика на задачу
Гипотезы
В ходе проектирования приложения и работы с фидбеком были проверены гипотезы. Вот некоторые из них:
Анализ фидбека пользователей
Благодаря отзывам в сторах, а также сообщениям в тех. поддержку удалось выявить ряд проблем:
—
Большое количество уведомлений и пушей раздражает
Это очевидно, но только благодаря отзывам я убедил бизнес добавить персональную настройку сообщений
—
При подаче предложения в торгах нет понимания о первоначальной цене позиции
Изменили плейсхолдер инпута цены на «1 350 ₽ начальная»
—
Заполнение банковских реквизитов имеет больше всего ошибок
Добавили в форму подсказки с примерами
—
Пользователи не понимают состояние системы при проверке сметы или выполненных работ
Добавили информационные баннеры о текущих статусах задачи / сметы
Основной флоу — поиск задачи и отклик
Приложение кроссплатформенное, собранное на React Native. Функционал включает в себя поиск задач, чат с координатором, редактирование сметы услуг/материалов, обмен файлами и прочее.
На главной странице выведены популярные фильтры, что позволяет сократить сценарий поиска задачи.
Также я убедил команду и бизнес дать свободу новым пользователям — смотреть основной функционал без регистрации. Тем самым снят очередной барьер.
Мобильное приложение
Контекстный онбординг, как решение проблем
У нас есть две проблемы:
—
ЦА имеет ограниченный опыт использования цифровых продуктов
—
Нагруженность интерфейса часто требует скрытия функционала (появление по свайпу, кнопки без текста)
Лучше показать, чем объяснять
Контекстный онбординг хорошо справляется с этим. Для важных функций мы блокируем экран полностью, для второстепенных достаточно тултипа в нужном месте и в нужное время
Добавление материалов
Чтобы сократить путь поиска нужного материала я предложил привязать к услугам пакет материалов, которые чаще всего используются. А опционально уже даём возможность выбора среди всего каталога. Кнопка с динамическими текстами служит счетчиком добавленных материалов и итоговой суммы.
Интерфейс содержит 20+ различных таблиц. Для отображения всей информации без ухода в горизонтальный скролл я объединял в одну колонку 2-3 типа данных. При этом сохранялась возможность фильтровать таблицу по каждому из них.
Работа с таблицами
Читабельность была улучшена за счет приоритизации контента с помощью различных типографических и цветовых стилей, а также тегов, иконок и прочих компонентов.
Бэкофис
Управление учетными записями
Помимо общей сводной таблицы доступны детали по каждому пользователю, в том числе список членов его команды подрядчиков. Данные о задачах доступны в виде списка/таблицы.
В процессе интервью у кураторов (сотрудников компаний, выполняющих задачи с помощью своих рабочих) была выявлена потребность в веб-версии сервиса. К её реализации мы приступили сразу после запуска приложения и бекофиса.
Композиция страницы задачи сформирована исходя из иерархии контента:
—
Верхний блок включает общие сведения о задаче и кнопки основных действий
—
Вертикальные табы для навигации по разделам. Индикация показывает непросмотренные события
—
Основной блок с контентом
Веб-интерфейс для кураторов
Система мотивации
Мною было предложено предельно упростить систему мотивации посредством сведения трёх независимых параметров в единый рейтинг. При этом под капотом сохранилась прежняя логика.
Проще = понятнее
Пользователям не хочется вникать в сложные расчеты очередного сервиса. Привычный паттерн в виде рейтинга будет лучшим решением
Динамические тексты показывают актуальные для текущего рейтинга возможности. Собрав их понятно и просто, я облегчил разработку без потери контекста.
Работа с барьером заполнения обязательных данных
Для отклика на задачу пользователю необходимо заполнить большой объем данных, что безусловно может служить поводом для прекращения работы с продуктом.
Запрашивая самые простые данные при регистрации (с возможностью пропустить эти шаги), мы снижаем концентрацию когнитивной нагрузки. Далее остается только указать банковские реквизиты
