0-network: розподіл трафіку для медіабаєрів

Медіабаєри зливали бюджет на поганий трафік, який помічали лише наступного дня. Я спроєктував систему розподілу трафіку, що маршрутизує, фільтрує й монетизує кампанії в реальному часі.

Роль
UX/UI Designer
Індустрія
AdTech
Платформа
Web
Рік
2023

TL;DR

Проблема
правила маршрутизації жили в конфігах, які наважувалися чіпати лише досвідчені користувачі.
Рішення
візуальний конструктор правил зі статистикою наживо та алертами.
Результат
правила налаштовуються приблизно втричі швидше, а злив бюджету видно протягом години, а не в завтрашньому звіті.

Контекст і проблема

Бізнес-ціль

Дати професійним медіабаєрам і командам партнерського маркетингу єдиний центр керування кампаніями: маршрутизувати, фільтрувати й монетизувати величезні обсяги трафіку в реальному часі.

Біль користувача

Правила маршрутизації жили в конфігах, які наважувалися чіпати лише досвідчені користувачі, а поганий трафік з’являвся у звітах на день пізніше.

Чому це складно

Ставки високі: критичні фінансові дані, складна логіка «водоспадних» редиректів і жорсткі метрики контролю якості. Одна помилка в налаштуванні може коштувати значних втрат.

Моя роль

Продуктовий дизайнер. Головна мета — перетворити абстрактні алгоритми бекенду на інтуїтивний візуальний робочий простір: конструктор кампаній, щільну UI-систему й модуль симуляції.

Дослідження

Для кого

Професійні медіабаєри й команди партнерського маркетингу, які працюють із великими обсягами трафіку й цілий день живуть у цифрах.

Що має гарантувати інтерфейс

Оскільки кожна помилка коштує грошей, продукт мав поставити прозорість, точність і повний контроль над автоматизованими процесами понад усе.

Дизайн-стратегія

Знизити когнітивне навантаження

Зробити складні правила розподілу й логіку «рівнів» (tiers) видимими, щоб налаштування кампанії було логічним і передбачуваним, а не ризикованим.

Спершу аномалія

У такому щільному продукті компонування має підказати оператору, куди дивитися, ще до того, як він почне читати.

Ключові рішення

1. Як перетворити вкладену логіку «якщо/то» на конструктор правил, зрозумілий з першого погляду

Конструктор кампаній візуалізує правила розподілу трафіку й рівні, тож маршрутизація, яку налаштовує баєр, — це саме те, що він бачить.

2. Про що сповіщати — і коли краще мовчати

Розумна ієрархія й кольорове кодування статусів дозволяють миттєво помітити фінансові розбіжності чи технічні аномалії, не перевантажуючи увагу всім іншим.

3. Спершу тест, потім бюджет

Модуль симуляції працює як передстартова перевірка: користувачі безпечно тестують логіку кампанії й стан посилань у пісочниці, перш ніж запустити реальні бюджети.

Фінальний дизайн

Дизайн-система та UI

Щільна UI-система, створена для даних: компактні таблиці, чітка типографічна ієрархія й кольоровий код статусів, однаковий у дашбордах, статистиці, правилах і звітах.

Результат і вплив

  • Правила налаштовуються приблизно втричі швидше, з меншою кількістю людських помилок під час введення даних
  • Злив бюджету видно протягом години, а не в завтрашньому звіті
  • Прозора звітність і симуляція закрили розрив між складною автоматизацією та довірою користувача й спростили звірку з партнерами
  • Продукт масштабується на мільйони запитів і стабільно працює під високим навантаженням

Чого я навчився

  • Коли помилка коштує реальних грошей, безпечне місце для репетиції краще за будь-яке попередження.
  • У щільних інструментах колір статусу працює більше, ніж компонування.
  • Довіра до автоматизації зростає, коли люди бачать, що саме вона зробить.

Наступний кейс

Cars311: desking-інструмент для автодилерів США

Наступний кейс

Інструмент для профі, який відлякує новачків? Я можу це виправити.

Зв’язатися