Yandex · Робот-доставщик 2.0

Роль

UX/UI Designer

Команда

3 — UX/UI-дизайнера

8 — Flutter-разработчика

2 — DevOps

2 — QA

2 — Project Manager

Период

4 месяца

Ссылки

Посмотреть вживуюОткрыть макет

Яндекс — одна из крупнейших IT-компаний России, работающая в широком спектре цифровых и физических продуктов. Проект относился к направлению «автономного транспорта», где компания развивает роботов-доставщиков, передвигающихся по городским улицам. Робот-доставщик стал узнаваемым символом Яндекса: вокруг него появились музеи, брендированная атрибутика, игрушки и коллекционные изделия. Робот рассматривается не только как технический продукт, но и как часть бренд-экосистемы компании.

О проекте

Робот-доставщик версии 2.0 — новая итерация продукта: более продвинутая, дальнобойная и оснащённая камерой, передающей картинку в реальном времени. Главным изменением стал перенос управления роботом с физического пульта на мобильное приложение. Смартфон позволял создать более гибкий и масштабируемый способ взаимодействия с устройством.

Исследование

Первым этапом стало детальное изучение робота первой версии: как он выглядит, как ощущается управление и что испытывают пользователи, что пишут в отзывах. Родилась ключевая идея — сохранить визуальную преемственность между версиями 1.0 и 2.0, чтобы они воспринимались как единая линейка продуктов. Было решено имитировать «физические» кнопки на экране, создавая ощущение управления физическим пультом от первой версии.

Визуальное исследование

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

UI-kit

Одной из главных проблем было отсутствие доступа к дизайн-системе Яндекса. Потребовалось время на создание собственного UI-kit'а, основанного на цветах «Автономного транспорта». Я отвечал за визуальный стиль элементов на экранах «Управление», «Онбординг» и «Уведомления/ошибки», а также разработал абсолютно новые иконки для управления подсветкой робота.

Окончательный дизайн

Несмотря на кроссплатформенный стек (Flutter), из-за различий в ограничениях платформ дизайн пришлось разделить. Различия незначительны, но они есть в сценарии подключения робота. Важно было учесть не только особенности платформы, но и обеспечить полную читабельность информации на динамичном фоне.

Больше потоков

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