ERP
Интерфейс агентства мобильной рекламы для заведения медиа-планов и фиксации план-фактов, предоставление данных для закрывающих документов в бухгалтерию, а так же выгрузкой ежеквартальных отчетов на основе план-фактов для руководителей департаментов для подсчета прибыли.
Особенности
ERP - встройка в корпоративный Битрикс. Изначально размер фрейма был ограничен 1098х900.
6+ человек. Продукт менеджер, бэкэнд - фронтэнд разработчики.
Команда
Дизайн система
Primevue 3
Сроки
Март 2024 по настоящее время
Решение
Уменьшить таблицы
Статусная модель для флайтов
Ролевая модель с ограничением редактирования
Статусная модель для флайтов
Ролевая модель с ограничением редактирования
Огромные таблицы
Накапливаются ошибки при пересылке файлов между аккаунтом и байером
Переменные показатели (тарифы площадок и другие) могут меняются и надо искать/вносить новые значения в уже утвержденные планы - что опять же копит ошибки
Накапливаются ошибки при пересылке файлов между аккаунтом и байером
Переменные показатели (тарифы площадок и другие) могут меняются и надо искать/вносить новые значения в уже утвержденные планы - что опять же копит ошибки
Проблемы
Путь пользователей
Аккаунты заводят планы в excel, после чего согласовывают их с байерами, те вносят фактические значения и так они могут обмениваться этими формами несколько раз.
Например, кол-во и тип действия, пересчет из рублей в валюту и обратно, сумма и выбор валюты изначально были двумя столбцами, но мы склеили значения в одну ячейку. Это сделало таблицу компактнее.
Много-много табличек
Кастомные ячейки
В небольших табличках путем сокращения кол-ва столбцов действительно можно избавиться от скролла.
Прежде всего нужно было постараться уменьшить таблицы без потери информативности и где возможно убрать горизонтальных скролл.
Большие полотна байеров уже ни в какой стандартный экран не влезали. Для удобства восприятия такой таблицы, первый столбец с источниками закрепили.
Необязательные столбцы сделали скрываемыми. Плюс добавлена фильтрацией. Когда пользователь может скрыть все что ему не нужно и оставить только релевантные для себя показатели.
В идеальной картине работы фронта и бэка, система будет запоминать выбор конкретного пользователя по компоновке столбцов и предлагать ему ее во всех последующих флейтах.
Необязательные столбцы сделали скрываемыми. Плюс добавлена фильтрацией. Когда пользователь может скрыть все что ему не нужно и оставить только релевантные для себя показатели.
В идеальной картине работы фронта и бэка, система будет запоминать выбор конкретного пользователя по компоновке столбцов и предлагать ему ее во всех последующих флейтах.
Длинные таблицы
Шапка и первый столбец зафиксирован
Выравнивание по левому краю в ячейках с числами, где есть значения после запятой. Копейки над копейками, десятки рублей над десятками и т.д.
Выравнивание по правому краю во всех остальных случаях.
Выравнивание по левому краю в ячейках с числами, где есть значения после запятой. Копейки над копейками, десятки рублей над десятками и т.д.
Выравнивание по правому краю во всех остальных случаях.
Общие принципы для всех таблиц
Все основные параметры для документов автоматически подтягиваются из базы данных. Для удобства инфо с суммами вынесено направо, чтобы не переключаться между вкладками, если вдруг аккаунт забыл какой флайт он закрывает.
При нажатии на кнопку отправить сведения улетают финансистам.
При нажатии на кнопку отправить сведения улетают финансистам.
Когда бронь одобрена с аккаунт и баинг директорами, а финальные суммы согласованы с клиентом, аккаунт отправляет данные в финансовый отдел для выставления закрывающих документов.
Обычно это тоже excel-таблица, которая дублирует сведения план-факта и дополнительно еще указываются другие параметры.
В нашем флоу в статуса “Согласовано” появляется дополнительная вкладка “Закрывашки”. *Мы сознательно используем привычный для пользователей глоссарий.*
Обычно это тоже excel-таблица, которая дублирует сведения план-факта и дополнительно еще указываются другие параметры.
В нашем флоу в статуса “Согласовано” появляется дополнительная вкладка “Закрывашки”. *Мы сознательно используем привычный для пользователей глоссарий.*
Закрывающие документы
Подробный кейс по ссылке