Человекоцентричный B2B-экран: снижение нагрузки на техподдержку и ускорение поиска ошибок
Коротко
- Экран рассчитан на две аудитории: маркетологам нужен понятный статус, разработчикам — причина ошибки, код и точное место сбоя.
- В примере фида 47 483 товара прошли проверку без ошибок, 1 871 — с ошибками; эти показатели вынесены в заметный визуальный блок.
- Категории ошибок предлагается собирать в аккордеоны со счетчиками товаров, а внутри показывать номер строки и фрагмент проблемного кода.
- Редизайн не меняет состав данных и верхний блок страницы: ошибки и рекомендации остаются единым массивом, как их отдает бэкенд.
Экран должен одновременно обслуживать две аудитории: маркетологам и e-commerce-менеджерам нужен верхнеуровневый статус и понятное описание проблемы, разработчикам — технические детали. При этом нельзя было удалять данные, менять верхний блок или разводить ошибки и рекомендации по разным вкладкам, поскольку с бэкенда они приходят единым массивом.
В предложенном редизайне показатели 47 483 без ошибок и 1 871 с ошибками вынесены в заметный блок с линейным баром. Категории ошибок собраны в аккордеоны со счетчиками затронутых товаров, а внутри показывается фрагмент кода, номер строки и место сбоя — разработчику не нужно вручную искать проблему среди примерно 59 тысяч товарных позиций.
В исходном интерфейсе название категории можно было принять за текст самой ошибки, а ее причину и расположение пользователь должен был искать самостоятельно, хотя эти данные уже известны системе. Автор также предлагает убрать визуальный шум сырых ссылок и объяснять причину неактивности кнопки «Перепроверить»; снижение числа обращений в поддержку в статье сформулировано как продуктовая гипотеза, а не измеренный результат.
FAQ
Зачем менять экран проверки товарных фидов, если все ошибки и техническая информация уже присутствуют в интерфейсе Яндекс Директа?
Проблема была не в отсутствии данных, а в их подаче: статус трудно считывался, а место и причина ошибки требовали дополнительного поиска. Редизайн должен сделать нужную информацию заметной для разных типов пользователей.
Как предложенный интерфейс помогает разработчику быстрее найти конкретную ошибку в большом товарном фиде и перейти к месту сбоя?
Для каждой категории показывается IDE-подобный блок с фрагментом кода, номером строки и местом ошибки. Это избавляет от ручного поиска проблемной позиции среди десятков тысяч товаров.
Читайте также
- Разделение B2B-интерфейса по уровням технической глубины: Если одним экраном пользуются бизнес-пользователи и разработчики, интерфейс стоит строить вокруг общей верхнеуровневой диагностики с раскрываемой технической детализацией. Маркетологу достаточно статуса и понятного описания проблемы, тогда как разработчику нужны код, причина и точное место сбоя.
[UX/UI B2B-продуктов]
Зарегистрированные пользователи видят только два тезиса.
Зарегистрироваться
UX/UI-дизайнер Никита Мищенко предложил редизайн экрана проверки товарных фидов в Яндекс Директе, чтобы маркетологи быстрее понимали состояние каталога, а разработчики сразу находили место ошибки. Решение построено вокруг более заметных статусов, группировки проблем и технической детализации без обращения к поддержке.