Атом

Как участвовал в создании дизайна ОС для электромобиля с нуля

ATOM — масштабный стартап, где одновременно с нуля создавались и автомобиль, и его цифровая ОС.

Я присоединился в 2023 году и вместе с командой занимался проектированием интерфейса автомобиля (HMI). Спроектировал одно из ключевых направлений продукта — управление доступом (двери и замки). Эта зона связана не только с удобством, но и с множеством ограничений и аспектов безопасности, которые напрямую влияют на опыт водителя и пассажиров.

Кейс частично скрыт в рамках NDA

Результат

Спроектировал комплексный интерфейс управления доступом к автомобилю, объединяющий визуальные элементы, индикации и оповещения, сопровождающий пользователя на всех этапах: подход, поездка, уход.

Задача

Создать понятный и надёжный интерфейс доступа к автомобилю, который позволяет водителю без усилий ориентироваться в интерфейсе, как на стоянке, так и в движении.

Задачи бизнеса

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

Роль

Присоединился на раннем этапе развития продукта, когда была только идея и процессы находились в стадии формирования. Был в команде сервиса, отвечающего за комфорт (регулировку руля, кресел и др.), климат-контроль и доступ к автомобилю. Позднее доступ к авто выделили в отдельный сервис с собственной командой (продакт, аналитик, исследователь). На моей стороне был полный цикл: формулировка гипотез, создание прототипов, коридорные тесты, дизайн-ревью и защита фич.

Ограничения

✦ Маленький экран (8`)
✦ Экран крутиться вместе с рулём
✦ Отсутствия 90% физических кнопок
✦ Нет никаких гайдлайнов

✦ Нужно учитывать зоны доступности

Ключевые вызовы проекта

✦ Интерфейс должен минимизировать риск случайной блокировки или открытия дверей
✦ Пользователи должны сразу считывать, какие действия возможны и что будет происходить при активации функции
✦ Нужно учитывать разные контексты (в движении, стою, покидаю машину)
✦ Сложные и нестандартные иконки

✦ Тестирование интерфейса, когда нет физических дверей

✦ Так как машина создавалась параллельно было много камней, когда функция в процессе спринта вырезалась или уходила в будущие релизы.

Процесс работы

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

На этом этапе было погружение в automotive индустрию, нужно было понять:

✦ как водители взаимодействуют с системой

✦ какие у них сформировались привычки

✦ какие есть паттерны в интерфейсе

✦ понять минимальный функционал

✦ выделить интересные ux-решения

Архитектура

Этап архитектуры позволил объединить требования продукта, UX и инженерии:

✦ создание сценариев → user flow;

✦ создание функциональной карты сервиса;

✦ приоритизация функций;

✦ анализ рисков;

✦ работа со спецификациями.

Варфреймы

На этапе вайрфреймов решал, как разместить элементы управления на ограниченном 8-дюймовом экране, который вращается вместе с рулём, так как основное взаимодействие происходит в боковых частях и нужно было учитывать зоны досягаемости и минимизировать отвлечение водителя. Так же были разные подходы к отображению управления дверьми, чтобы добиться баланса между информативностью и простотой взаимодействия.

Тестирование

На тестированиях проверял UX-гипотезы, связанные с безопасностью и эргономикой интерфейса:

✦ насколько удобно дотягиваться до элементов на экране

✦ правильно ли считываются элементы на экране, совпадают ли действия с ожиданиями

✦ не мешает ли вращение руля взаимодействию

✦ как быстро пользователь может выполнить действие без ошибок

Полученные инсайты помогли уточнить расположение элементов и улучшить читаемость интерфейса.

Дизайн

На этапе дизайна прорабатывал разные варианты визуального представления управления дверьми, чтобы состояния считывались быстро и не отвлекали водителя. Задача заключалась в том, чтобы обеспечить баланс между наглядностью, безопасностью и единым визуальным языком внутри ОС. Для согласованности решений тесно взаимодействовал с командой, отвечающей за системный UI и синхронизацию визуальных паттернов между сервисами.

Результат:

✦ Спроектировал интерфейс, который показал 87% (внутренний индекс) успешного прохождения на последнем тестировании

✦ Удалось убедить команду и отказаться от 6 функций с низким пользовательским импактом

✦ Ускорить онбординг новых коллег в 2 раза за счет структурирования документации сервиса

✦ Предложил виджет для главной страницы, который не только информирует и показывает индикации, но и сокращает путь пользователя к управлению дверями и замками с 3+ шагов до 1

Create a free website with Framer, the website builder loved by startups, designers and agencies.