Интерфейс программы. Панель навигации (Navigation Panel) Панель навигации позволяет установить

Управляемая форма в 8.2 не рисуется, как в 8.0 и 8.1, а описывается программистом. Она сделана для того, чтобы на тонких каналах связи (тонкий клиент или веб-клиент, хотя управляемая форма возможна и на толстом клиенте) оптимизировать объем передаваемых данных.

Управляемая форма состоит из следующих разделов:

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

Панель разделов.

Панель разделов находится вверху рабочего стола:

Панель разделов соответствует подсистемам в ветке «Общие» вдереве метаданных в режиме конфигуратора.

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

Раздел «Рабочий стол» будет присутствовать всегда по умолчанию.

Чтобы сделать невидимой для пользователя некоторую подсистему, нужно настроить права или скрыть её в меню «Командный интерфейс конфигурации»,вызываемой из контекстного меню конфигурации.

Если в конфигурации нет ни одной подсистемы, то панель разделов выводиться не будет вообще.

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

Панель навигации находится сбоку и показывает ссылки на различные объекты конфигурации:

Настраивается панель навигации из контекстного меню подсистемы:

И можем снять или поставить «галочки» видимости у элементов, которые включены в данную подсистему, а также поменять элементы местами, передвигая стрелками:

Панель навигации есть также и у других объектов конфигурации, и настраивается на вкладке «Командный интерфейс формы.

Панель навигации состоит из нескольких групп:

Важное
Обычное
Перейти
См. также

Группы «Обычное» и «Перейти» показаны простым шрифтом. Первое существует у подсистемы, авторое - у справочников (например подчиненный справочник) , документов (регистр, по которому делаются движения) и т.п.

В самом низу панели навигации расположена группа «См. также» - это дополнительные ссылки.

Кроме этих групп, программист может создавать и свои группы панели навигации.

Панели навигации, как и панели разделов также может и не быть.

Панель действий

Панель действий расположена вверху, под панелью разделов и над рабочей областью:

Она позволяет вызывать служебные окна, например константы, отчеты или обработки.

Настраивается в тех же меню, что и панель навигации, но, как правило, в подсистемах.

Как и у панели навигации, у панели действий есть свои группы:

Создать
Отчеты
Сервис

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

Рабочая область

Рабочая область занимает основную часть формы.

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

Рабочий стол

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

За настройку рабочего стола «отвечают» 2 пункта контекстного меню конфигурации

Пункт «Открыть командный интерфейс рабочего стола» позволяет настроить панель навигации и панель действий рабочего стола

В отличие от других форм редактирования, в форме редактирования панели навигации и действий рабочего стола есть возможность выбора любых объектов из левой части «Доступные команды».

Рабочую область можно настроить через пункт «Открыть рабочую область рабочего стола». Именно эту часть пользователь и видит в первую очередь. Мы видим, что есть шаблоны рабочего стола -в одну колонку, в две колонки одинаковой ширины и в две колонки разной ширины.

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

Панель навигации - это один из элементов командного интерфейса программы. Она является своеобразным "оглавлением" раздела или вспомогательного окна (рис. 1.9). С помощью нее можно просматривать ту или иную информацию, содержащуюся в разделе или во вспомогательном окне.

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

Например, в результате вызова команды Склады в рабочей области будет открыт список складов (рис. 1.10).

Рисунок 1.9 – Панель навигации командного интерфейса Рабочего стола управляемого приложения 1С:Предприятие 8 в режиме Конфигурация

Рисунок 1.10 – Вызов навигационной команды командного интерфейса Рабочего стола управляемого приложения 1С:Предприятие 8

Бывают ситуации, когда необходимо проанализировать или сравнить разные части одного и того же списка, или разные списки. В этом случае можно открыть одновременно несколько списков (рис. 1.11). Один - в основном окне, а остальные во вспомогательных окнах.

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

Рисунок 1.11 – Вызов навигационной команды с открытием нескольких списков командного интерфейса Рабочего стола управляемого приложения 1С:Предприятие 8

Команды в панели навигации, как правило, расположены в трех стандартных группах (рис. 1.12).

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

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

Третья группа - Смотри также . Команды этой группы предваряются заголовком См. также и не являются обязательными для работы в данном разделе. Но могут быть полезны.

Рисунок 1.12 – Вызов навигационной команды с открытием нескольких списков командного интерфейса Рабочего стола управляемого приложения 1С:Предприятие 8

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

В группе команд Обычное могут существовать дополнительные группы команд. Такие группы имеют заголовки и команды, находящиеся в них, отображаются с отступом от левого края (рис. 1.13). Нажимая мышью на заголовки этих групп, команды можно скрывать и отображать.

Если разделы программы образуются подсистемами первого уровня, то группы команд в панели навигации образуются подсистемами второго и более низких уровней (рис. 1.14).

Как правило, количество команд, расположенных в группах Важное и См. также - невелико. В то время как в группе Основное может находиться довольно большое количество команд. Поэтому используется дополнительная группировка этих команд, которая позволяет проще ориентироваться в их составе.

Рисунок 1.13 – Дополнительные группы команд командного интерфейса Рабочего стола управляемого приложения 1С:Предприятие 8

Рисунок 1.14 – Соответствие групп команд и командного интерфейса Рабочего стола управляемого приложения 1С:Предприятие 8

Пользователь имеет возможность настроить состав панели навигации: добавить или удалить команды, изменить их порядок следования. Например, он может убрать группы команд Характеристики и Цены , а команду Корректировки остатков перенести в группу См. также (рис. 1.15) . Программа автоматически запоминает настройки, выполненные пользователем, и в следующий раз будет показывать панель навигации такой, как ее настроил пользователь

Рисунок 1.14 – Пользовательская перенастройка командного интерфейса Рабочего стола управляемого приложения 1С:Предприятие 8

Панель навигации - элемент командного интерфейса служащий "оглавлением" раздела или вспомогательного окна. С помощью нее можно просматривать ту или иную информацию, содержащуюся в разделе или во вспомогательном окне.

Например, в результате вызова команды Склады в рабочей области будет открыт список складов.

Группы команд

Команды в панели навигации, как правило, расположены в трех стандартных группах.

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

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

Группы обычных команд

Нажимая мышью на заголовки этих групп, команды можно скрывать и отображать.

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

Как правило, количество команд, расположенных в группах Важное и См. также - невелико. В то время как в группе Основное может находиться довольно большое количество команд. Поэтому используется дополнительная группировка этих команд, которая позволяет проще ориентироваться в их составе.

Настройка панели навигации

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

Например, он может убрать группы команд Характеристики и Цены , а команду Корректировки остатков перенести в группу См. также .

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

Редактирование панели навигации в конфигураторе

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

Так называемая utility navigation (в пер. с англ. — навигационная панель инструментов), как правило, предоставляет пользователю интернет-ресурса возможности для совершения на сайте второстепенных действий и включает в себя такие инструменты, как контактная форма, форма подписки, форма регистрации или входа на сайт, возможность распечатать страницу (print) и т. д.

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

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

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

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

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

Расположение

Раньше иконки навигационной панели инструментов встраивались или в поле контента, или размещались в сайдбаре, либо в общей навигационной панели. В последние годы эта панель инструментов иммигрировала в правый верхний угол страницы. Благодаря этому нововведению меню теперь всегда на виду и его проще заметить. Последите за собой: как только мы попадаем на новый для нас веб-ресурс, мы инстинктивно ищем в правом верхнем углу форму для регистрации или входа.

Панель инструментов на главной странице сайта IBM располагается в правом верхнем углу, в середине страницы (иконки социальных сетей) и в футере (ссылка Contact Us).

Правый верхний угол детально.

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

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

Некоторые организации пытаются спрятать панель инструментов за иконкой-гамбургером (иконка, представляющая из себя три горизонтальные линии) или каким-либо другим интерактивным элементом, например, крутящейся шестеренкой.

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

1. Дополняйте иконки (и другие графические иллюстрации) пояснительным текстом. Людям нравятся подобные картинки, но очень часто они либо не понимают их значения, либо плохо запоминают. К тому же веб-мастеры используют эти значки непоследовательно.

Не полагайтесь на всплывающие подсказки, потому как они не сработают на мобильных устройствах. Используйте только слова, либо слова и картинку, чтобы обеспечить более эффективное понимание и запоминание символа. Исследователи подчеркивают, что гамбургер-меню, к примеру, используется посетителями намного чаще, когда его сопровождает подпись «Меню» и он очерчен линией, которая придает ему вид интерактивной кнопки.

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

3. Элементы управления должны выглядеть как элементы управления, не стоит давать им непривычные названия.

5. Обязательно встраивайте инструменты для подписки. Сделайте максимально простым процесс подписки на какого-либо автора или в целом на блог.

6. Для отображения используемого языка достаточно указать его название символами соответствующего алфавита.

7. Формы подписки на ресурс и входа на сайт должны располагаться рядом друг с другом.

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

Примеры расположение навигационной панели инструментов: