Проект начался с тендера на чип для умного дома. Приложение объединяет устройства разных производителей и рассчитано на квартиры, частные дома, жилые комплексы и офисы. Продукт находится на стадии MVP, часть деталей защищена NDA. Отдельное направление проектабезопасность и доступ: камеры, домофоны, распознавание номеров и биометрия

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

Я единственный дизайнер проекта и веду приложение от исследования до реализации

Исследование: собрал контекст у команды, изучил конкурентов и отзывы
Проектирование: разработал структуру, сценарии и вайрфреймы
Дизайн: подготовил интерфейс к разработке и сопровождаю внедрение

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

Затем сравнил Apple Home, Aqara Home и «Дом с Алисой»: изучил организацию комнат и устройств, главные экраны, сценарии управления и отзывы пользователей. На основе собранного материала сформулировал пользовательские задачи и гипотезы для приложения

Apple Home
На главном экране легко оценить состояние дома и перейти к устройствам. В отзывах пользователи отмечают сложное подключение и неочевидные состояния устройств

Aqara Home
Устройства организованы по домам и комнатам, но настройки распределены по разным разделам. В отзывах встречаются жалобы на потерю связи и отсутствие уведомлений о сбоях

«Дом с Алисой»
Частые действия доступны с главного экрана. Пользователям не хватает гибкой настройки сценариев и уведомлений, а также возможности передавать право на добавление устройств членам семьи

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

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

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

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

· Права доступа должны учитывать разные роли. Жителям, администраторам и специалистам нужны разные действия и возможность передавать часть прав другим пользователям

К началу работы команда уже использовала Mantine UI. Я сохранил готовую основу и дополняю её своими компонентами. Карточки, цвета и отступы адаптирую под продукт, а правила фиксирую в UI-ките для разработчика

Спроектировал сценарии входа, регистрации
по приглашению и создания пароля для новых пользователей

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

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

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

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

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

До подтверждения приглашение отображается в списке как ожидающее. В списке также видны роль, состояние доступа и статус биометрии, а пользователи с активным и отключённым доступом разделены. Так администратор может проверить, кто и на каких условиях имеет доступ к дому

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

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