Вертикальные вкладки

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

• Располагаются вертикально слева от панели. Используют единый визуальный стиль. Иконка + краткий текст
• Количество вкладок ограничено (рекомендуется 5–6). Если больше, необходимо использовать стрелку прокрутки
• Вкладки независимы друг от друга. Контент внутри вкладок логически не пересекается
• Вкладки расположены в порядке важности
• Вкладки деляться на два типа:
  • Расширенные вкладки перекрывающие часть контекста основного редактора и оставляющую доступ к рабочей области дизайнера тех. платформ
  • Полноэкранные вкладки заменяющий рабочую область дизайнера тех. платформ

Поведение

• При нажатии на вкладку открывается связанная контентная область. Вкладка становиться активной
• При повторном нажатии контентная область вкладки скрывается. Кнопка деактивируется

Расширенные вкладки

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

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

Расширенные вкладки являются частью общего сценария редактирования и используются для работы со вспомогательной информацией: версиями, комментариями, пользователями, параметрами, настройками или дополнительными объектами.

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

Критерии использования

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

Стандарт проектирования

• Редактор остается видимым.
• Рабочая область уменьшается адаптивно.
• Вкладка открывается слева.
• Переключение между вкладками не перезагружает редактор.
• Допускается параллельная работа с диаграммой и вкладкой.

Полноэкранные вкладки

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

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

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

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

Критерии использования

• Новый сценарий становится основной задачей пользователя.
• Требуется большое рабочее пространство.
• Контент существенно независим от текущего редактора.
• Интерфейс содержит сложные таблицы, формы или реестры.
• Необходимо отдельное состояние страницы.

Стандарт проектирования

• Полностью заменяет рабочую область.
• Формирует отдельный пользовательский сценарий.
• Может иметь собственные панели и сетку.
• Использует весь доступный экран.
• Сохраняет только глобальный уровень платформы.
• Может содержать собственные инструменты поиска, фильтрации и действий

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

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

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

Редактор

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

Внутри вкладки пользователь получает доступ к компонентам, шаблонам. Эта вкладка всегда является центральной точкой продукта, и включается по-умолчанию

• Реализуется как расширенная вкладка

Версии

Используется для контроля жизненного цикла артефакта, управления редакциями и восстановления состояний. Позволяет пользователю безопасно работать с изменениями и отслеживать историю публикаций. Используется PBC Версионирование

• Реализуется как расширенная вкладка
• Использует виджет PBC Версионирование
• Хранить несколько состояний объекта
• Разделять текущую, черновик и архивные версии
• Возвращаться к последней версии
• Понимать, кто и когда создавал изменения

Пользователи

Раздел пользователей отвечает за доступ и роли. Здесь назначаются ответственные лица, добавляются новые участники и регулируются права редактирования.

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

• Реализуется как полноэкранная вкладка
• Назначение роли с определенными правами
• Использует табличный список участников
• Использует единую модель ролей для всех платформ

Форум

Форум нужен для обсуждения объекта внутри системы. Здесь пользователи согласовывают изменения, задают вопросы, фиксируют решения и сохраняют историю коммуникации.

Главное преимущество такого подхода — обсуждение остается рядом с данными. Информация не теряется в мессенджерах и почте, а сохраняется в рабочем контексте.

• Реализуется как расширенная вкладка
• Используется PBC Форум
  • Использует единый паттерн:
  • Лента сообщений
  • Поле ввода
  • Действия ответа
• Комментарии всегда относятся к текущему объекту

Информация

Используется для просмотра и редактирования общей информации о текущем объекте. Это базовый уровень понимания сущности: кто владелец, что это за объект, в каком статусе находится.

• Реализуется как полноэкранная вкладка
• Отобразить основные параметры объекта
• Разделять форму на структурированные блоки разделенные заголовками