Обзор нового мобильного приложения. Релиз уже в июле 2026
25.05.2026
Технологии 4 мин 34
Обзор нового мобильного приложения. Релиз уже в июле 2026
Главный экран мобильного приложения «Струна» — статус объекта «Под охраной»
Главный экран объекта в новом приложении «Струна»

Готовится новое мобильное приложение «Струна» — преемник приложения Cabinet. Релиз — в июле 2026. Ниже — тур по экранам, как они выглядят в финальном дизайне.

Релиз — июль 2026 Преемник приложения Cabinet

Запуск, онбординг и вход

Приложение открывается сплеш-экраном с логотипом «Интеграл+» и слоганом «Технологии, определяющие безопасность». Дальше — короткий онбординг из двух шагов: «Возможности» (шесть карточек-функций — контроль объектов, мониторинг шлейфов, звуковые уведомления, история тревог, информация об оплате, управление сторонними устройствами) и «С чего начать» (превью экрана настроек с инструкцией указать хост, логин и пароль, затем нажать «Проверка»).

Вход — по 4-значному PIN-коду на нативной цифровой клавиатуре. Альтернатива — Face ID (на скрине обозначен большой круглой иконкой под полем PIN). Под клавиатурой — ссылка «Забыли код?».

Онбординг, сплеш-экран и экран PIN-входа в приложении «Струна»
Слева — онбординг «Возможности», в центре — сплеш-экран, справа — вход по PIN

Список объектов

Список объектов под охраной. Каждая карточка — название (жирно), адрес с иконкой геолокации под ним и статус-пилюля справа:

СНЯТ С ОХРАНЫ ПОД ОХРАНОЙ НЕТ СВЯЗИ ТРЕВОГА

Внизу — таб-бар на три пункта: Объекты, События, Настройки.

Список объектов с цветовыми статусами
Список объектов

Главный экран объекта

Сверху — селектор объекта (chip с chevron-down) и компактный лого «Интеграл+» справа. Дальше четыре блока:

  • Статус-карта во всю ширину, синяя. Иконка замка, текст «Под охраной», мета «взят в 18:45 · хозорган №1», белая пилюля «ONLINE» справа.
  • Две большие плитки — «Шлейфы» (с количеством, «8 шлейфов») и «Дочерние устройства» («4 устройства»).
  • Подсистемы одной строкой из шести чипов: Wi-Fi, SIM 1, SIM 2, питание, АКБ, тревога. Цвет чипа = состояние. На скрине SIM 2 — красная плашка, остальные зелёные.
  • Большая кнопка «Об объекте» — primary-синяя, во всю ширину.
  • «Последние события» — лента из последних трёх событий с временем, ссылка «Показать все» справа.
Главный экран объекта
Главный экран объекта

Шлейфы

Список зон охраны. Каждая зона — круг с номером слева (цвет круга = статус), название и тип под ним («Геркон», «Датчик движения», «Тревожная кнопка», «Датчик дыма», «Датчик разбития») и статус-пилюля справа:

● ВЗЯТО ● СНЯТО ● ТРЕВОГА ● ОФЛАЙН

Карточка зоны в состоянии «Тревога» подсвечена розовой заливкой.

Дочерние устройства

Сетка 2×2 с большими карточками устройств. На скрине — типовой набор офиса: «Въездные ворота», «Входная дверь», «Гаражные ворота», «Уличное освещение». Каждая карточка содержит:

  • иконку устройства в цветном круге;
  • название устройства;
  • состояние словом — «ОТКРЫТО» (красным), «Закрыто» (серым), «ВКЛЮЧЕНО» (янтарным);
  • кнопку обратного действия — «Закрыть» с красным контуром, «Открыть» — синий primary, «Выключить» — янтарный контур.
Экран дочерних устройств: ворота, дверь, освещение
Дочерние устройства

Журнал событий

Сверху — селектор объекта и иконка фильтров справа. Под ним строка фильтра по периоду: Неделя (активна), Месяц, Период (с иконкой календаря).

События сгруппированы по дням («Сегодня · 4 мая», «Вчера · 3 мая»). Каждая карточка события — круглая цветная иконка слева, заголовок и описание в центре, время справа. Цвета карточек:

  • зелёные с иконкой замка — постановка и снятие;
  • красные — тревоги (заголовок красным жирным);
  • белые с серой иконкой sync — тесты связи.
Журнал событий
Журнал событий

Об объекте и настройки

«Об объекте» — три секции в стиле iOS-настроек: Договор (номер, клиент, телефон, адрес, оплата), Объект (тип, название, прибор, дата подключения), Хозорганы (список с ФИО и телефонами). Телефон показан синим — это action-строка, тап = звонок. Строка адреса с chevron справа. Оплата — зелёная пилюля «Оплачено».

Настройки — три секции с заголовками синего цвета: Сервер (хост, логин, пароль с иконкой show/hide), Безопасность (ПИН-код, биометрия, безопасный вход — два iOS-toggle), Уведомления (вспышка, вибрация, звук — тоже toggle). Под каждой секцией — короткое пояснение мелким шрифтом. Внизу — кнопка «Проверка».

Экраны «Об объекте» и «Настройки»
Сверху — экран «Об объекте», снизу — «Настройки»

Язык интерфейса

Через все экраны проходит общая цветовая логика:

  • Зелёный — норма, постановка, объект под охраной;
  • Синий — нейтральное состояние, снят с охраны;
  • Янтарный — авария связи, предупреждение, состояние «офлайн»;
  • Красный — тревога, опасное действие.

Брендовый синий #0046B9 используется для UI-акцентов и навигации — заголовков, primary-кнопок, ссылок. Статусы при этом окрашиваются семантическими цветами, не брендовым синим.

Терминология предметной области сохранена: «шлейф», «хозорган», «БРО», «ПЦН Струна» — без перевода на «гражданский» язык.



кнопка соц сетей
кнопка max кнопка telegram