Редизайн системы оркестрации средств ИБ
Контекст
и проблема
Система оркестрации средств информационной безопасности (ИБ) – это ключевой инструмент для управления, автоматизации и координации различных решений в области ИБ. Однако на данный момент ее UI устарел, не соответствует стандартам экосистемы компании и требует улучшения с точки зрения удобства использования.
Задача — не просто обновить интерфейс, а сделать его частью единой экосистемы продуктов ИБ, при этом на всю задачу было отведено лишь 1,5 месяца и минимальное количество ресурсов.
01
Ошибки в user-story
Некоторые пользовательские пути были организованы некорректно
02
Устаревший UI
Внешний вид компонентов не соотвествовал существующей дизайн-системе компании
03
Проблемы консистентности интерфейса
Gротиворечия в оформлении, поведении элементов и принципах работы системы
04
Высокий порог входа
Новым пользователям сложно разобраться в продукте без обучения
Вызовы
Перед нами стояла амбициозная задача
Ограниченные сроки
- Требовалось быстрое внедрение обновленного UI, что исключало длительные исследования и тестирования.
- Пришлось балансировать между скоростью разработки и качеством UI/UX.
Приведение к единому UI-киту экосистемы
- Предстояло адаптировать продукт под существующие гайдлайны компании (дизайн-систему, UX/UI-кит).
- Требовалось идти на компромиссы между текущими возможностями системы и стандартами экосистемы.
Улучшение UX без радикальных изменений логики
- Пользователи уже привыкли к текущему функционалу, поэтому нельзя было кардинально менять пользовательские потоки.
- Было важно повысить удобство работы за счет визуальных и структурных улучшений.
Основные этапы работы
Интерфейс до переработки
01
Аудит текущего интерфейса
- Анализ текущего UI: выявление проблем и неэффективных решений.
- Оценка соответствия гайдлайнам компании.
- Интервью с аналитиками.
02
Определение ключевых изменений
- Фокус на унификацию UI (приведение кнопок, форм, таблиц, иконок к стандартам экосистемы).
- Улучшение навигации и читаемости (сокращение когнитивной нагрузки).
- Обновление цветовой схемы, типографики, взаимодействий.
- Улучшение отклика системы (минимизация лишних шагов, добавление быстрых действий).
03
Разработка UI на основе дизайн-системы
- Выбор готовых компонентов из UI-кита и их адаптация под текущие сценарии.
- Создание новых компонентов при необходимости, но с учетом совместимости с системой.
- Создание обновленного UI-прототипа (быстрая проверка логики и удобства).
04
Согласование и передача в разработку
- Оперативные согласования с заинтересованными сторонами (разработка, продукт, безопасность).
- Подготовка дизайн-спецификаций с учетом возможностей фронтенда.
- Взаимодействие с командой разработки для быстрого внедрения изменений.
Результаты
Редизайн не просто улучшил внешний вид системы, но и повысил удобство работы, обеспечил единообразие внутри экосистемы компании и заложил основу для дальнейших улучшений.
