Navigation menu (навигационное меню) может являться как основным, так и дополнительным (в случае платформенных решений) средством навигации. В случае платформенных решений навигационное меню используется в паре с компонентом Header и вызывается по клику на кнопку вызова навигационного меню. Развернутое Navigation menu занимает всю высоту окна приложения и находится в левой его части.

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

Анатомия

Навигационное меню состоит из:

Logo. Может быть кликабельным - вести на главную страницу приложения
Modules zone. Аналог зоны модулей в шапке
Navigation settings. Настройки отображения навигации, фильтры и т.п.
Search. Осуществляет поиск по разделам и страницам
Navigation zone. Обязательная часть навигационного меню. Представляет навигационную иерархию приложения.
Support. Техподдержка - модуль, который вынесен в нижнюю часть навигационного меню в связи с редким использованием.
Fix-menu. Функция фиксации меню на экране (для меню, которые вызываются из шапки приложения).

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

Разделы

Страницы системы могут объединены в разделы, а разделы - в другие разделы.

Мы рекомендуем не использовать в навигации более 3 уровней вложенности:

Раздел 1 уровня

a. Раздел 2 уровня

i. Страница

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

Размер и расположение

Навигационное меню занимает всю высоту экрана (- высота Header).

Стандартная ширина - 320рх. Может изменяться под потребности проекта (кратность ширины 8рх).

По умолчанию меню появляется поверх контента. Вызов меню происходит по кнопке-логотипу, расположенному в шапке:

Скрытое навигационное меню

Зафиксированное навигационное меню

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

Оформление

Каждый из элементов навигационного списка может быть дополнен:

Icons. Используются для дополнительного описания контекста раздела или страницы.
Indicator и Counter. Используются для сообщения пользователям о наличии сообщений и событий на странице или разделе. Цветовая индикация - стандартная для нашей ДС.

Вы можете использовать индикатор для разделов, на страницах которых есть счетчики. В случае нескольких видов индикации на страницах - для раздела наследуется самый критичный индикатор.