Главная
/
Кейсы
/
Дизайн мобильного приложения для настройки охранных систем автомобиля

Дизайн мобильного приложения для настройки охранных систем автомобиля

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

Что делали: UX-проектирование, прототипы, UI-дизайн, дизайн-система, тестирование сценариев.

У меня похожая задача

О клиенте

Компания-производитель автомобильных сигнализаций и охранных систем.

О продукте

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

Как проходил проект

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

На основе анализа мы спроектировали пользовательские сценарии, создали интерактивные прототипы в Figma, проверили все состояния экранов, включая ошибки соединения и завершение прошивки.

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

Этапы работы

UX-аудит и исследование: интервью с пользователями, тесты сценариев, выявление проблем
Проектирование пользовательских сценариев: регистрация, подключение, прошивка, уведомления
Разработка интерактивных прототипов: проверка всех состояний и сценариев
UI-дизайн: визуальный стиль, типографика, иконки, акценты
Создание дизайн-системы: компоненты, состояния, адаптивность
Дизайн-надзор: сопровождение разработки, контроль соответствия макетов
UX-тестирование: корректировка сценариев, упрощение интерфейса

Результаты

Пользователи быстро находят нужные функции и выполняют прошивку без лишних кликов. Благодаря визуальным акцентам и логике экранов сократилось количество ошибок при настройке устройств.
Дизайн-система обеспечила консистентность интерфейса и позволила команде разработки быстрее внедрять новые функции без необходимости переработки макетов.

Инструменты и стек

Figma, Jira, Confluence, Adobe Illustrator, Lottie, Miro