Редизайн Лета
Переосмысление дизайн-системы и подхода к пользовательскому опыту
Введение

Usability
Существует три основных показателя юзабилити: эффективность, продуктивность и удовлетворённость. Эффективность — процент успешно завершённых сценариев. Продуктивность — сколько времени, внимания пользователь потратил на них. Субъективная удовлетворённость определяет, насколько комфортен этот процесс для него.
Пользовательский интерфейс — это инструмент управления. Он должен предоставляет доступ к любым возможностям системы самым комфортным с точки зрения юзабилити способом.
Хороший интерфейс должен давать возможность пользователю
с наименьшими усилиями выполнить ряд нужных ему задач.

Мы говорим об инструменте, позволяющем человеку самостоятельно добираться до необходимых функций быстро
и без посторонней помощи.
Текущая ситуация
Навигация по разделам запутана, программные модули сложны в обслуживании, возникают трудности во взаимодействии с большим количеством данных.
1
Только desktop версия
Текущая архитектура интерфейса не позволяет сделать его адаптивным под различные устройства, в связи с чем, взаимодействие с системой возможно только на компьютере.
2
Рассинхронизация дизайна проектов
В различных разделах присутствуют уникальные элементы с отличающимися свойствами, провоцирующими отсутствие согласованности в компонентах.
3
Множество свободного пространства
Экранное пространство использовано нерационально, по бокам интерфейса пустоты, а данные при этом растягиваются в бесконечной длины простыни.
4
Сложная навигация
Найти нужное размещение становится все сложнее. В списке размещений отсутствуют фильтры по площадкам, форматам, датам и другим параметрам, требуемым в ежедневной работе.
и многое другое...
Анализ конкурентов
Решения, которые мы можем применить:
Опыт Rambler AdTech
В рамках департамента рекламных технологий реализуется проект SSP. Команда пошла путем внедрения эффективных методологий управления и технологических улучшений, позволивших развернуть качественный продукт за скромные сроки.
Лето 2.0
Дизайн с применением общей библиотеки компонентов, обновленной структурой навигации и новой подачей рекламных размещений.
В чем профит?
Масштабируемость проектов
Ускорение разработки
Упрощение процессов
Повышение качества
Кампании
Основное меню всегда доступно и вмещает неограниченное кол-во пунктов. У списка появился настраиваемый фильтр по всем возможным критериям. Лэйаут страницы позволяет просматривать интерфейс на любых устройствах.
Размещения кампании
Со списком размещений теперь стало работать проще. Настраиваемые колонки таблицы и фильтры под необходимые параметры позволяют охватить все данные не переходя внутрь размещения.
Карточка размещения
Элементы комфортно распределены по всей экранной области, сделаны акценты на приоритетных метриках, появились новые функциональные блоки, которых не хватало многим пользователям.
Этапы внедрения
Сбор требований
Создать систему постановки и решения задач, определить зоны ответственности и прогнозируемые сроки
Формулирование кейсов
Выделить основные группы пользователей и их сценарии, сформулировать истории в конечные требования
Дизайн и прототипы
Проектирование основных разделов и библиотеки элементов, согласование с разработчиками и стейкхолдерами
Рефакторинг текущего функционала
Заморозка текущей версии, реформация бэк-энда, окружение для нового проекта
Разработка и миграция
Разработка и дополнение компонентов, сборка каркаса и поэтапный перенос роутингов
Тестирование
Настройка авто-тестов, внутреннее тестирование, внешнее тестирование, дизайн-ревью