Аудит єдиного стилю BI Zarmilkas

Сайдбар

• major
  Іконки різної щільності. Ad у «Маркетинг» це залита плашка з літерами всередині, решта іконок лінійні. У ряду вона читається як чужа.Фікс: єдиний лінійний набір, однакова товщина обведення і оптичний розмір 20px.
• major
  Меню брендів накриває навігацію і крізь нього просвічує підсвічений пункт. Видно сірий блок «Огляд» під панеллю.Фікс: непрозорий фон, тінь рівня дропдауна, z-index вище нава.
• minor
  Один favicon на три бренди. NOT ENOT у списку показує ту саму позначку, що Zarmilkas.Фікс: позначка на бренд або взагалі без позначки в пунктах списку.
• minor
  Порожній простір між «Товари» і низом меню. Приховані пункти (Воронки, Сайти, Дизайни, Creative BI) лишили діру.Фікс: низ прилипає, середина не розтягується довільно.

Один шаблон, дві висоти

Огляд67px

Замовлення67px

Відвідувачі67px

Аналітика54px

Товари54px

Маркетинг54px

Налаштування54px

• critical
  Дві висоти хедера: 67px і 54px. Шаблон один на всі вкладки, але висота в ньому не задана взагалі: вона просто дорівнює вмісту. Є датапікер, виходить 67px, немає, виходить 54px. Перехід між вкладками зсуває все полотно на 13px.Фікс: висота прибивається жорстко, правий слот існує завжди, навіть порожній.
• critical
  Заголовок їздить по вертикалі. Кегль і вага скрізь однакові (18px), але центр рядка стоїть то на 33px, то на 26.5px, залежно від висоти бару.Фікс: після фіксованої висоти центр стає однаковий на всіх вкладках.
• critical
  Маркетинг стрибає сам усередині себе. Промо, Email і Клієнти дають 54px, а Квіз 67px, бо тільки там показують період.Фікс: висота не залежить від внутрішнього стану вкладки.
• major
  На Огляді і Замовленнях два контролі періоду одночасно. Один у хедері, другий у полотні, різного вигляду і з різними назвами того самого діапазону («Останні 7 днів» проти «7 днів»). При періоді 14 днів сегмент у полотні взагалі гасне: жодна пігулка не активна.Фікс: період живе тільки в хедері, дубль з полотна прибрати.
• major
  Період є тільки на трьох вкладках із семи. На Аналітиці він фактично існує, але як третій за дизайном віджет у полотні, а не в хедері.Фікс: єдиний контрол періоду в правому слоті хедера.
• major
  Ряд одразу під хедером має сім різних наборів токенів. Огляд, Відвідувачі й Товари тримають білу пігулку з великим радіусом, а Аналітика, Маркетинг і Налаштування сіру з радіусом 9-12px, тобто чужу мову.Фікс: один сегмент-компонент на всю систему.
• critical
  На телефоні три різні реальності. Замовлення показують мобільний хедер, п'ять вкладок віддають десктопний, а Налаштування не мають хедера взагалі.Фікс: один хедер на в'юпорт.

Датапікер

• major
  «Серпень 2026 Р.» Велика «Р.» з крапкою це артефакт локалізації, а не назва місяця.Фікс: «Серпень 2026».
• major
  Клік по датах не змальовує діапазон. Після двох кліків підказка внизу лишилась «оберіть діапазон у календарі», підсвітки діапазону нема.Фікс: підсвітка від і до, живий підпис діапазону замість підказки.
• minor
  Мікротекст у футері. Сірий дрібний рядок підказки суперечить правилу «без мікротексту в BI».Фікс: замінити на живе значення обраного діапазону нормальним кеглем.

«Вийти з системи?»

• critical
  Текст обрізаний: «Ви справді хочете вийти? Доступ доведеть…» Речення не дочитується.Фікс: текст переносом у кілька рядків, ширина модалки під зміст.
• critical
  Пояснення лежить у сірій плашці і виглядає як заблокований інпут, а не як текст.Фікс: звичайний абзац без підкладки.
• major
  Червона залита кнопка «Вийти». У системі деструктив це червоний текст («Видалити статус», «Видалити» в Команді), а залита кнопка завжди чорна.Фікс: чорна основна кнопка або червоний текст, за єдиним правилом.
• minor
  Вихід це не деструктив. Червоний тон драматизує звичайну дію.

Список, акордеон, створення

• critical
  Два різні шляхи для однієї сутності. Створення = модалка з одним полем, редагування = акордеон у списку з повним набором полів. Людина створює статус і не бачить ні кольору, ні бакетів, доки не знайде рядок і не розкриє його.Фікс: один шлях. Створення відкриває той самий редактор, що й правка.
• major
  Емодзі-замок 🔒 у дефолтного статусу серед лінійних іконок.Фікс: лінійна іконка замка того ж набору.
• major
  Капслок-мікротекст: «АКТИВНІ СТАТУСИ», «НАЗВА СТАТУСУ», «ПРЕВ'Ю КОЛЬОРУ», «БАКЕТИ», чіпи «TOTAL / APPROVE / BUYOUT».Фікс: звести до нормального кеглю і прибрати зайві лейбли там, де поле самоочевидне.
• minor
  Шеврон «>» і drag-хендл в одному рядку дають два різні натяки на дію.

Що саме я віддаю людині

• critical
  «Змінити доступ» показує лише роль. Дерева вкладок тут нема, хоча саме воно вирішує, що людина побачить. Повний список доступів видно тільки під час запрошення, тобто змінити його потім неможливо.Фікс: та сама форма з деревом і при запрошенні, і при зміні доступу.
• major
  Це не попапи, а підміна вмісту. Кнопка «+ Запросити людину» лишається зверху над формою редагування доступу, поруч зі своїм же «← Назад». Дві незв'язані дії на одному екрані.Фікс: єдина модалка системи, як у решті BI.
• major
  Роль і тумблери не пов'язані. «Менеджер» і «Повний адміністратор» ніяк не змінюють дерево, роль виглядає декоративною.Фікс: роль задає пресет тумблерів, ручні зміни поверх пресета видно явно.
• major
  Нативний select зі системною стрілкою замість елемента нашої системи.
• minor
  Усі тумблери вимкнені за замовчуванням при ролі «Менеджер»: запрошена людина не отримує нічого, поки не проклацати дерево вручну.

Знято з живої системи

• critical
  Перемикання системи стирає вже видані доступи попередньої. Дав людині Замовлення в NOT ENOT, перейшов на Zarmilkas, повернувся, доступ зник. Дати доступ до двох систем фізично неможливо.
• critical
  Зміна ролі стирає все видане. Перемкнув на «Повний адміністратор» і назад на «Менеджер», набір вкладок порожній.
• critical
  «Zarmilkas Creative BI» це порожній сегмент. Він показує дерево Zarmilkas один в один і зберігає під тим самим брендом, тобто у виданих правах дві системи невідрізнимі. Саму вкладку Creative BI віддати неможливо: ключ у системі є, рядка в списку немає.
• major
  Вимкнення розділу стирає окремо видані підпункти. Видав чотири підпункти Маркетингу поштучно, увімкнув і вимкнув сам Маркетинг, усі чотири зникли.
• major
  Розділ не бачить своїх підпунктів. Усі чотири підпункти Маркетингу увімкнені, а сам Маркетинг показує «вимкнено». Проміжного стану не існує.
• major
  «Вимкнути» людину працює без підтвердження, запит летить одразу по кліку. При цьому вимкнути можна і власника, тобто себе.
• major
  У списку не видно, що саме віддано. Рядок показує лише роль. Щоб побачити доступи, треба відкрити форму і переглянути 19 перемикачів. Функція, яка збирає їх у чіпи, у коді вже написана, але не викликається.
• major
  П'ять рядків списку ведуть у нікуди: Дашборд, Ланцюжки, Теплокарта, Візор, Допродажі. У навігації Zarmilkas таких вкладок немає.
• critical
  На телефоні це інший продукт. Там п'ять ролей із рангами (Власник, Адмін, Керівник, Менеджер, Склад) і сутність «Відділи», якої на комп'ютері немає взагалі. На комп'ютері ролей рівно дві. Поки моделі різні, будь-яка правда про доступи хибна на одному з екранів.

Що ламається поза версткою

• critical
  «7 днів» показують різні цифри залежно від часу доби. Період рахується не від півночі, а від поточної хвилини мінус сім діб. Два заміри поспіль на тому самому періоді дали 649 526 грн і 644 436 грн.Фікс: межі періоду вирівнюються по добі. Це зона даних, застосовується після звірки з каноном метрик.
• critical
  Квіз мовчки перемикає період усій системі. Зайшов у Маркетинг · Квіз, вийшов, і Огляд, Замовлення та все інше відкриваються в «Максимум», хоча стояло «Сьогодні».Фікс: період Квіза живе окремо і не чіпає систему.
• critical
  Маркетинг: відкриття картки клієнта стирає всю решту адреси. Період, пошук і фільтри зникають, після оновлення сторінки період мовчки стає «Сьогодні».
• critical
  Помилкова адреса віддає сирий текст замість екрана. Заходиш на неіснуючу вкладку і бачиш службовий рядок «ok:false, error:not found» замість сторінки системи.
• major
  Надіслане посилання на сторінку списку показує іншій людині інші рядки. Номер сторінки в адресі є, а кількість рядків на сторінці зберігається лише в браузері відправника.
• major
  Аналітика: сортування, набір метрик і фільтр не зберігаються. Оновив сторінку, і все скинулось у початкове.
• major
  Період висить в адресі там, де його немає в інтерфейсі. На Аналітиці й у Маркетингу параметр періоду є в посиланні, але ні на що не впливає: сторінка з «Сьогодні» і з «Максимум» однакова до символа.
• major
  Замовлення: статус-таби намальовані Arial, тобто чужим шрифтом, а активний таб обведений жирною внутрішньою рамкою, чого немає більше ніде.
• minor
  Слово в інтерфейсі не збігається зі словом в адресі: таб називається «Теги», а адреса каже «sources».

Що перевірено і працює правильно, чіпати не треба: кнопка «назад» у браузері, повне відновлення стану Огляду, Замовлень, Товарів і Відвідувачів із посилання, автоматичне прибирання зайвих параметрів, нуль помилок у консолі на всіх чотирнадцяти адресах.