Сделай Сам Свою Работу на 5

Расположение функциональных модулей на титульной странице





Расположение функциональных модулей на странице представлено на рис. 6.1.

 

 

 
 

Рисунок 6.1.

Баннер отведем под размещение наименование организации вместе с ее логотипом. Наименование домашней страницы размещается на фоне государственного флага. Ниже располагается область рубрик данного Web-узла.

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

 

Расположение функциональных модулей на странице разделов

Расположение функциональных модулей на странице разделов представлено на рис. 6.2

 

Рисунок 6.2.

Структура страницы раздела сайта представлена на рисунке 2.

Создание дизайн-макета

На основе макета и выбранной цветовой схемы сайта был создан дизайн-макет. Дизайн-макет выполнен в программе FrontPage. Дизайн макет отражает реальные размеры элементов сайта, их расположение.

 

Рисунок 6.3 - Дизайн-макет главной страницы

Рисунок 6.4. - Дизайн-макет главной страницы



 

 

Организация навигации

Глобальная навигация

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

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

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

Навигация по разделу

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



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

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

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

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

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



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

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

Комбинация методов

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

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

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

 








Не нашли, что искали? Воспользуйтесь поиском по сайту:



©2015 - 2024 stydopedia.ru Все материалы защищены законодательством РФ.