UX/UI Дизайн приложения для вызова мастера онлайн

О продукте

«Мастер Онлайн» — мобильный сервис для жителей: вызов мастера на дом (сантехника, электрика, сборка) по линейному сценарию — заявка с фото и категорией → отслеживание статусов → чат с исполнителем → приёмка работы с фото результата → оценка мастера.

Задача

До передачи в разработку проверить прототип: проходит ли пользователь весь путь без фрикциона, понятны ли ключевые сценарии (создание заявки, статусы, чат, оплата), и собрать бэклог улучшений из живой обратной связи.

Процесс

  1. Пользовательский сценарий и user flow — линейная цепочка из 5 этапов: регистрация → профиль/заполнение → заявка → статус → оценка работы.
  2. Wireframes с тап-точками — схема взаимодействий по каждому экрану.
  3. Hi-fi прототип — все состояния: empty/disabled/active, лоадеры, success-экраны.
  4. Юзабилити-тест — 9 респондентов, количественные метрики + открытые вопросы + тепловая карта тапов.

Ключевые UX-решения

  • Быстрая регистрация через VK и Яндекс ID — вход за секунды вместо анкет: меньше барьер на старте.
  • Каскадные категории (категория → услуга → вид услуги) — система сама определяет набор полей: пользователь не пишет задачу словами, а выбирает готовые варианты.
  • Прогрессивный допуск: «Продолжить» неактивна, пока не загружено фото и не выбран адрес — в работу не уходят пустые заявки.
  • Прогресс-бар заявки на каждом экране — всегда видно, сколько шагов осталось.
  • Степпер статусов «Новая → Назначена → В работе → Выполнена» — прозрачность исполнения; до завершения заявку можно отменить.
  • Чат с исполнителем — уточнения без звонков, с read-рецептами.
  • Приёмка работы с фото результата + оценка мастера — замкнули цикл доверия: пользователь видит результат до того, как принять работу.

Юзабилити-тест: результаты (9 респондентов)

МетрикаРезультат
«Стали бы пользоваться приложением?»100% Yes (9/9)
Удобство составления заявки4,7 / 5 (67% — пять звёзд, 33% — четыре)
Проблемы при создании заявки0% — ни один тестер не споткнулся
Тепловая картатап-зоны сходятся с целевыми CTA на всех экранах

Инсайты → бэклог

Верботимы из открытого вопроса легли в роадмап:

  1. Приблизительное время исполнения заявки — главный запрос на прозрачность.
  2. Рейтинг и выбор мастера — доверие к исполнителю до назначения.
  3. Прогресс-бар исполнения заявки — распространить удачный паттерн заполнения на этап исполнения.
  4. Гигиена: регистрация через Google, удаление карты, более информативный чат.

Вывод

Прототип валидирован: ключевой сценарий «создать заявку» проходит без единой проблемы, готовность пользоваться — 100%. Исследование дало не только зелёный свет разработке, но и приоритизированный бэклог: прозрачность сроков и рейтинг мастера — следующие фичи роста доверия.

Интерактивный прототип в Figma