Interface Design Process
Интерфейс раннего оповещения о воздушной угрозе для владельца объекта
Куда заходить
Тестовый стенд
Всё, что мы сделали: экран объекта, экран клиента и пульт оператора на шесть вкладок. На экране входа раскрывается список учёток — вход одним кликом, под каждой подписано, что откроется. Внизу плашка «демо» переключает состояние неба и роль без перелогина.
Боевойkupoldim.com
Живая система на данных сервера заказчика. Демо-переключателя здесь нет и не будет: поддельный орган управления в боевом контуре опаснее его отсутствия. Выкладка — только по команде Олега, после теста.
ЗаказчикПрототип клиента
Без входа, открывается сразу. То, состав чего мы повторяем: их экраны, их слова, их порядок блоков. Эталон для сверки — наша работа приносит UI, а не новый UX.
Studio · living kitUI Kit
Живая система: правило «один смысл — один компонент» и четыре шага приёмки, токены, атомы, молекулы, организмы, значки, журнал верификации. Собрана из кода продукта в тестовой сборке: есть деталь — берём её; нет — делаем общей, утверждаем, документируем.
Архив и исходная точка
Концепция 1
Карта на весь экран, цели внутри плашки статуса, история в узкой колонке. Показывала только реальные угрозы.
Studio · concept · архивКонцепция 2
Карта фоном, наша шапка с ролями и демо-переключателем, плашка статуса на всю ширину. Из неё вырос экран объекта в продукте.
Studio · concept · архивКонцепция 3
Карта фоном, всё остальное — одна правая панель, которая скроллится целиком.
Прототип клиента
Собран им самим в Lovable. Состав экранов, слова и порядок блоков — эталон для сверки: мы приносим UI, а не новый UX.
UI Kit первого захода
Токены и компоненты августа. На него больше не опираются — живой кит собирается из кода.