Кейс · Прачечные самообслуживания

Приложение прачечной: машина забронирована, время готовности известно

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

Что делали Приложение (PWA)
Машинных проверок перед показом 76
Сторонних библиотек 0
Честно

Что здесь настоящее, а что показ

Приложение рабочее, прачечная выдумана. «Vibe Wash» — витрина студии: всё, что вы нажимаете, работает по-настоящему. Заказ считается, машина бронируется, время готовности вычисляется по минутам, статусы переключаются, панель смены показывает выручку.

Что не настоящее: оплата — экран имитирует успех, поля карты декоративные и никуда не уходят, об этом написано прямо на экране. Телефон и мессенджеры — заглушки: настоящий звонок выдуманному заведению уйти не должен. Цены и длительности режимов взяты по рынку прачечных самообслуживания и правдоподобны, но никем не утверждались.

01 · Задача

Убрать неизвестность из похода в прачечную

Прачечная самообслуживания продаёт не стирку, а освободившийся вечер. Ломается это в одном месте: человек не знает заранее, есть ли свободная машина. Он приезжает с пакетом, видит пять занятых барабанов и уезжает — и в следующий раз просто не поедет.

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

Значит, главный экран обязан отвечать на три вопроса без прокрутки, а оформление заказа — заканчиваться не словом «спасибо», а часами и минутами. Всё остальное в приложении вторично, и это решение принято до первой строчки кода.

02 · Кому это нужно

Три человека и три возражения

Портрет клиента полезен не возрастом и профессией, а возражением: тем, из-за чего человек не доходит. Ниже три, и у каждого приложение обязано снять своё.

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

Мама двоих детей, стирает по выходным

Зачем идёт: дома машина не берёт пледы, одеяла и шторы — а в прачечной барабан на 20 килограммов.

Возражение: «В этой машине до меня стирали неизвестно что». Самое сильное в нише и самое редко закрытое.

Ответ приложения: отметка о санитарной обработке барабана у каждой машины и время последней обработки. Это не дизайн, а факт, который заведение обязано вести.

Мужчина, снимает квартиру, стирает после смены

Зачем идёт: своей машины нет, а вещи нужны к утру.

Возражение: «Приеду — а всё занято, и вечер пропал».

Ответ приложения: состояние зала до выхода из дома и бронь конкретной машины на конкретное время. Занятая машина показывает не «нет», а «освободится в 15:40» — это разные ответы.

Пожилой человек, приходит днём

Зачем идёт: дома нет места под машину.

Возражение: «Не разберусь с телефоном и не хочу позориться при людях».

Ответ приложения: основной кегль 17 пикселей вместо привычных 15, нажимаемая область 48 пикселей, статус машины подписан словом, а не только цветом. Ни одного экрана, который нельзя пройти без инструкции.

03 · Путь человека

От «свободно ли» до «забрал»

Пять шагов, и первый экран уже отвечает на главный вопрос — до всякой регистрации.

  1. Главная. Три услуги с ценами и пять машин с состоянием: свободна, занята до 15:40, недоступна, на обслуживании.
  2. Услуга. Стирка, сушка или обе сразу. Для стирки — температура: 20, 30, 40 или 60 градусов, у каждой своя длительность.
  3. Машина и время. Приложение показывает только те машины, на которых выбранная услуга возможна, и ленту занятости на день.
  4. Данные. Имя и телефон — и только здесь, а не на входе.
  5. Проверка и оплата. Расчёт готовности по минутам, оплата картой или по QR-коду.

Телефон спрашивается в конце, а не в начале — и это осознанно. В приложениях с доставкой вход по коду из СМС стоит на втором экране, и там это оправдано: без телефона курьер не поедет. В самообслуживании наоборот: человек стоит в зале и хочет увидеть цену, а не вводить код. Просить его раньше — терять на первом экране.

04 · Что считает приложение

Ожидание между стиркой и сушкой — то, ради чего это писалось

Сложить длительности умеет калькулятор. Настоящая задача начинается, когда сушильная машина освобождается позже, чем закончилась стирка. Тогда между ними появляется ожидание, и человек обязан узнать о нём до оплаты, а не стоя в зале.

Поэтому расчёт показывается лесенкой: во сколько началась стирка, во сколько кончилась, во сколько освободится сушилка, сколько ждать, во сколько забирать. Отдельной строкой — итоговая готовность, и она крупнее остального текста на экране.

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

Заказ занимает интервал у машины. С этой минуты она не предлагается другому — иначе двое придут к одному барабану, и разбираться будет администратор у стойки.

05 · Сторона заведения

Панель смены: то, чего обычно нет в таких кейсах

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

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

06 · Состояния

Тринадцать состояний, из которых обычно рисуют три

Демонстрация выглядит хорошо, пока всё идёт по-хорошему. Ломается она там, где что-то не так, — и именно там клиент решает, доверять приложению или нет. Поэтому каждое состояние продумано и проверяется машиной, а не глазами:

  • прачечная открыта · прачечная закрыта;
  • все машины заняты — с указанием, когда освободится ближайшая;
  • все машины на обслуживании — с просьбой позвонить, прежде чем ехать;
  • заказов нет · есть активный · заказ готов к выдаче;
  • промокод неверный · промокод применён, с новой суммой;
  • цикл не успевает завершиться до закрытия;
  • форма заполнена неверно — на русском и без слова «валидация»;
  • оплата прошла · заказ отменён, время машин освобождено;
  • поиск в панели смены ничего не нашёл.

Пять карточек «Занята» человек читает как «где-то есть свободная» и начинает искать глазами. Поэтому состояние зала целиком написано отдельной строкой словами — это дешевле для него, чем наша экономия на тексте.

07 · Как это выглядит

Светлая тема, один шрифт и контраст, посчитанный числом

Светлая тема принципиальна. Приложение открывают днём, в помещении с окнами, часто с рук на солнце. Тёмный экран на солнце не читается, и красота тут ни при чём.

Цвет кнопки выбран расчётом, а не вкусом. Сейчас это яркий синий: белым текстом он даёт контраст 5,2 к 1 при норме 4,5 — надпись «Оформить заказ» читается и на солнце, и пожилым человеком. Проверено числом, а не глазом: каждая пара «текст на фоне» посчитана и записана в ДНК проекта.

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

Статус никогда не передаётся одним цветом. Рядом с цветом всегда стоит слово: «Свободна», «Занята до 15:40». Восемь процентов мужчин не различают часть оттенков, а прачечная не то место, где можно позволить себе спрашивать.

Гарнитура одна — Manrope, лежит на нашем сервере. Ссылку на шрифтовой сервис не ставим никогда: она отправляет адрес посетителя за границу до всякого согласия.

08 · Приёмка

91 проверка, которая нажимает кнопки

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

Отдельно проверяется сама проверка: мы намеренно ломаем цену в данных и убеждаемся, что отчёт краснеет. Скрипт, который умеет только хвалить, бесполезен.

Что машина не проверяет и проверить не может: удобно ли рукой, в которой пакет белья. Это смотрит человек и на телефоне.

Вопросы

Что обычно спрашивают

Нужно ли ставить приложение из магазина?

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

Будет ли работать без интернета?

Да. Приложение целиком лежит в телефоне, и цены с расписанием открываются без связи — в прачечных она ловит плохо. Сеть нужна только чтобы отправить заказ.

А если у нас машины другие, других марок?

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

Куда попадают заказы?

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

Смотрите также