Одна лента вместо пяти вкладок
Заменить разрозненный поиск по площадкам единой лентой: объявления, характеристики и связь с продавцом в одном месте.
AutoMatch
Мобильный агрегатор поиска автомобилей с пробегом: объявления с нескольких площадок собираются в единую ленту — с разобранными характеристиками, фотографиями и прямой связью с продавцом, не выходя из приложения.
- Роль
- Единственный дизайнер, полный цикл
- Период
- Октябрь 2023 — январь 2024
- Платформа
- iOS
- Объём
- Библиотека компонентов с нуля
Контекст
Покупатели, которые проверяют пять площадок в день
Основные пользователи — активные покупатели автомобилей, ежедневно отслеживающие рынок сразу на нескольких площадках: они повторяют один и тот же поиск, сравнивают одни и те же объявления и пытаются заметить новые.
Работа велась напрямую с владельцем продукта; фронтенд-разработчика на проекте не было.
Роль
Пересборка с нуля в одиночку
Я принял неструктурированный легаси-дизайн: без компонентной базы, описанных потоков и онбординга. Продукт был переосмыслен с основания — я пересобрал UX, создал полную библиотеку компонентов, переработал существующие потоки и спроектировал новые экраны и сценарии со всеми краевыми случаями.
Цели
Что продукт был обязан обеспечить
Оценка без открытия объявления
Сделать большую и постоянно обновляющуюся ленту пригодной для оценки с одного взгляда, чтобы покупатель отсеивал варианты, не открывая каждое объявление.
Фильтр, сохраняющий читаемость
Спроектировать сложный многопараметрический фильтр так, чтобы он оставался компактным и разборчивым во всех состояниях.
Сложности
Три задачи и принятые решения
- Плотный фильтр с множеством параметров
Экран настройки подборки охватывает регион, тип кузова, марку и модель, историю повреждений, пробег, цену, двигатель, коробку передач, тип топлива, тип продавца и другие параметры — у каждого свой паттерн взаимодействия. Решение: группировка параметров по смысловым блокам, сегментированные переключатели для бинарных выборов, инлайн-чипы для множественного выбора и сворачиваемые диапазоны — весь фильтр на одном прокручиваемом экране.
- Информационно плотная карточка ленты
Лента обновляется автоматически и непрерывно. Покупателю нужны ключевые характеристики, цена, её отклонение от среднерыночной, статус просмотра и пометки о новых объявлениях — в пределах компактной карточки. Решение: строгая иерархия — фотография, марка с моделью и цена на первом уровне; характеристики, пробег и регион на втором; отклонение от рынка и статус — контекстными наложениями.
- Ни одного описанного состояния
Унаследованные материалы не содержали ни логики компонентов, ни описанного поведения. Каждый элемент потребовалось определить с нуля — состояния, краевые случаи, правила взаимодействия — до начала работы над экранами.
Результат
Состав выполненных работ
- Библиотека компонентов
Собрана с нуля под iOS, состояния и правила взаимодействия описаны в макетах.
- Основной сценарий
Создание подборки с многопараметрической фильтрацией: покрыты все типы параметров, состояния и краевые случаи.
- Лента
Система карточек с индикаторами отклонения цены, статусами просмотра и поведением при обновлении в реальном времени.
- Сопутствующие экраны
Главная, профиль пользователя и вспомогательные разделы вокруг них.