Улучшили взаимодействие пользователей
Повысили эффективность
управления
Упростили работу
с данными
Как мы сделали
CRM для автобизнеса удобнее
CRM для автобизнеса удобнее
В работе над CRM для автобизнеса я занималась редизайном модулей, созданием новых разделов и обновлением интерфейсной архитектуры. Один из кейсов: улучшение модуля Печать ценников, где я внедрила новые паттерны дизайн-системы и поп-ап окон, чтобы ускорить и упростить работу сотрудников складов и магазинов
Снизить нагрузку на техподдержку
Ускорить процесс печати
Сделать интерфейс проще для новичков
Привести модуль к единому стилю
Ускорить процесс печати
Сделать интерфейс проще для новичков
Привести модуль к единому стилю
В рамках проекта было установлено несколько целей:
Цели
Перегруженность настройками, хаотичное расположение.
Отсутствие логики пошагового процесса.
Нет возможности печатать разное количество копий на один товар
Отсутствие предпросмотра — пользователи печатали «вслепую»
Попап выбивался из дизайн-системы продукта.
Отсутствие логики пошагового процесса.
Нет возможности печатать разное количество копий на один товар
Отсутствие предпросмотра — пользователи печатали «вслепую»
Попап выбивался из дизайн-системы продукта.
Проблемы
Привести поп-ап Печать ценников к единому стилю и сделать его более удобным.
В рамках редизайна интерфейсов нужно было:
Контекст
Для бизнеса: ценники должны соответствовать закону, иначе штрафы.
Для сотрудников: экономия времени и снижение рутины.
Для покупателей: удобство выбора и прозрачность цен.
Для сотрудников: экономия времени и снижение рутины.
Для покупателей: удобство выбора и прозрачность цен.
Печать ценников — функция в складской CRM, которая позволяет быстро сформировать, отредактировать и распечатать ценники на основе данных о товарах.
Что это и зачем надо?
управлять клиентами и автомобилями;
планировать и контролировать заказы на ремонт и обслуживание;
вести учёт запчастей и склада;
управлять закупками и поставщиками;
формировать отчётность и аналитику;
автоматизировать коммуникации
с клиентами.
планировать и контролировать заказы на ремонт и обслуживание;
вести учёт запчастей и склада;
управлять закупками и поставщиками;
формировать отчётность и аналитику;
автоматизировать коммуникации
с клиентами.
CRM-система для автобизнеса помогает:
О продукте
Процесс печати ценников был неочевидным: пользователи путались в настройках, выбирали не те товары, что увеличивало количество ошибок
Что было до
*На момент переработки раздела у нас не были подключены сервисы веб-аналитики.
Анализ конкурентов
Сравнительный анализ модулей печати у конкурентов
Интервью
Интервью с 2 активными пользователями и 3 новичками
Наблюдение
Жалобы в поддержку, наблюдения от команды
Методы исследования
В рамках исследований я провела анализ конкурентов, что позволило выделить лучшие практики и заложить основу для улучшений в модуле.
Анализ конкурентов
Ключевые инсайты
Пользователи не замечали, что модуль можно скроллить — часть функций оставалась «невидимой»
Нет контроля над количеством копий и финальным видом ценника
Нет логики пошагового сценария, интерфейс «ставил в тупик»
Стиль устарел, выбивался из обновлённого интерфейса
Попап выбивался из дизайн-системы продукта.
Сложно найти нужные параметры
Нет контроля над количеством копий и финальным видом ценника
Нет логики пошагового сценария, интерфейс «ставил в тупик»
Стиль устарел, выбивался из обновлённого интерфейса
Попап выбивался из дизайн-системы продукта.
Сложно найти нужные параметры
Гипотезы
Разделить сценарий на шаги -> снизить путаницу
Использовать подсказки и стандартные UI-компоненты -> проще для новичков
Вынести предпросмотр рядом с настройками -> меньше ошибок
Добавить настройку копий прямо в таблице -> гибкость
Попап выбивался из дизайн -> системы продукта
Использовать подсказки и стандартные UI-компоненты -> проще для новичков
Вынести предпросмотр рядом с настройками -> меньше ошибок
Добавить настройку копий прямо в таблице -> гибкость
Попап выбивался из дизайн -> системы продукта
Новый флоу: выбор товаров → настройка печати
Привела визуальный стиль к дизайн-системе
Добавила возможность задавать количество копий
Вынесла предпросмотр рядом с параметрами
Сгруппировала настройки по смыслу, убрала дубли
Привела визуальный стиль к дизайн-системе
Добавила возможность задавать количество копий
Вынесла предпросмотр рядом с параметрами
Сгруппировала настройки по смыслу, убрала дубли
Процесс проектирования
Разработала финальные макеты в Figma с привязкой к компонентной системе продукта
Обеспечила единый визуальный стиль попапов
Подготовила спецификации для разработчиков с описанием логики и взаимодействийовали сценарии работы пользователей
Обеспечила единый визуальный стиль попапов
Подготовила спецификации для разработчиков с описанием логики и взаимодействийовали сценарии работы пользователей
Дизайн
Разделили процесс на два этапа: товары и шаблоны
Оптимизировали сценарии работы пользователей
Улучшили интерфейс и структуру
Оптимизировали сценарии работы пользователей
Улучшили интерфейс и структуру
Что сделали
-35%
Сократилось время генерации ценников
-40%
Обращения в поддержку по модулю
57%
Отметили простоту и удобство
Результаты
Вывод:
Упрощённый путь и логичная структура
снизили кол-во ошибок
Новый модуль стал быстрее, понятнее и единым с остальными элементами CRM
Бизнес-цели дан: меньше обращений в т.п, экономия времени, удобство обучения
