Как мы делали ERP-систему в Farfor
Как сделать сложные бизнес-процессы простыми и интуитивными? Как превратить запутанный интерфейс в удобный инструмент, с которым хочется работать каждый день? В этом кейсе я расскажу, как шаг за шагом мы преобразовали ERP Farfor, сделав его быстрым, понятным и визуально гармоничным.
Discover: понять боль пользователей
Старая версия ERP-системы напоминала сложный лабиринт, где каждый новый шаг требовал усилий и времени. Операторы путались в многоступенчатых формах, менеджеры теряли драгоценные минуты в поисках нужной информации, а новые сотрудники неделями привыкали к интерфейсу.
Если система вызывает раздражение, значит, что-то пошло не так.
Именно это подтолкнуло нас к началу исследований.
Чтобы разобраться в проблемах, я начала с того, что стала слушать. Буквально. Провела несколько интервью с операторами и менеджерами, приходя лично на оффлайн точки Фарфора. Собирала карту эмпатии и другие фреймворки.
Проблемные интервью
Позволили понять, что операторы тратят слишком много времени на оформление заказов
Анализ текущего интерфейса
Выявил сложные и непонятные сценарии, в которых легко ошибиться
Юзабилити-тестирования
Показали, какие шаги вызывают наибольшее замешательство
Customer Development
Помог собрать честные отзывы и выявить скрытые проблемы
Develop: поиск решений и тест гипотез
Упрощение форм
Сократила количество полей и шагов. Упростила флоу создания заказа.
В итоге оформление заказа стало напоминать простой и понятный чек-лист.
Модульная структура
Гибкие модули позволили тестировать отдельные части интерфейса. Принятие звонка клиента, добавление дополнительных позиций в корзину и другие действия.
Готовые компоненты Ant Design
Полноценный редизайн интерфейса путем использования Ant Design. Ускорили процесс и помогли сохранить единую визуальную стилистику.
Подсказки и микровзаимодействия
Добавила ненавязчивые хинты и анимации, которые помогали и не раздражали.
Иногда одна подсказка в нужный момент ценнее, чем инструкция на полчаса чтения.
Юзабилити-тесты
Помогли понять, какие решения сработали, а какие нужно доработать
А/Б-тесты
Сравнивали старую и новую версии интерфейсов — победа была на стороне нового подхода
Обратная связь
Проводила регулярные созвоны с пользователями, чтобы узнать, что им нравится, а что раздражает.
Deliver: запуск и оценка результатов
Панель оператора
Оформление заказов легкое и быстрое
Снижение когнитивной нагрузки благодаря простой структуре
Сокращение времени обучения новых сотрудников на 20%
Панель менеджера
Упростила управление клиентской базой
Повысила скорость обработки данных на 25%
Дала больше контроля и прозрачности в работе с заказами
Доп.продукт: FARFOR доставлятор, тёмная тема, которую полюбили курьеры
Курьеры пришли с запросом, что им тяжело работать с приложением в вечернее и ночное время.
Мы решили облегчить им нагрузку на глаза путём созданием тёмной темы.
Сделать темную тему было не так просто, как перекрасить фон в чёрный. Нужны были оттенки, которые не слепят глаза и при этом сохраняют контрастность.
№1
Использовать темно-серый, а не черный – так снижается нагрузка на глаза
№2
Исключить насыщенные цвета, которые вызывают визуальные искажения
№3
Использовать менее насыщенные оттенки, чтобы улучшить разборчивость
№4
Подбирать цвета с оптимальным контрастом, соответствующим стандартам WCAG.
№5
Разбивать цвета на градации яркости (от 900 до 50) и подбирать наиболее комфортные.
№6
Использовать Material Design Palette Generator для определения правильных оттенков.
Решение
- Лаконичный дизайн
- Читабельность текста
- Соблюдение темного контраста
- Корректное отображение элементов
- Повышение восприятия информации, путем отображения светлого текста на темном
Мой вклад
Провела исследования и выявила боли пользователей
Разработала интерфейсы и обновила дизайн-систему
Внедрила темную тему для приложения курьеров
Участвовала в найме дизайнеров и оптимизации процессов в команде
Этот проект был не просто задачей, а историей о том, как важно слышать пользователей и говорить с ними на одном языке. Здесь я научилась структурировать процессы: от выявления проблемы до финальной версии интерфейсов. Самое главное понимать, для кого и зачем мы все это создаем 🧡