Интерфейс
кассы для сети шиномонтажей
Разработка внутреннего продукта для автоматизации работы шинных центров: продажи, заказов, склада и взаимодействия с клиентами.
моя роль:
UX/UI дизайн кассовой системы на базе 1С: анализ бизнес-процессов, проектирование пользовательских сценариев, разработка интерфейсной архитектуры и дизайн-системы. Интерфейс интегрирован с бухгалтерией, складским учётом и внутренними сервисами сети.
Внедрил учёт смен:
Создал личные кабинеты для мастеров, автоматизировал подсчёт рабочего времени и печать табелей (сменных и двухнедельных) для прозрачной зарплаты.
Интегрировал запись:
Добавил возможность приёма клиентов, записавшихся на шиномонтаж (онлайн), непосредственно через интерфейс кассы.
Добавил
многозадачность:
Разработал систему вкладок (как в браузере), позволяющую мастерам вести несколько заказов параллельно без потери данных.
Интегрировал
с бухгалтерией:
Обеспечил корректную передачу всех финансовых данных из нового интерфейса в 1С.
Ускорил расчёт:
Внедрил механизм «Быстрый набор», сокративший оформление типовых услуг с 23 до 11 кликов.
Упростил навигацию:
Совместил многоуровневые меню, чтобы переключаться между услугами, не закрывая текущие окна.
Разработал
систему мотивации:
Придумал и реализовал механику дневного и двухнедельного рейтинга мастерских на основе выручки с кассы.
Организовал
контроль статусов:
Ввёл отслеживание этапов заказов для услуг хранения шин и покраски дисков.
Проблема
Медленный расчёт:
Чтобы оформить прокол колеса, нужно было пройти 23 экрана
Потеря данных:
Если клиент уходил
(например, ждать в машине) и приходил новый мастер, приходилось сносить текущий заказ и начинать заново.
Нельзя было отложить.
Цель
Что сделал
Ускорить обслуживание клиентов и исключить потерю денег из-за ошибок в учете рабочего времени и заказов.
Отсутствие онлайн-записи:
Нельзя было принять клиента, записанного через интернет (только «в живую»).
Путаница со сменами:
Непонятно, кто именно работал в конкретную смену, что приводило к ошибкам в зарплате.
новых
экранов
96
user flow
ui kit
Алгоритм прошлой версии
Главный экран
Услуги
Переобув
R Колеса
Кол-во колёс
Главный экран
Услуги
Работы по замене шин
Ремонт шин
Размер латки
Кол-во латок
Главный экран
Услуги
Доп. услуги
Обработка ступицы
Кол-во
Главный экран
Услуги
Доп. услуги
Замена вентеля
Кол-во
Оплата
Ввести данные клиента
Начало пути пользователя
Клик / Окно
Операции, происходящие в одном окне
Завершение пути пользователя
Кол-во кликов: 23
Кол-во окон: 23
Потраченное время: 47 сек
Алгоритм новой версии
Быстрый набор
Главный экран
Нажать + «Медная смазка»
Нажать + «Вентель»
Оплата
Главный экран
Ввести данные клиента
Ремонт шин
Размер латки
Кол-во латок
Кол-во колёс
Начало пути пользователя
Клик / Окно
Операции, происходящие в одном окне
Завершение пути пользователя
Кол-во кликов: 11
Кол-во окон: 4
Потраченное время: 9 сек
FFFFFF
Фон
Активные
элементы
33C75A
Шрифты
33363F
Нейтральные
элементы
A1A3A7
Manrope
Semi Bold - 18
Semi Bold - 16
Semi Bold - 14
Regular - 16
Regular - 12
Light - 12
Helvetica
Bold - 64
Bold - 58
Многоуровневое меню
Совместил многоуровневые меню, чтобы переключаться между услугами, не закрывая текущие окна.
Вкладка услуги была убрана совсем.
Система вкладок
Режим многозадачности как в браузере.
Как было:
Невозможно обслуживать двух клиентов параллельно.
При переключении — сброс данных.
Как стало:
Мастер открывает вкладку на каждого клиента. Можно вбить заказ, оставить его, переключиться на нового, вернуться к старому и тут же пробить чек, когда работы закончены.
Как стало:
Я создал некие «Комбо — кнопки», которые сразу вбивали определённый набор услуг.
Также, я поменял логику введения данных клиента. Теперь данные можно вводить в самом начале обслуживания, чтобы клиенту осталось только произвести оплату
Как было:
На примере услуг «Ремонт шин» + «Медная смазка» + «Замена вентеля»
Данная операция занимала 23 клика,
и 23 экрана. Нужно было постоянно возвращаться на главный экран, чтобы зайти в раздел «Услуги»
Быстрый набор
Я объединил частые сценарии в один алгоритм.
Результат:
Единая система
Продажи, услуги, клиенты и автомобили объединены в одном интерфейсе.
Быстрее работа оператора
Частые операции доступны через быстрый набор.
Меньше визуального шума
Сложная система стала понятнее за счёт иерархии и контекстной навигации.
Made on
Tilda