После внедрения решения — работа над предсказуемостью, после кардинальных изменений представления информации (с таблицы на карточки) необходимо было убедиться, что пользователь полностью понимает, что он делает. После многочисленных прод. встреч и ПСИ оказалось, что не только понимает— в разы ускорилась работа с основным функционалом, увеличилась читаемость, легкость нахождения информации.
1 сентября 2022 года вступил в силу п. 3 ст. 1 Федерального закона от 02.07.2021 № 347-ФЗ. Участников рекламного рынка начнут наказывать за отсутствие маркировки интернет-рекламы. Для физлиц штрафы составят до 100 000 руб., а для юрлиц — до 500 000 руб.
Создание инструмента, с помощью которого сотрудники холдинга смогут оперировать рекламными данными, чтобы не получить штраф.
Перенос представления информации из табличного в карточный — проверка гипотез о взаимодействии пользователя на ПСИ
Участие в продуктовых встречах с заказчиком для сбора требований к системе + формулировка джобстубидан совместно с аналитиками
Перенос макетов на компонентный подход, создание ui kit, цель — быстрые изменения в условиях постоянно меняющихся вводных
Дизайн-ревью тестового стенда, контроль реализации, сбор багов системы
Внедрение новых фичей согласно релизному плану
Было сложно въехать в контекст, но это был первый и необходимый шаг.
На картинке изображено то, с чем предстояло работать заказчику
Задача 1. Конвертировать таблицу в человекочитаемый вид
Анализ существующих ОРД (Яндекс, Озон, ВК, Вымпелком, Медиаскаут)
Сбор референсов на тему того, как можно отображать таблицы. Было найдено решение с карточным представлением. Создана презентация для защиты решения перед бизнесом. Разница была очевидна и колоссальна, поэтому убеждать долго не пришлось, но мы услышали искреннее удивление в духе «а что так можно было». Заказчики принадлежат к типу людей, всегда работавших в монструозный эксельках.
MVP версия делалась в очень сжатые сроки (необходимо было покрыть макетами основной функционал за 2-3 недели), поэтому на создание UI KIT и компонентный подход не было времени. Разработка фронта была на антовских компонентах.
Задача 2. Макеты — в компонентный подход, создание UI KIT, инструкции для фронтов для рефакторинга компонентов. Улучшение UI
Я создала user flow бизнес-процессов пользователей, чтобы ничего не упустить в разработке и всем участникам проекта было удобно на этом этапе понимать как всё работает. Потом эта карта пригодилась при проектировании макетов
Разделение единой доски на макетную доску и UI KIT. У разработки появился доступ к библиотеке, где компоненты разбиты на страницы, а к большинству есть гайды.
Улучшение UI. Особое внимание было уделено типографике, так как в больших массивах данных важна читаемость, важно быстро находить во множестве строк нужную информацию.
Была обновлена палитра цветов, это коснулось цветовой дифференциации карточек сущностей, статусов. Некоторые элементы, такие как типографика, удалось переиспользовать, это сильно экономило время.
Оператор рекламных данных
Задача 3. Дизайн-ревью тестового стенда, контроль реализации, сбор багов системы
Поскольку изначально фронты работали на антовских компонентах, после рефакторинга появилось много кастомизированных решений. Соответствие стейджа макетам проверяла я, создавала задачи на ребят, была тонна обсуждений. Особенно много синков было по валидации полей, адаптиву карточек, анимации элементов. На создание полноценной кастом дизайн системы не было ресурса.
Задача 4. Сбор обратной связи от заказчиков. Выявление слабых ux решений и их доработка. Приоритизация бэклога.
Подготовка к подключению новых направлений продаж — создание онбординга.
Подробнее о доработках ux во время интервью с демонстрацией макетов
Перед подключением новых направлений продаж я предложила создать онбординг.
Это позволило бы снять нагрузку со слабого места проекта — технической поддержки, так как "экскурсия по заводу" ответила бы на многие вопросы новых юзеров. После анализа похожих систем и опроса заказчиков я поняла, что нам нужна очень кастомная история, так как существующие решения не отвечали нашим требованиям.
После внедрения данной фичи я получила положительную обратную связь. В чате тех. поддержки сообщений непонимания как пользоваться системой не было. Соответственно, команда была немного разгружена + приобрела престиж и доверие, так как онбординг был нашей инициативой, которая не входила изначально в планы заказчика.
