Интерфейс

Хочется надеяться, что самый удобный в мире!

На проектирование и реализацию интерфейса «Курсора» потрачено очень много сил и времени. Ко всем страницам применяются единые правила компоновки, расположения и именования элементов. Один раз поняв принцип, Вы сможете легко ориентироваться на любом экране системы. Вот эти единые правила мы и постараемся здесь изложить. Посмотрим на типовой экран:

Компоновка экрана

Можно выделить несколько стандартных панелей: заголовка (1); навигации (2); инструментов (3); рабочая (4). Рассмотрим каждую из этих панелей более подробно.

Панель заголовка

Закрепленная сверху экрана синяя полоса. На ней находятся, слева направо:

  • логотип, название и версия системы;
  • пиктограмма сворачивания панели навигации (три горизонтальные черты);
  • аватар и имя текущего пользователя.

Если кликнуть по аватару или имени текущего пользователя, это приведёт к открытию личного меню:

Открытое личное меню

Личное меню содержит следующую информацию о пользователе: аватар; имя; должность; организацию. А также кнопки «Профиль», «Настройки» и «Выйти».

Панель навигации

Закрепленная слева экрана тёмная панель. На ней находятся пункты главного меню. Каждый пункт меню содержит: пиктограмму; название; ссылку на соответствующую страницу системы или открывающиийся список подпунктов.

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

Свёрнутая панель навигации

Повторный клик по пиктограмме (три горизонтальные черты) разворачивает панель навигации до прежней ширины.

Панель инструментов

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

  • кнопка добавления нового элемента списка;
  • блок постраничной навигации;
  • кнопка открытия панели фильтра и поиска.

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

Открытая панель фильтра и поиска

Количество и тип элементов для фильтрации и поиска нужных элементов списка зависит от особенностей предметной области этих элементов (на иллюстрации представлен самый простой вариант). Но, в любом случае, панель заканчивается двумя кнопками - «Отменить» и «Выбрать». Первая закрывает панель фильтра и поиска без её активации, вторая - применяет установленные критерии фильтрации и поиска к элементам списка. Чтобы даже при закрытой панели сразу была видна её активность, соответствующая кнопка на панели инструментов выделяется оранжевым цветом:

Кнопка активного фильтра и поиска

Панель рабочая

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

  • заголовок и подзаголовок;
  • строку навигации (breadcrumbs).

Чуть ниже может располагаться полоса вкладок, если экран их имеет. Причём вкладки выравниваются вправо, а слева может располагаться (на странице списка) индикатор количества элементов (формат: с какого номера - по какой номер / общее количество).

Ещё ниже располагается любое содержимое - текст, иллюстрации, таблицы, формы, элементы управления и т.д.. Но если это табличный список элементов, он всегда имеет:

  • строку заголовка сверху (один из столбцов содержит красный треугольник направления сортировки, сортировку можно изменить кликом по синему заголовку любого столбца, повторный клик меняет направление сортировки на обратное);
  • столбец управления справа (если у Вас есть соответствующие права, содержит пиктограммы редактирования и/или удаления элемента списка).

Pran Precision

Навигация