Начало
Отсутствует единая логика в разных разделах
Отсутствует единая логика в разных разделах, например навигационные элементы находятся в разных местах
На платформе 4 роли пользователей с разным функционалом и нет проработанного user flow
Неактуальный и перегруженный UI
Когда я пришла в проект, у компании была реализована MVP-версия, которая находилась на этапе редизайна. Компания хотела разработать классный продукт для профессионалов на рынке рекламы и выделиться среди конкурентов.
Когда я пришла в проект, у компании была реализована MVP-версия, которая находилась на этапе редизайна.
В существующих разделах я выявила критические проблемы, которые влияли на пользовательский опыт. Так как верстка еще не началась, меня не ограничивали в улучшении UI и функционала.
Проблемы
Было
Отсутствует единый стиль элементов
Акцентный красный цвет интуитивно ассоциируется с ошибкой, из-за чего интерфейс воспринимался как тревожный
Навигационные элементы расположены непоследовательно: на одних экранах находились внизу, на других – вверху
1
3
2
1
3
2
и процесс
Задачи
Процесс
Провожу бенчмаркинг рекламных платформ
Проработать user flow для 4х ролей (админ, агентство, рекламодатель, наблюдатель), определив их доступный функционал
Спроектировать актуальный UI для MVP-версии с дальнейшим масштабированием продукта
Протестировать основные сценарии
бенчмаркинг
Понять общие черты платформ, чтобы сохранить предсказуемость и ожидаемые паттерны для пользователей
Проанализировать, для каких целей выбирают платформу, проследить механики, которые помогают вовлекать в продукт
Основной вывод
Платформы выделяются за счет:
Роли креатива в рекламе
Уровня автоматизации и оптимизации – насколько много настроек
Способа выбора цели и ее влияния на flow
Провожу интервью с пользователями внутри компании
интервью
Изучить, для каких целей пользователь выбирает определенную платформу
Чтобы лучше понять пользователя и чего ему не хватает в платформах
3.
Оптимизация и отчеты – одни из самых важных функций, пользователь хочет легко понимать, что пошло не так и иметь быстрый доступ это исправить
2.
Повторяющиеся действия занимают значительное время, удобно, когда есть автоматическое заполнение и переиспользования данных
1.
Переключения между платформами привычны для пользователя
Инсайты
Первые концепты
Рисую первые концепты и готовлю прототип для тестирования
Тестирую Flow запуска кампании
Итоги
Тестирование
Примеры экранов запуска кампании
Часть прототипа
Юзабилити-тестирование с элементами глубинного интервью
Методология
6 респондентов
Имеющие опыт работы в AdTech более 2х лет
Респонденты
Интерфейс интуитивно понятен и легко воспринимается
Подсказки по целям не мешаю восприятию, однако респонденты их игнорируют, так как имеют опыт работы, тем не менее все респонденты считают, что их лучше оставить
Не хватает размеров изображения для загрузки креатива
Координаты в местоположении не несут в себе информативности
Сайдбар с названиями таргетинга сливался с основным контентом и пользователь делал ошибки в навигации
Пользователи отметили неудобство переключения таргетинга только в сайдбаре: хотелось иметь возможность скролить весь таргетинг на одной странице
Интерфейс интуитивно понятен и легко воспринимаем
Пользователю удобно видеть весь доступный таргетинг в сайдбаре
Создание кампании
Создание объявления
Создание группы объявлений
Выводы
Добавить рекомендации по размерам креативов
Продумать UI таким образом, чтобы степпер, сайдбар и основной контент были разделены между собой
Вывести весь таргетинг на один экран и дать пользователю возможность и скроллить его, и переключаться по сайдбару
Примеры нескольких сценариев
Почему этот пункт в конце? Потому что к шагам мы добавляли макеты в разных состояниях, чтобы команда быстрее ориентировалась, тем самым уменьшая ошибки в cложных сценариях.
Прорабатываю User Flow для 4х ролей
user flow
Выявила боли, задачи и ожидания пользователей с разными ролями
Определила ключевые сценарии и взаимодействия между ролями
Сформировала единый стиль и предусмотрела развитие продукта за пределами MVP
Оценила время выполнения ключевых сценариев и частоту пользовательских ошибок
Провела интервью
Роли проработала
в user flow
в user flow
Спроектировала интерфейс платформы
процесса
Итоги
Провела юзабилити-тестов
Дизайн
После
До
Результаты
Участвовала в запуске и вывела продукт
Спроектировала масштабируемую
UX-архитектуру
UX-архитектуру
Спроектировала с нуля и довела до реализации
разделов
15+
и дизайн-систему
и дизайн-
систему
за рамки MVP-версии
за рамки MVP