Шапка

Шапка располагается в верхней части страницы и служит основным навигационным уровнем системы. Она разделена на два слоя: глобальный и локальный. Такое деление помогает пользователю интуитивно понимать, какие действия относятся ко всей системе, а какие — только к текущему редактору.

• Единый формат для всех дизайнеров технологических платформ;
• Всегда фиксируется в верхней части интерфейса;

Глобальный уровень

Глобальный уровень используется для идентификации текущего раздела системы, отображения бизнес-контекста и размещения общесистемных действий, доступных независимо от рабочей области. Это верхний слой навигации, который остается стабильным при работе в любых редакторах и сценариях платформы.

• Пользователю необходимо всегда понимать, в какой платформе и какой артефакт он редактирует.
• В системе используются уведомления, ошибки, предупреждения и статусы в реальном времени.
• Если над проектом работают несколько пользователей и нужно отображать совместную активность.
• Требуется постоянный доступ к критически важным функциям: сохранение, публикация, меню действий.

Наименование и выбор артефактов

Для выбора текущего объекта используется searchbox, встроенный в глобальную шапку. Это решение позволяет быстро переключаться между страницами, схемами, процессами и другими сущностями без возврата в каталоги или списки.

• Наименование редактируемого артефакта должно располагаться слева (Логическая схема, Бизнес-процесс, Макет).

• Слева от наименования располагается наименование экземпляря (PBC, бизнес-процесс, макет). Дизайнер тех. платформы должен поддерживать переключение между экземплярами через серчбокс. Смена производится без перезагрузки страницы
• Обновление экземпляра происходит через нажатие кнопки карандаша при наведении на наименование артефакта. После нажатия появляется серчбокс с выбором артефакта
• Обновляет рабочую область при переключении

Глобальные действия

Компонент используется для отображения состояния системы, активности пользователей и быстрого доступа к ключевым действиям, не связанным напрямую с редактированием объекта.

• Отображать глобальные статусы системы или объекта (ошибки, предупреждения, уведомления)
• Отобразить присутствие и активность других участников (совместная работа)
• Предоставить быстрый доступ к глобальным действиям (сохранение, редактирование, запуск, обновление)
• Всегда отображается в правой части глобального уровня
• Дополнительные действия в кнопке "Три точки"
• Кнопки отображаются только иконками
• Статус сохранения выводиться левее от статусов

Локальный уровень

Локальный уровень располагается под глобальной шапкой и содержит инструменты, связанные только с текущим редактором. Он не влияет на систему целиком и используется для работы внутри выбранного сценария. Здесь размещаются быстрые действия над объектами, поиск по схеме, управление масштабом и визуальными режимами. Такой уровень делает работу быстрее, потому что все нужные инструменты находятся рядом с рабочей областью. Пользователю не приходится открывать дополнительные меню или покидать редактор ради стандартных операций.

• Располагается в нижней части шапки (под глобальным уровнем)
• Левая область для выполнения операций над объектами редактора (Назад, вперед, удалить, скопировать, дублировать)
• Поиск необходимых объектов в редакторе производиться через поиск. Поиск располагается в центре локального уровня шапки.
• Правая область для управления состоянием рабочей области (масштаб, отображение, режимы, на полный экран)

Блок управления

Блок управления включает самые востребованные действия: отмену, повтор последнего действия, удаление, копирование, вставку и дублирование. Эти операции используются часто, поэтому располагаются в зоне мгновенного доступа.

Главный принцип этого блока — скорость. Пользователь не должен искать базовые команды в сложных меню. Они всегда доступны и работают одинаково во всех технологических платформах.

• Действия являются частыми и повторяемыми.
• Кнопки управления могут относиться к общим изменений (Вернуться назад), так и к изменениям конкретного объекта (Удалить, копировать, дублировать)
• Кнопки отображаются только иконками
• Разделитель делит кнопки на смысловые блоки

Обязательные действия

• Назад (undo)
• Вперед (redo)

Поиск

Поиск внутри редактора предназначен для навигации по рабочей области. Он помогает находить объекты, сущности, связи и другие элементы, расположенные на схеме или в структуре проекта.

Особенно важен поиск в сложных моделях с большим количеством элементов. Вместо ручного перемещения по схеме пользователь вводит название объекта и сразу переходит к нужному месту. Это значительно ускоряет работу и снижает нагрузку при работе с крупными артефактами.

• Располагается по центру локального уровня
• При вводе текста выводиться всплывающее окно с результатом поиска
• В результате поиска, должна выводиться вся информация для считывания искомого объекта

Блок настроек

Настройки редактора позволяют управлять отображением рабочей области. Пользователь может менять масштаб, переключать режимы отображения, открывать интерфейс на полный экран и адаптировать пространство под текущую задачу.

Такие настройки относятся именно к удобству работы, а не к данным объекта. Поэтому они отделены от форм редактирования и сгруппированы в локальном уровне управления.

• Располагается в правой части локального уровня
• Влияет только на текущую рабочую область
• Не изменяет данные объектов
• Применяется мгновенно без перезагрузки
• Группирует визуальные настройки
• Использует компактные контролы (иконки + дропдауны)