Предпочитаете другой способ? Напишите — договоримся!
Конфигуратор UI для low-code платформы
Период: январь 2024 — ноябрь 2024Роль: ведущий UX/UI дизайнерОтрасль: Металлургия / Low-code
Контекст
Разработка собственной low-code платформы для проектирования и сборки экранов MES-систем в металлургии. Платформа создавалась как инструмент для системных аналитиков, позволяющий конфигурировать интерфейсы без участия разработчиков.
Интерфейс low-code платформы для конфигурирования
Задача
Спроектировать модули-конфигураторы (UI, алгоритмы, запросы) и модуль управления конфигурациями (МУК) для low-code платформы. Обеспечить возможность сборки интерфейсов MES без привлечения разработчиков.
Анализ
Изучил архитектуру платформы, объектную модель данных, запросы и алгоритмы для оптимального проектирования.
Проанализировал сценарии работы системных аналитиков при сборке экранов — выявил ключевые паттерны и потребности.
Исследовал ограничения low-code платформы при верстке таблиц, компоновке данных и работе с объектной моделью.
Выявил необходимость унификации структуры контейнеров для всех экранов и модальных окон.
Процесс
Проектировал интерфейсы модулей-конфигураторов (UI, алгоритмы, запросы) и модуля управления конфигурациями (МУК).
Участвовал в сборке интерфейсов MES на платформе — изучал архитектуру, объектную модель данных, запросы и алгоритмы.
Разрабатывал макеты и шаблоны экранов в Figma для последующего использования при создании конфигураций.
Взаимодействовал с системными аналитиками и разработчиками для согласования логики и технических решений.
Пример User flow для одного из сценариев
Результат
Сборка экранов выполняется системными аналитиками без привлечения разработчиков.
Для создания конфигураций используются спроектированные дизайнерами в Figma макеты и шаблоны экранов.
Скриншоты экранов модулей конфигураторов
Вариации панели свойств компонентов в конфигураторе UI
Что можно улучшить (ретроспектива)
MVP-подход: фокусироваться на MVP-версиях, выкатывать обновления UI чаще, сократить time-to-market для UI интерфейса (UI пока не внедрён на прод).
Унификация структуры: стандартизировать вложенность контейнеров для всех экранов и модальных окон.