Сравнение объектов

Бизнес поставил задачу — оптимизировать таблицу сравнения для стабильной читаемости и удобства использования на всех устройствах: компьютерах, планшетах и смартфонах.

Проблема

Таблица плохо отображалась на разных устройствах

Решение

Горизонтальный свайп с подсказкой

Результат

Интерфейс стал удобным на всех экранах, взаимодействие улучшилось

App Screen with open sidebar
App Screen with open sidebar
App Screen with open sidebar

Функция сравнения объектов представлена на некоторых платформах по продаже недвижимости, однако она далеко не является стандартом. Даже там, где она реализована, адаптация таблиц под мобильные устройства часто выполнена неудобно: ограничено количество сравниваемых объектов, нарушена читаемость, либо функция вовсе отсутствует в мобильной версии. Это значительно ухудшает пользовательский опыт, особенно с учётом того, что многие пользователи просматривают объекты со смартфонов. После анализа конкурентов, у которых реализована адаптивность, были выбраны решения, обеспечивающее наилучшую читаемость и простоту взаимодействия. В рамках решения была реализована горизонтальная прокрутка контента таблицы при фиксированных заголовках, которые остаются на месте и обеспечивают сохранение контекста. Если количество объектов превышает ширину экрана, справа отображается стрелка навигации «вперёд» в активном состоянии, сигнализируя о наличии дополнительного контента. Всё это сделало интерфейс более удобным и понятным, особенно на мобильных устройствах.

Homescreen with open bottom drawer
Homescreen with open bottom drawer
Homescreen with open bottom drawer
App Measure Weight Screen
App Measure Weight Screen
App Measure Weight Screen

После успешного тестирования анимированных прототипов с участием представителей заказчика, были учтены все замечания и предложения. На основе полученной обратной связи решение было окончательно одобрено, и проект был передан в разработку для дальнейшей реализации.