UX-проектирование сервиса low-code программирования
Задача

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

Прежде всего, нужно было понять, каким образом можно связать атрибуты, с помощью которых задаются исходные данные и результаты, которые получает человек. Атрибутов, отвечающих за появление результата, может быть несколько, а результат зависит не столько от наличия атрибута, сколько от значений, которые выбирает пользователь.
Необходимо создать условия, описывающие, при каких значениях атрибута будет отображаться результат.
Кроме того, переход к созданию условий должен быть простым из любого места сервиса — создания атрибутов или результатов. Для решения этой задачи использовали вкладочную архитектуру сервиса с возможностью быстрого переключения между вкладками.
Атрибут
Условие
Результат
Создание условий

Так как условия могут быть очень сложными, включающими в себя разные логические операторы, значения, ссылки на другие атрибуты и их значения, а также ссылки на другие условия, было решено сделать конструктор условий, как инструмент low-code программирования.

Инструмент гибкий, интуитивный, визуально понятный. Практические тесты после реализации показали, что пользователь осваивает инструмент в среднем за 1 час.
Настройка интерфейса для пользователя

Каждый конфигуратор в итоге становится отдельным веб-приложением для конечных пользователей. Соответственно, необходимо настроить пользовательский интерфейс, распределив атрибуты в порядке, в котором их должен заполнять пользователь. Также атрибуты могут быть распределены по группам. В этом же разделе происходит настройка отображения результатов.
Администрирование сервиса

Помимо вкладок с настройкой нового сервиса, необходима панель, где администратор будет видеть все сервисы, которые он ранее создал. Для этого предусмотрена панель администратора, куда пользователь попадает при входе в сервис. Там администратор может управлять каждым конфигуратором: переименовывать, дублировать, открывать для других администраторов, переходить в режим редактирования.
Реализация

При реализации проекта было очень плотное сотрудничество с разработчиками на стороне заказчика.
Стек разработки React js.
При развитии сервиса появились дополнительные функции, например, создание и отображение графических результатов, работа с переменными и другие.
Нажимая на кнопку, вы даёте согласие на обработку персональных данных